IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile menu admin and logout emit

Browse Source
This commit is contained in:
ogerly 2022-12-07 12:59:53 +01:00
parent 08a7919898
commit deb4a26efa
3 changed files with 17 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Menu/Sidebar.vue
View File

@ -75,12 +75,6 @@
<b-icon icon="power" aria-hidden="true"></b-icon> <b-icon icon="power" aria-hidden="true"></b-icon>
<span class="ml-2">{{ $t('navigation.logout') }}</span> <span class="ml-2">{{ $t('navigation.logout') }}</span>
</b-nav-item> </b-nav-item>
<b-nav-item
class="mt-4 mb-3 d-block d-md-none d-lg-none"
@click="$emit('toogleMobilMenu')"
>
<b-icon icon="x" aria-hidden="true"></b-icon>
</b-nav-item>
</b-nav> </b-nav>
</div> </div>
</div> </div>

2
frontend/src/components/MobileSidebar/MobileSidebar.vue
View File

@ -2,7 +2,7 @@
<div> <div>
<b-sidebar id="sidebar-1" no-header bg-variant="white" :backdrop="true"> <b-sidebar id="sidebar-1" no-header bg-variant="white" :backdrop="true">
<div class="px-3 py-2"> <div class="px-3 py-2">
<sidebar /> <sidebar @admin="$emit('admin')" @logout="$emit('logout')" />
</div> </div>
</b-sidebar> </b-sidebar>
</div> </div>

38
frontend/src/layouts/DashboardLayout.vue
View File

@ -10,7 +10,7 @@
<navbar class="main-navbar" :balance="balance"></navbar> <navbar class="main-navbar" :balance="balance"></navbar>
</b-col> </b-col>
</b-row> </b-row>
<mobile-sidebar /> <mobile-sidebar @admin="admin" @logout="logout" />
<!-- <div ref="sideMenuRow" class="d-none d-lg-none d-md-none zindex1000"> <!-- <div ref="sideMenuRow" class="d-none d-lg-none d-md-none zindex1000">
<sidebar <sidebar
class="main-sidebar" class="main-sidebar"
@ -23,13 +23,7 @@
<b-row fluid class="d-flex"> <b-row fluid class="d-flex">
<!-- Sidebar left --> <!-- Sidebar left -->
<b-col cols="2" class="d-none d-lg-block"> <b-col cols="2" class="d-none d-lg-block">
<sidebar <sidebar class="main-sidebar" @admin="admin" @logout="logout" />
class="main-sidebar"
@admin="admin"
@logout="logout"
@modeToggle="modeToggle"
@toogleMobilMenu="toogleMobilMenu"
/>
</b-col> </b-col>
<!-- ContentHeader && Content --> <!-- ContentHeader && Content -->
<b-col> <b-col>
@ -222,14 +216,14 @@ export default {
setTunneledEmail(email) { setTunneledEmail(email) {
this.tunneledEmail = email this.tunneledEmail = email
}, },
toogleMobilMenu() { // toogleMobilMenu() {
// console.log(this.$refs.sideMenuRow.classList.value) // // console.log(this.$refs.sideMenuRow.classList.value)
this.$refs.sideMenuRow.classList.toggle('d-inline') // this.$refs.sideMenuRow.classList.toggle('d-inline')
this.$refs.sideMenuRow.classList.toggle('position-absolute') // this.$refs.sideMenuRow.classList.toggle('position-absolute')
document.getElementById('side-menu').classList.toggle('bg-lightgrey') // document.getElementById('side-menu').classList.toggle('bg-lightgrey')
this.hamburger ? (this.hamburger = false) : (this.hamburger = true) // this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
}, // },
// dark() { // dark() {
// document.getElementById('app').classList.add('dark-mode') // document.getElementById('app').classList.add('dark-mode')
// document.querySelector('#app a').classList.add('dark-mode') // document.querySelector('#app a').classList.add('dark-mode')
@ -242,13 +236,13 @@ export default {
// this.darkMode = false // this.darkMode = false
// }, // },
modeToggle() { // modeToggle() {
if (this.darkMode || document.getElementById('app').classList.contains('dark-mode')) { // if (this.darkMode || document.getElementById('app').classList.contains('dark-mode')) {
this.light() // this.light()
} else { // } else {
this.dark() // this.dark()
} // }
}, // },
}, },
computed: { computed: {
darkDark() { darkDark() {