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

eslint --fix --ext .js,.vue src

Browse source
This commit is contained in:
Henry Jameson 2019-07-05 10:17:44 +03:00
parent 2c2b84d31d
commit 8d6750d9c2
86 changed files with 4963 additions and 2283 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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>