diff options
Diffstat (limited to 'src/components/selectable_list')
| -rw-r--r-- | src/components/selectable_list/selectable_list.vue | 47 |
1 files changed, 38 insertions, 9 deletions
diff --git a/src/components/selectable_list/selectable_list.vue b/src/components/selectable_list/selectable_list.vue index 3f16c921..d9ec7ece 100644 --- a/src/components/selectable_list/selectable_list.vue +++ b/src/components/selectable_list/selectable_list.vue @@ -1,23 +1,52 @@ <template> <div class="selectable-list"> - <div class="selectable-list-header" v-if="items.length > 0"> + <div + v-if="items.length > 0" + class="selectable-list-header" + > <div class="selectable-list-checkbox-wrapper"> - <Checkbox :checked="allSelected" @change="toggleAll" :indeterminate="someSelected">{{ $t('selectable_list.select_all') }}</Checkbox> + <Checkbox + :checked="allSelected" + :indeterminate="someSelected" + @change="toggleAll" + > + {{ $t('selectable_list.select_all') }} + </Checkbox> </div> <div class="selectable-list-header-actions"> - <slot name="header" :selected="filteredSelected" /> + <slot + name="header" + :selected="filteredSelected" + /> </div> </div> - <List :items="items" :getKey="getKey"> - <template slot="item" slot-scope="{item}"> - <div class="selectable-list-item-inner" :class="{ 'selectable-list-item-selected-inner': isSelected(item) }"> + <List + :items="items" + :get-key="getKey" + > + <template + slot="item" + slot-scope="{item}" + > + <div + class="selectable-list-item-inner" + :class="{ 'selectable-list-item-selected-inner': isSelected(item) }" + > <div class="selectable-list-checkbox-wrapper"> - <Checkbox :checked="isSelected(item)" @change="checked => toggle(checked, item)" /> + <Checkbox + :checked="isSelected(item)" + @change="checked => toggle(checked, item)" + /> </div> - <slot name="item" :item="item" /> + <slot + name="item" + :item="item" + /> </div> </template> - <template slot="empty"><slot name="empty" /></template> + <template slot="empty"> + <slot name="empty" /> + </template> </List> </div> </template> |