mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
53 lines
1.5 KiB
Vue
53 lines
1.5 KiB
Vue
<template>
|
|
<div class="component-nabvar">
|
|
<b-navbar toggleable="sm" type="dark" variant="success">
|
|
<b-navbar-brand to="/">
|
|
<img src="img/brand/green.png" class="navbar-brand-img" alt="..." />
|
|
</b-navbar-brand>
|
|
|
|
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
|
|
|
|
<b-collapse id="nav-collapse" is-nav>
|
|
<b-navbar-nav>
|
|
<b-nav-item to="/">Übersicht |</b-nav-item>
|
|
<b-nav-item to="/user">Usersuche |</b-nav-item>
|
|
<b-nav-item to="/creation">Mehrfachschöpfung</b-nav-item>
|
|
<b-nav-item
|
|
v-show="$store.state.openCreations > 0"
|
|
class="h5 bg-danger"
|
|
to="/creation-confirm"
|
|
>
|
|
| {{ $store.state.openCreations }} offene Schöpfungen
|
|
</b-nav-item>
|
|
<b-nav-item @click="wallet">Wallet</b-nav-item>
|
|
<b-nav-item @click="logout">Logout</b-nav-item>
|
|
<!-- <b-nav-item v-show="open < 1" to="/creation-confirm">| keine offene Schöpfungen</b-nav-item> -->
|
|
</b-navbar-nav>
|
|
</b-collapse>
|
|
</b-navbar>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import CONFIG from '../config'
|
|
|
|
export default {
|
|
name: 'navbar',
|
|
methods: {
|
|
logout() {
|
|
this.$store.dispatch('logout')
|
|
this.$router.push('/logout')
|
|
},
|
|
wallet() {
|
|
window.location = CONFIG.WALLET_AUTH_URL.replace('$1', this.$store.state.token)
|
|
this.$store.dispatch('logout') // logout without redirect
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
<style>
|
|
.navbar-brand-img {
|
|
height: 2rem;
|
|
padding-left: 10px;
|
|
}
|
|
</style>
|