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

Merge pull request #204 from gradido/179-menu

Browse Source 
refactor: Remove Right Menu
This commit is contained in:
Moriz Wahl 2021-04-21 16:05:27 +02:00 committed by GitHub
commit 72517bc999
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend/src/components/SidebarPlugin/SideBar.vue
View File

@ -14,7 +14,6 @@
</b-row> </b-row>
<slot name="mobile-right"> <slot name="mobile-right">
<ul class="nav align-items-center d-md-none"> <ul class="nav align-items-center d-md-none">
<base-dropdown class="nav-item" menu-on-right tag="li" title-tag="a">
<a slot="title-container" class="nav-link" role="button"> <a slot="title-container" class="nav-link" role="button">
<div class="media align-items-center"> <div class="media align-items-center">
<span class="avatar avatar-sm"> <span class="avatar avatar-sm">
@ -22,35 +21,6 @@
</span> </span>
</div> </div>
</a> </a>
xx
<router-link to="/overview" class="dropdown-item text-lg text-muted">
<i class="ni ni-single-02"></i>
<span>{{ $t('site.overview.account_overview') }}</span>
</router-link>
<router-link to="/profile" class="dropdown-item text-lg text-muted">
<i class="ni ni-single-02"></i>
<span>{{ $t('site.navbar.my-profil') }}</span>
</router-link>
<router-link to="/profileedit" class="dropdown-item text-lg text-muted">
<i class="ni ni-settings-gear-65"></i>
<span>{{ $t('site.navbar.settings') }}</span>
</router-link>
<router-link to="/transactions" class="dropdown-item text-lg text-muted">
<i class="ni ni-calendar-grid-58"></i>
<span>Transactions</span>
</router-link>
<!--
<router-link to="/activity" class="dropdown-item text-lg text-muted">
<i class="ni ni-calendar-grid-58"></i>
<span>{{ $t('site.navbar.activity') }}</span>
</router-link>
-->
<div class="dropdown-divider"></div>
<div @click="logout" class="dropdown-item text-lg text-muted">
<i class="ni ni-support-16"></i>
{{ $t('logout') }}
</div>
</base-dropdown>
</ul> </ul>
</slot> </slot>
<slot></slot> <slot></slot>
@ -136,10 +106,5 @@ export default {
this.$router.push('/login') this.$router.push('/login')
}, },
}, },
beforeDestroy() {
if (this.$sidebar.showSidebar) {
this.$sidebar.showSidebar = false
}
},
} }
</script> </script>

54
frontend/src/views/Layout/DashboardNavbar.vue
View File

@ -4,31 +4,13 @@
class="navbar-top navbar-expand" class="navbar-top navbar-expand"
:class="{ 'navbar-dark': type === 'default' }" :class="{ 'navbar-dark': type === 'default' }"
> >
<a
href="#"
aria-current="page"
class="h4 mb-0 text-uppercase d-none d-lg-inline-block active router-link-active"
>
{{ $route.name }}
</a>
<!-- Navbar links --> <!-- Navbar links -->
<b-navbar-nav class="align-items-center ml-md-auto"> <b-navbar-nav class="align-items-center ml-md-auto">
<!-- This item dont have <b-nav-item> because item have data-action/data-target on tag <a>, wich we cant add --> <!-- This item dont have <b-nav-item> because item have data-action/data-target on tag <a>, wich we cant add -->
<li class="nav-item d-sm-none"> <li class="nav-item d-sm-none"></li>
<a class="nav-link" href="#" data-action="search-show" data-target="#navbar-search-main">
<i class="ni ni-zoom-split-in"></i>
</a>
</li>
</b-navbar-nav> </b-navbar-nav>
<b-navbar-nav class="align-items-center ml-auto ml-md-0"> <b-navbar-nav class="align-items-center ml-auto ml-md-0">
<base-dropdown <a class="pr-1" slot="title-container">
menu-on-right
class="nav-item"
tag="li"
title-tag="a"
title-classes="nav-link pr-0"
>
<a href="#" class="pr-1" @click.prevent slot="title-container">
<b-media no-body class="align-items-center"> <b-media no-body class="align-items-center">
<span class="pb-2 text-lg font-weight-bold"> <span class="pb-2 text-lg font-weight-bold">
{{ $store.state.email }} {{ $store.state.email }}
@ -40,47 +22,15 @@
</b-media-body> </b-media-body>
</b-media> </b-media>
</a> </a>
<template>
<b-dropdown-header class="noti-title">
<h6 class="text-overflow m-0">{{ $t('welcome') }}</h6>
</b-dropdown-header>
<b-dropdown-item to="/overview">
<i class="ni ni-single-02"></i>
<span>{{ $t('site.overview.account_overview') }}</span>
</b-dropdown-item>
<b-dropdown-item to="/profile">
<i class="ni ni-single-02"></i>
<span>{{ $t('site.navbar.my-profil') }}</span>
</b-dropdown-item>
<b-dropdown-item to="/profileedit">
<i class="ni ni-settings-gear-65"></i>
<span>{{ $t('site.navbar.settings') }}</span>
</b-dropdown-item>
<!--
<b-dropdown-item href="#!">
<i class="ni ni-calendar-grid-58"></i>
<span>{{ $t('site.navbar.activity') }}</span>
</b-dropdown-item>
-->
<div class="dropdown-divider"></div>
<b-dropdown-item @click="logout">
<i class="ni ni-user-run"></i>
<span>{{ $t('logout') }}</span>
</b-dropdown-item>
</template>
</base-dropdown>
</b-navbar-nav> </b-navbar-nav>
</base-nav> </base-nav>
</template> </template>
<script> <script>
import { CollapseTransition } from 'vue2-transitions'
import { BaseNav } from '@/components' import { BaseNav } from '@/components'
import VueQrcode from 'vue-qrcode' import VueQrcode from 'vue-qrcode'
export default { export default {
components: { components: {
//CollapseTransition,
BaseNav, BaseNav,
VueQrcode, VueQrcode,
}, },