IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-04-06 01:25:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert to have header menu groups button again

Browse Source
This commit is contained in:
Wolfgang Huß 2022-10-28 12:48:58 +02:00
parent b20b797d60
commit ed48656d8a
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
webapp/components/HeaderMenu/HeaderMenu.vue
View File

@ -78,8 +78,12 @@
<invite-button placement="top" /> <invite-button placement="top" />
</client-only> </client-only>
</div> </div>
<!-- group button -->
<client-only v-if="SHOW_GROUP_BUTTON_IN_HEADER">
<group-button />
</client-only>
<!-- avatar-menu -->
<client-only> <client-only>
<!-- avatar-menu -->
<avatar-menu placement="top" /> <avatar-menu placement="top" />
</client-only> </client-only>
</template> </template>
@ -154,9 +158,18 @@
<invite-button placement="top" /> <invite-button placement="top" />
</client-only> </client-only>
</ds-flex-item> </ds-flex-item>
<!-- group button -->
<ds-flex-item
:class="{ 'hide-mobile-menu': !toggleMobileMenu }"
style="text-align: center"
>
<client-only v-if="SHOW_GROUP_BUTTON_IN_HEADER">
<group-button />
</client-only>
</ds-flex-item>
<!-- avatar-menu mobile-->
<ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: end"> <ds-flex-item :class="{ 'hide-mobile-menu': !toggleMobileMenu }" style="text-align: end">
<client-only> <client-only>
<!-- avatar-menu mobile-->
<avatar-menu placement="top" /> <avatar-menu placement="top" />
</client-only> </client-only>
</ds-flex-item> </ds-flex-item>
@ -193,10 +206,12 @@
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { SHOW_GROUP_BUTTON_IN_HEADER } from '~/constants/groups.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'
import FilterMenu from '~/components/FilterMenu/FilterMenu.vue' import FilterMenu from '~/components/FilterMenu/FilterMenu.vue'
import GroupButton from '~/components/Group/GroupButton'
import InviteButton from '~/components/InviteButton/InviteButton' import InviteButton from '~/components/InviteButton/InviteButton'
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch' import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
import Logo from '~/components/Logo/Logo' import Logo from '~/components/Logo/Logo'
@ -209,6 +224,7 @@ export default {
components: { components: {
AvatarMenu, AvatarMenu,
FilterMenu, FilterMenu,
GroupButton,
InviteButton, InviteButton,
LocaleSwitch, LocaleSwitch,
Logo, Logo,
@ -223,6 +239,7 @@ export default {
return { return {
links, links,
LOGOS, LOGOS,
SHOW_GROUP_BUTTON_IN_HEADER,
isHeaderMenu: headerMenu.MENU.length > 0, isHeaderMenu: headerMenu.MENU.length > 0,
menu: headerMenu.MENU, menu: headerMenu.MENU,
mobileSearchVisible: false, mobileSearchVisible: false,