Always use `scrollableCheckboxList` for `MultipleSelectionFormField`
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / __multipleSelectionFormField.tpl
1 {if $field->isFilterable()}
2 <script data-relocate="true">
3 require(['Language', 'WoltLabSuite/Core/Ui/ItemList/Filter'], (Language, UiItemListFilter) => {
4 Language.addObject({
5 'wcf.global.filter.button.visibility': '{jslang}wcf.global.filter.button.visibility{/jslang}',
6 'wcf.global.filter.button.clear': '{jslang}wcf.global.filter.button.clear{/jslang}',
7 'wcf.global.filter.error.noMatches': '{jslang}wcf.global.filter.error.noMatches{/jslang}',
8 'wcf.global.filter.placeholder': '{jslang}wcf.global.filter.placeholder{/jslang}',
9 'wcf.global.filter.visibility.activeOnly': '{jslang}wcf.global.filter.visibility.activeOnly{/jslang}',
10 'wcf.global.filter.visibility.highlightActive': '{jslang}wcf.global.filter.visibility.highlightActive{/jslang}',
11 'wcf.global.filter.visibility.showAll': '{jslang}wcf.global.filter.visibility.showAll{/jslang}'
12 });
13
14 new UiItemListFilter('{@$field->getPrefixedId()}_list');
15 });
16 </script>
17 {/if}
18
19 <ul class="scrollableCheckboxList" id="{@$field->getPrefixedId()}_list">
20 {foreach from=$field->getNestedOptions() item=__fieldNestedOption}
21 <li{if $__fieldNestedOption[depth] > 0} style="padding-left: {$__fieldNestedOption[depth]*20}px"{/if}>
22 <label>
23 <input {*
24 *}type="checkbox" {*
25 *}name="{@$field->getPrefixedId()}[]" {*
26 *}value="{$__fieldNestedOption[value]}"{*
27 *}{if !$field->getFieldClasses()|empty} class="{implode from=$field->getFieldClasses() item='class' glue=' '}{$class}{/implode}"{/if}{*
28 *}{if $field->getValue() !== null && $__fieldNestedOption[value]|in_array:$field->getValue() && $__fieldNestedOption[isSelectable]} checked{/if}{*
29 *}{if $field->isImmutable() || !$__fieldNestedOption[isSelectable]} disabled{/if}{*
30 *}{foreach from=$field->getFieldAttributes() key='attributeName' item='attributeValue'} {$attributeName}="{$attributeValue}"{/foreach}{*
31 *}>
32 {@$__fieldNestedOption[label]}
33 </label>
34 </li>
35 {/foreach}
36 </ul>