57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<template name="Selectize">
|
||
<div class="selectize-control selectize {{#if multiple}}multi{{else}}single{{/if}} {{#if removeButton}}plugin-remove_button{{/if}} {{#if loading}}loading{{/if}}">
|
||
<select name={{name}} multiple={{multiple}} id={{id}} data-schema-key={{dataSchemaKey}}>
|
||
<option value=""></option>
|
||
{{#each getItems}}
|
||
<option value={{value}} selected={{selected}}>{{label}}</option>
|
||
{{/each}}
|
||
</select>
|
||
|
||
<div class="selectize-input items not-full has-options has-items {{#if disabled}}disabled{{/if}} {{#if open}}focus input-active dropdown-active{{/if}}">
|
||
{{#if getPlaceholder}}
|
||
<div class="selectize-placeholder {{#if open}}hidden{{/if}}">
|
||
{{getPlaceholder}}
|
||
</div>
|
||
{{/if}}
|
||
|
||
{{#if inputPosition -1}}
|
||
<input type="text" autocomplete="off" tabindex="" class="js-selectizeInput">
|
||
{{/if}}
|
||
|
||
{{#each getItemsSelected}}
|
||
<div data-value={{value}} class="item">
|
||
{{label}}
|
||
{{#if removeButton}}
|
||
<a href="#" class="remove" tabindex="-1" title="Remove">×</a>
|
||
{{/if}}
|
||
</div>
|
||
|
||
{{#if inputPosition @index}}
|
||
<input type="text" autocomplete="off" tabindex="" class="js-selectizeInput">
|
||
{{/if}}
|
||
{{/each}}
|
||
</div>
|
||
|
||
<div class="selectize-dropdown js-selectize-dropdown {{#unless open}}hidden{{/unless}}">
|
||
<div class="selectize-dropdown-content">
|
||
{{#each getItemsUnselected}}
|
||
<div data-value={{value}} data-index={{@index}} data-selectable class="option {{#if activeOption @index}}active{{/if}} {{isPlaceholder}}">
|
||
{{label}}
|
||
</div>
|
||
{{/each}}
|
||
{{#if create}}
|
||
{{#if getSearchText}}
|
||
<div data-selectable="" data-index='create' class="create {{#if activeOption 'create'}}active{{/if}}">
|
||
{{#if createText}}
|
||
{{{createText}}}
|
||
{{else}}
|
||
Add
|
||
{{/if}}
|
||
<strong>{{getSearchText}}</strong>…
|
||
</div>
|
||
{{/if}}
|
||
{{/if}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template> |