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

insert b-navbar from bootstrap

Browse Source
This commit is contained in:
ogerly 2021-12-07 10:34:24 +01:00
parent 098cb64379
commit 73006ede99
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/views/Layout/DashboardLayout_gdd.vue
View File

@ -1,5 +1,46 @@
<template> <template>
<div> <div>
<b-navbar toggleable="lg" type="dark" variant="info">
<div class="navbar-brand">
<img :src="logo" class="navbar-brand-img" alt="..." />
</div>
<b-nav-text>{{ balance }} GDD</b-nav-text>
<b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
<b-collapse id="nav-collapse" is-nav>
<b-navbar-nav>
<b-nav-item href="/overview">{{ $t('overview') }}</b-nav-item>
<b-nav-item href="/send">{{ $t('send') }}</b-nav-item>
<b-nav-item href="/transactions">{{ $t('transactions') }}</b-nav-item>
<b-nav-item href="/profile">{{ $t('site.navbar.my-profil') }}</b-nav-item>
</b-navbar-nav>
<!-- Right aligned nav items -->
<b-navbar-nav class="ml-auto">
<b-nav-form>
<b-form-input size="sm" class="mr-sm-2" placeholder="Search"></b-form-input>
<b-button size="sm" class="my-2 my-sm-0" type="submit">Search</b-button>
</b-nav-form>
<b-nav-item-dropdown text="Lang" right>
<b-dropdown-item href="#">EN</b-dropdown-item>
<b-dropdown-item href="#">ES</b-dropdown-item>
<b-dropdown-item href="#">RU</b-dropdown-item>
<b-dropdown-item href="#">FA</b-dropdown-item>
</b-nav-item-dropdown>
<b-nav-item-dropdown right>
<!-- Using 'button-content' slot -->
<template #button-content>
<em>User</em>
</template>
<b-dropdown-item href="#">Profile</b-dropdown-item>
<b-dropdown-item href="#">Sign Out</b-dropdown-item>
</b-nav-item-dropdown>
</b-navbar-nav>
</b-collapse>
</b-navbar>
<side-bar @logout="logout" :balance="balance" :pending="pending"> <side-bar @logout="logout" :balance="balance" :pending="pending">
<template slot="links"> <template slot="links">
<sidebar-item <sidebar-item
@ -28,6 +69,7 @@
></sidebar-item> ></sidebar-item>
</template> </template>
</side-bar> </side-bar>
<div class="main-content" style="max-width: 1000px"> <div class="main-content" style="max-width: 1000px">
<div class="d-none d-md-block"> <div class="d-none d-md-block">
<b-navbar> <b-navbar>
@ -84,6 +126,7 @@ export default {
}, },
data() { data() {
return { return {
logo: 'img/brand/green.png',
balance: 0, balance: 0,
GdtBalance: 0, GdtBalance: 0,
transactions: [], transactions: [],
@ -143,3 +186,9 @@ export default {
}, },
} }
</script> </script>
<style>
.navbar-brand-img {
height: 2rem;
padding-left: 10px;
}
</style>