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>
<span class="ml-2">{{ $t('navigation.logout') }}</span>
</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>
</div>
</div>

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

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

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

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