mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-11 03:08:41 +00:00
667 lines
42 KiB
PHP
Executable File
667 lines
42 KiB
PHP
Executable File
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<label for="iDropdown1" class="dropdown" data-src="http://">
|
|
<div class="dropdown-closed">
|
|
<input id="e1" name="dropdown" type="radio" checked>
|
|
<label for="iDropdown1">Please select</label>
|
|
|
|
<input id="e2" name="dropdown" type="radio">
|
|
<label for="iDropdown1"><i class="g-icon">home</i> Content</label>
|
|
|
|
<input id="e3" name="dropdown" type="radio">
|
|
<label for="iDropdown1">Content2</label>
|
|
|
|
<input id="e4" name="dropdown" type="radio">
|
|
<label for="iDropdown1">Content3</label>
|
|
</div>
|
|
<input id="iDropdown1" type="checkbox">
|
|
<div class="dropdown-container">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<label for="e2"><i class="g-icon">home</i> Content</label>
|
|
<label for="e3">Content2</label>
|
|
<label for="e4">Content3</label>
|
|
<label for="iDropdown1">Close</label>
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Multi-Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Multi-Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<input type="checkbox" value="" checked>
|
|
<label>Please select</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content2</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content3</label>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Autocomplete+Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Autocomplete+Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<div class="dropdown" data-src="http://">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<input type="radio" value="" checked>
|
|
<label>Please select</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content2</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content3</label>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Autocomplete+Multi-Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Autocomplete+Multi-Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<input type="checkbox" value="" checked>
|
|
<label>Please select</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content2</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content3</label>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<div class="dropdown" data-src="http://">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<input type="radio" value="" checked>
|
|
<label>Please select</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content2</label>
|
|
|
|
<input type="radio" value="">
|
|
<label>Content3</label>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Multi-Dropdown+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Multi-Dropdown+Local</div>
|
|
<div class="portlet-body">
|
|
<div class="dropdown-search"></div>
|
|
<div class="dropdown-content">
|
|
<input type="checkbox" value="" checked>
|
|
<label>Please select</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content2</label>
|
|
|
|
<input type="checkbox" value="">
|
|
<label>Content3</label>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Badge+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
<div class="form-group">
|
|
<label>Default</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input5-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input5"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input5">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input5"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input5} -->
|
|
<div id="input5-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input5-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
<div class="box" id="input5-tags" data-limit="0" data-active="true">
|
|
<template id="input5-tagTemplate">
|
|
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input5-tagname">
|
|
<i class="g-icon">close</i>
|
|
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
</span>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>With starting values</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input6-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input6"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input6">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input6"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input6} -->
|
|
<div id="input6-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input6-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
<div class="box" id="input6-tags" data-limit="0" data-active="true">
|
|
<template id="input6-tagTemplate">
|
|
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input6-tagname">
|
|
<i class="g-icon">close</i>
|
|
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
</span>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label>With mandatory values</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input7-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input7"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input7">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input7"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input7} -->
|
|
<div id="input7-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input7-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
<div class="box" id="input7-tags" data-limit="0" data-active="true">
|
|
<template id="input7-tagTemplate">
|
|
<span class="tag red" data-tpl-value="/id" data-value="" data-uuid="" data-name="input7-tagname">
|
|
<i class="g-icon">close</i>
|
|
<span style="display: none;" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
</span>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Badge+Local</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Table+Remote</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
<div class="form-group">
|
|
<label>Default</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input11-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input11"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input11">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input11"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input11} -->
|
|
<div id="input11-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input11-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr><td>
|
|
<td>Type
|
|
<td>ID
|
|
<td>Name
|
|
<td>Email
|
|
</thead>
|
|
<tbody id="input11-tags" data-limit="0" data-active="true">
|
|
<template id="input11-tagTemplate">
|
|
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input11-tagname">
|
|
<td><i class="g-icon">close</i>
|
|
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value="">
|
|
</span>
|
|
</template>
|
|
</table>
|
|
|
|
<div class="form-group">
|
|
<label>With starting values</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input12-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input12"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input12">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input12"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input12} -->
|
|
<div id="input12-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input12-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr><td>
|
|
<td>Type
|
|
<td>ID
|
|
<td>Name
|
|
<td>Email
|
|
</thead>
|
|
<tbody id="input12-tags" data-limit="0" data-active="true">
|
|
<template id="input12-tagTemplate">
|
|
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input12-tagname">
|
|
<td><i class="g-icon">close</i>
|
|
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value="">
|
|
</span>
|
|
</template>
|
|
</table>
|
|
|
|
<div class="form-group">
|
|
<label>With mandatory values</label>
|
|
<div>
|
|
<div class="ipt-wrap wf-100">
|
|
<div class="ipt-first">
|
|
<span class="input">
|
|
<button type="button" id="input13-book-button" data-action='[
|
|
{
|
|
"key": 1, "listener": "click", "action": [
|
|
{"key": 1, "type": "dom.popup", "selector": "#acc-grp-tpl", "aniIn": "fadeIn", "id": "input13"},
|
|
{"key": 2, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 3, "type": "dom.table.append", "id": "acc-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1},
|
|
{"key": 4, "type": "message.request", "uri": "http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10", "method": "GET", "request_type": "json"},
|
|
{"key": 5, "type": "dom.table.append", "id": "grp-table", "aniIn": "fadeIn", "data": [], "bindings": {"id": "id", "name": "name/0"}, "position": -1}
|
|
]
|
|
}
|
|
]' formaction=""><i class="g-icon">book</i></button>
|
|
<div class="advancedInput wf-100" id="input13">
|
|
<input autocomplete="off" spellcheck="false" class="input" type="text" id="input13"
|
|
data-emptyAfter="true"
|
|
data-autocomplete="off"
|
|
data-src="http://127.0.0.1/cssOMS/tests/app/data/account.json?filter=some&limit=10">
|
|
<!-- Normally you put a search string here e.g. api/admin/find/accgrp?search={!#input13} -->
|
|
<div id="input13-popup" class="popup" data-active="true">
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr>
|
|
<td>Type<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>ID<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Name<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<td>Email<i class="sort-asc g-icon">expand_less</i><i class="sort-desc g-icon">expand_more</i>
|
|
<tbody>
|
|
<template id="input13-rowElement" class="rowTemplate">
|
|
<tr tabindex="-1">
|
|
<td data-tpl-text="/type_name" data-tpl-value="/type_prefix" data-value="">
|
|
<td data-tpl-text="/id" data-tpl-value="/id" data-value=""></td>
|
|
<td data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></td>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value=""></td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div class="ipt-second"><button>Select</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="default sticky">
|
|
<thead>
|
|
<tr><td>
|
|
<td>Type
|
|
<td>ID
|
|
<td>Name
|
|
<td>Email
|
|
</thead>
|
|
<tbody id="input13-tags" data-limit="0" data-active="true">
|
|
<template id="input13-tagTemplate">
|
|
<tr data-tpl-value="/id" data-value="" data-uuid="" data-name="input13-tagname">
|
|
<td><i class="g-icon">close</i>
|
|
<td><span data-tpl-text="/type_name" data-name="type_prefix" data-tpl-value="/type_prefix" data-value=""></span>
|
|
<td><span data-tpl-text="/id" data-name="id" data-tpl-value="/id" data-value=""></span>
|
|
<td><span data-tpl-text="/name/0" data-tpl-value="/name/0" data-value=""></span>
|
|
<td data-tpl-text="/email" data-tpl-value="/email" data-value="">
|
|
</span>
|
|
</template>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-6">
|
|
<section class="portlet">
|
|
<div class="portlet-head">Input+Autocomplete+Dropdown+Table+Local</div>
|
|
<div class="portlet-body">
|
|
<form>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module">
|
|
import { Request } from "../../../jsOMS/Message/Request/Request.js";
|
|
|
|
const loginRequest = new Request('http://127.0.0.1/en/api/login', 'POST', 'json');
|
|
loginRequest.setData({user: 'admin', pass: 'orange'});
|
|
loginRequest.send();
|
|
</script> |