diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue index 61a945e1f..bf8bc49f1 100644 --- a/webapp/pages/index.vue +++ b/webapp/pages/index.vue @@ -14,29 +14,31 @@ > + v-if="!postsFilter['categories_some'] && !postsFilter['author']" + :icon="filterButtonIcon" + right + @click="showFilter = !showFilter" + > {{ $t('contribution.filterMasonryGrid.noFilter') }} - + {{ $t('contribution.filterMasonryGrid.myTheme') }} - + > {{ $t('contribution.filterMasonryGrid.myFriends') }} @@ -45,7 +47,7 @@ style="background-color: white; box-shadow: rgb(189 189 189) 1px 9px 15px 1px" v-if="showFilter" > - + @@ -176,21 +178,21 @@ export default { this.resetCategories() this.toggleCategory(this.categoryId) } - document.addEventListener('click', this.removeFilter) + document.addEventListener('click', this.removeFilter) }, methods: { ...mapMutations({ resetCategories: 'posts/RESET_CATEGORIES', toggleCategory: 'posts/TOGGLE_CATEGORY', }), - removeFilter(e) { + removeFilter(e) { if (!e.target.closest('#my-filter') && !e.target.closest('.my-filter-button')) { - if (!this.showFilter) return - this.showFilter = false - } + if (!this.showFilter) return + this.showFilter = false + } }, beforeDestroy() { - document.removeEventListener('click', this.removeFilter); + document.removeEventListener('click', this.removeFilter) }, clearSearch() { this.$router.push({ path: '/' })