add constants filter on headermenu and index

This commit is contained in:
ogerly 2023-02-03 08:28:33 +01:00
parent f0069c797e
commit 930d820ae2
2 changed files with 7 additions and 2 deletions

View File

@ -63,7 +63,7 @@
TODO: Filter is only visible on index TODO: Filter is only visible on index
--> -->
<ds-flex-item v-if="isLoggedIn" style="flex-grow: 0; flex-basis: auto"> <ds-flex-item v-if="isLoggedIn" style="flex-grow: 0; flex-basis: auto">
<client-only> <client-only v-if="SHOW_CONTENT_FILTER_HEADER_MENU">
<filter-menu v-show="showFilterMenuDropdown" /> <filter-menu v-show="showFilterMenuDropdown" />
</client-only> </client-only>
</ds-flex-item> </ds-flex-item>
@ -211,6 +211,7 @@
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { SHOW_GROUP_BUTTON_IN_HEADER } from '~/constants/groups.js' import { SHOW_GROUP_BUTTON_IN_HEADER } from '~/constants/groups.js'
import { SHOW_CONTENT_FILTER_HEADER_MENU } from '~/constants/filter.js'
import LOGOS from '~/constants/logos.js' import LOGOS from '~/constants/logos.js'
import headerMenu from '~/constants/headerMenu.js' import headerMenu from '~/constants/headerMenu.js'
import AvatarMenu from '~/components/AvatarMenu/AvatarMenu' import AvatarMenu from '~/components/AvatarMenu/AvatarMenu'
@ -246,6 +247,7 @@ export default {
links, links,
LOGOS, LOGOS,
SHOW_GROUP_BUTTON_IN_HEADER, SHOW_GROUP_BUTTON_IN_HEADER,
SHOW_CONTENT_FILTER_HEADER_MENU,
isHeaderMenu: headerMenu.MENU.length > 0, isHeaderMenu: headerMenu.MENU.length > 0,
menu: headerMenu.MENU, menu: headerMenu.MENU,
mobileSearchVisible: false, mobileSearchVisible: false,

View File

@ -6,7 +6,7 @@
</ds-grid-item> </ds-grid-item>
<!--Filter Button--> <!--Filter Button-->
<ds-grid-item <ds-grid-item
v-if="categoriesActive" v-if="categoriesActive && SHOW_CONTENT_FILTER_MASONRY_GRID"
:row-span="1" :row-span="1"
column-span="fullWidth" column-span="fullWidth"
class="filterButtonMenu" class="filterButtonMenu"
@ -117,6 +117,8 @@ import { DonationsQuery } from '~/graphql/Donations'
import { filterPosts } from '~/graphql/PostQuery.js' import { filterPosts } from '~/graphql/PostQuery.js'
import UpdateQuery from '~/components/utils/UpdateQuery' import UpdateQuery from '~/components/utils/UpdateQuery'
import FilterMenuComponent from '~/components/FilterMenu/FilterMenuComponent' import FilterMenuComponent from '~/components/FilterMenu/FilterMenuComponent'
import { SHOW_CONTENT_FILTER_MASONRY_GRID } from '~/constants/filter.js'
export default { export default {
components: { components: {
DonationInfo, DonationInfo,
@ -147,6 +149,7 @@ export default {
pageSize: 12, pageSize: 12,
hashtag, hashtag,
categoriesActive: this.$env.CATEGORIES_ACTIVE, categoriesActive: this.$env.CATEGORIES_ACTIVE,
SHOW_CONTENT_FILTER_MASONRY_GRID
} }
}, },
computed: { computed: {