From adadbf27200f5f3c9b575eaa0c879ffe86fdcf73 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 8 Dec 2021 17:44:16 +0100
Subject: [PATCH] add links in components Navbar

---
 frontend/src/components/Menu/Navbar.vue       | 35 +++++++++++++++----
 frontend/src/components/Menu/Sidebar.vue      |  8 ++---
 .../src/views/Layout/DashboardLayout_gdd.vue  |  4 +--
 3 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/Menu/Navbar.vue b/frontend/src/components/Menu/Navbar.vue
index b91d4763c..7e7e15e93 100644
--- a/frontend/src/components/Menu/Navbar.vue
+++ b/frontend/src/components/Menu/Navbar.vue
@@ -7,18 +7,30 @@
         </router-link>
       </div>
       <b-nav-text center>{{ balance }} GDD</b-nav-text>
-      <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
-
-      <b-collapse id="nav-collapse" is-nav>
+      
+      <b-collapse id="nav-collapse">
         <b-navbar-nav class="d-none d-md-flex d-sm-flex">
           <b-nav-item to="/overview">{{ $t('overview') }}</b-nav-item>
           <b-nav-item to="/send">{{ $t('send') }}</b-nav-item>
           <b-nav-item to="/transactions">{{ $t('transactions') }}</b-nav-item>
+          <b-nav-item to="/profile">{{ $t('site.navbar.my-profil') }}</b-nav-item>
           <hr />
-          <b-nav-item to="/overview" class="mb-3" active>Overview</b-nav-item>
-          <b-nav-item to="/send" class="mb-3">Link</b-nav-item>
-          <b-nav-item to="/transactions" class="mb-3">Another Link</b-nav-item>
-          <b-nav-item to="/profile" class="mb-3" disabled>Disabled</b-nav-item>
+          <b-nav-item to="/#" class="mb-3" @click="this.$emit('get-elopage-link')" target="_blank">
+            {{ $t('members_area') }}
+            <b-badge v-if="!$store.state.hasElopage" pill variant="danger">!</b-badge>
+          </b-nav-item>
+          <b-nav-item
+            v-if="$store.state.isAdmin"
+            to="/#"
+            class="mb-3"
+            @click="this.$emit('admin')"
+            target="_blank"
+          >
+            {{ $t('admin_area') }}
+          </b-nav-item>
+          <b-nav-item to="/#" class="mb-3" @click="this.$emit('logout')">
+            {{ $t('logout') }}
+          </b-nav-item>
         </b-navbar-nav>
 
         <!-- Right aligned nav items -->
@@ -43,12 +55,21 @@
           </b-nav-item-dropdown>
         </b-navbar-nav>
       </b-collapse>
+
+      <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
+
     </b-navbar>
   </div>
 </template>
 <script>
 export default {
   name: 'navbar',
+  props: {
+    balance: {
+      type: Number,
+      required: true,
+    },
+  },
   data() {
     return {
       logo: 'img/brand/green.png',
diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index c7472218c..a91d31177 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -6,10 +6,10 @@
         <p></p>
         <div class="mb-6">
           <b-nav vertical class="w-200">
-            <b-nav-item to="/overview" class="mb-3" active>Overview</b-nav-item>
-            <b-nav-item to="/send" class="mb-3">Link</b-nav-item>
-            <b-nav-item to="/transactions" class="mb-3">Another Link</b-nav-item>
-            <b-nav-item to="/profile" class="mb-3" disabled>Disabled</b-nav-item>
+            <b-nav-item to="/overview" class="mb-3" active>{{ $t('overview') }}</b-nav-item>
+            <b-nav-item to="/send" class="mb-3">{{ $t('send') }}</b-nav-item>
+            <b-nav-item to="/transactions" class="mb-3">{{ $t('transactions') }}</b-nav-item>
+            <b-nav-item to="/profile" class="mb-3" disabled>{{ $t('profile') }}</b-nav-item>
           </b-nav>
           <hr />
           <b-nav vertical class="w-100">
diff --git a/frontend/src/views/Layout/DashboardLayout_gdd.vue b/frontend/src/views/Layout/DashboardLayout_gdd.vue
index 6340fc2b5..aa343b60b 100755
--- a/frontend/src/views/Layout/DashboardLayout_gdd.vue
+++ b/frontend/src/views/Layout/DashboardLayout_gdd.vue
@@ -1,9 +1,9 @@
 <template>
   <div>
-    <navbar @get-elopage-link="getElopageLink" @admin="admin" />
+    <navbar :balance="balance" @get-elopage-link="getElopageLink" @admin="admin" @logout="logout"/>
     <div style="display: inline-flex">
       <div class="d-none d-sm-none d-md-none d-lg-flex shadow-lg" style="width: 300px">
-        <sidebar @get-elopage-link="getElopageLink" @admin="admin" />
+        <sidebar @get-elopage-link="getElopageLink" @admin="admin" @logout="logout" />
       </div>
 
       <div>