ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Only load filter view when shown

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-12-28 12:51:03 +01:00
parent 165656f930
commit f1845f1b09
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Controls.vue
View File

@@ -58,14 +58,14 @@
</form> </form>
</div> </div>
<div class="board-action-buttons"> <div class="board-action-buttons">
<Popover> <Popover @show="filterVisible=true" @hide="filterVisible=false">
<Actions slot="trigger" :title="t('deck', 'Apply filter')"> <Actions slot="trigger" :title="t('deck', 'Apply filter')">
<ActionButton v-if="isFilterActive" icon="icon-filter_set" /> <ActionButton v-if="isFilterActive" icon="icon-filter_set" />
<ActionButton v-else icon="icon-filter" /> <ActionButton v-else icon="icon-filter" />
</Actions> </Actions>
<template> <template>
<div class="filter"> <div class="filter" v-if="filterVisible">
<h3>{{ t('deck', 'Filter by tag') }}</h3> <h3>{{ t('deck', 'Filter by tag') }}</h3>
<div v-for="label in labelsSorted" :key="label.id" class="filter--item"> <div v-for="label in labelsSorted" :key="label.id" class="filter--item">
<input <input
@@ -223,6 +223,7 @@ export default {
return { return {
newStackTitle: '', newStackTitle: '',
stack: '', stack: '',
filterVisible: false,
showArchived: false, showArchived: false,
isAddStackVisible: false, isAddStackVisible: false,
filter: { tags: [], users: [], due: '', unassigned: false }, filter: { tags: [], users: [], due: '', unassigned: false },