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

add area icons in sidebar

Browse Source
This commit is contained in:
ogerly 2021-12-10 07:48:13 +01:00
parent 874b517353
commit 8582d554f0
2 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/components/Menu/Navbar.vue
View File

@ -11,8 +11,11 @@
<b-navbar-nav class="ml-auto" is-nav>
<b-nav-item to="/profile" right class="d-none d-sm-none d-md-none d-lg-flex shadow-lg">
<small>{{ $store.state.firstName }} {{ $store.state.lastName }}, <b>{{ $store.state.email }}</b>
<b-icon class="ml-3" icon="gear-fill" aria-hidden="true"></b-icon> </small>
<small>
{{ $store.state.firstName }} {{ $store.state.lastName }},
<b>{{ $store.state.email }}</b>
<b-icon class="ml-3" icon="gear-fill" aria-hidden="true"></b-icon>
</small>
</b-nav-item>
</b-navbar-nav>
@ -23,17 +26,16 @@
</b-navbar>
<b-collapse id="collapse-4" v-model="visibleCollapse" class="p-3 b-collaps-gradido">
<b-nav vertical @click="$emit('set-visible', false)">
<div class="text-right">
<router-link to="/profile">
<small>
{{ $store.state.firstName }}
{{ $store.state.lastName }},
<b>{{ $store.state.email }}</b>
</small>
</router-link>
</div>
<div class="text-right">
<router-link to="/profile">
<small>
{{ $store.state.firstName }}
{{ $store.state.lastName }},
<b>{{ $store.state.email }}</b>
</small>
</router-link>
</div>
<b-nav-item to="/overview" class="mb-3">
{{ $t('overview') }}
</b-nav-item>
@ -42,21 +44,23 @@
{{ $t('transactions') }}
</b-nav-item>
<b-nav-item to="/profile" class="mb-3">
<b-icon icon="gear-fill" aria-hidden="true"></b-icon>
<b-icon icon="gear-fill" aria-hidden="true"></b-icon>
{{ $t('site.navbar.my-profil') }}
</b-nav-item>
<br />
<b-nav-item class="mb-3" @click="$emit('getElopageLink')">
<b-icon icon="link45deg" aria-hidden="true"></b-icon>
{{ $t('members_area') }}
<b-icon icon="link45deg" aria-hidden="true"></b-icon>
{{ $t('members_area') }}
<b-badge v-if="!$store.state.hasElopage" pill variant="danger">!</b-badge>
</b-nav-item>
<b-nav-item class="mb-3" v-if="$store.state.isAdmin" @click="$emit('admin')">
<b-icon icon="link45deg" aria-hidden="true"></b-icon>
{{ $t('admin_area') }}
<b-icon icon="link45deg" aria-hidden="true"></b-icon>
{{ $t('admin_area') }}
</b-nav-item>
<b-nav-item class="mb-3" @click="$emit('logout')">
<b-icon icon="power" aria-hidden="true"></b-icon>
{{ $t('logout') }}
</b-nav-item>
<b-nav-item class="mb-3" @click="$emit('logout')"> <b-icon icon="power" aria-hidden="true"></b-icon> {{ $t('logout') }}</b-nav-item>
</b-nav>
</b-collapse>
</div>

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

@ -14,13 +14,13 @@
<hr />
<b-nav vertical class="w-100">
<b-nav-item class="mb-3" @click="$emit('get-elopage-link')">
{{ $t('members_area') }}
<b-icon icon="link45deg" aria-hidden="true"></b-icon>{{ $t('members_area') }}
<b-badge v-if="!$store.state.hasElopage" pill variant="danger">!</b-badge>
</b-nav-item>
<b-nav-item class="mb-3" v-if="$store.state.isAdmin" @click="$emit('admin')">
{{ $t('admin_area') }}
<b-icon icon="link45deg" aria-hidden="true"></b-icon>{{ $t('admin_area') }}
</b-nav-item>
<b-nav-item class="mb-3" @click="$emit('logout')">{{ $t('logout') }}</b-nav-item>
<b-nav-item class="mb-3" @click="$emit('logout')"><b-icon icon="power" aria-hidden="true"></b-icon> {{ $t('logout') }}</b-nav-item>
</b-nav>
</div>
</div>