therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

support indeterminate checkbox state

Browse source
This commit is contained in:
taehoon 2019-04-06 13:45:28 -04:00
parent 3f5e798de7
commit ecff6acf2d
3 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/selectable_list/selectable_list.js
View file

@ -24,6 +24,12 @@ const SelectableList = {
computed: {
allSelected () {
return !this.items.find(item => !this.isSelected(item))
},
noneSelected () {
return !this.items.find(item => this.isSelected(item))
},
someSelected () {
return !this.allSelected && !this.noneSelected
}
},
methods: {

2
src/components/selectable_list/selectable_list.vue
View file

@ -2,7 +2,7 @@
<div class="selectable-list">
<div class="selectable-list-header" v-if="items.length > 0">
<div class="selectable-list-checkbox-wrapper">
<Checkbox :checked="allSelected" @change="toggleAll">{{ $t('selectable_list.select_all') }}</Checkbox>
<Checkbox :checked="allSelected" @change="toggleAll" :indeterminate="someSelected">{{ $t('selectable_list.select_all') }}</Checkbox>
</div>
<div class="selectable-list-header-actions">
<slot name="header" :selected="selected" />