add pages: settings, top storys, favorites

frontend/src/components/Menu/Navbar.spec.js

@@ -6,7 +6,6 @@ const localVue = global.localVue
 const propsData = {
   balance: 1234,
   visible: false,
-  elopageUri: 'https://elopage.com',
   pending: false,
 }
 

frontend/src/components/Menu/Navbar.vue

@@ -98,10 +98,6 @@ export default {
       type: Number,
       required: true,
     },
-    elopageUri: {
-      type: String,
-      required: false,
-    },
     pending: {
       type: Boolean,
       required: true,

frontend/src/components/Menu/Sidebar.vue

@@ -51,12 +51,6 @@
 <script>
 export default {
   name: 'sidebar',
-  props: {
-    elopageUri: {
-      type: String,
-      required: false,
-    },
-  },
 }
 </script>
 <style>

frontend/src/components/Menu/SidebarNew.vue

@@ -8,11 +8,11 @@
             <b-icon icon="house" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.overview') }}</span>
           </b-nav-item>
-          <b-nav-item to="#" class="mb-3">
+          <b-nav-item to="/storys" class="mb-3">
             <b-icon icon="card-heading" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.top_stories') }}</span>
           </b-nav-item>
-          <b-nav-item to="#" class="mb-3">
+          <b-nav-item to="/favourites" class="mb-3">
             <b-icon icon="bookmark" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.favourites') }}</span>
           </b-nav-item>
@@ -29,7 +29,7 @@
             <b-icon icon="person" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.profile') }}</span>
           </b-nav-item>
-          <b-nav-item to="#" class="mb-3">
+          <b-nav-item to="/community" class="mb-3">
             <b-icon icon="people" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.members') }}</span>
           </b-nav-item>
@@ -40,7 +40,7 @@
             <b-icon icon="toggle-off" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.lightmode') }}</span>
           </b-nav-item>
-          <b-nav-item to="#" class="mb-3">
+          <b-nav-item to="/settings" class="mb-3">
             <b-icon icon="gear" aria-hidden="true"></b-icon>
             <span class="d-none d-lg-inline ml-2">{{ $t('navigation.settings') }}</span>
           </b-nav-item>
@@ -60,12 +60,6 @@
 <script>
 export default {
   name: 'sidebar',
-  props: {
-    elopageUri: {
-      type: String,
-      required: false,
-    },
-  },
 }
 </script>
 <style>

frontend/src/layouts/DashboardLayout.vue

@@ -35,12 +35,7 @@
               @admin="admin"
               @logout="logout"
             /> -->
-            <sidebar-new
+            <sidebar-new class="main-sidebar" @admin="admin" @logout="logout" />
-              class="main-sidebar"
-              :elopageUri="elopageUri"
-              @admin="admin"
-              @logout="logout"
-            />
           </b-col>
           <b-col
             cols="12"
@@ -193,18 +188,6 @@ export default {
       this.hamburger ? (this.hamburger = false) : (this.hamburger = true)
     },
   },
-  computed: {
-    // elopageUri() {
-    //   const pId = this.$store.state.publisherId
-    //     ? this.$store.state.publisherId
-    //     : CONFIG.DEFAULT_PUBLISHER_ID
-    //   return encodeURI(
-    //     this.$store.state.hasElopage
-    //       ? `https://elopage.com/s/gradido/sign_in?locale=${this.$i18n.locale}`
-    //       : `https://elopage.com/s/gradido/basic-de/payment?locale=${this.$i18n.locale}&prid=111&pid=${pId}&firstName=${this.$store.state.firstName}&lastName=${this.$store.state.lastName}&email=${this.$store.state.email}`,
-    //   )
-    // },
-  },
 }
 </script>
 <style>

frontend/src/pages/Favourites.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>Favourites.vue</div>
+</template>
+<script>
+export default {
+  name: 'Favourites',
+}
+</script>

frontend/src/pages/Settings.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>Settings.vue</div>
+</template>
+<script>
+export default {
+  name: 'Settings',
+}
+</script>

frontend/src/pages/TopStorys.vue

@@ -0,0 +1,8 @@
+<template>
+  <div>Top Storys</div>
+</template>
+<script>
+export default {
+  name: 'TopStorys',
+}
+</script>

frontend/src/routes/routes.js

@@ -61,6 +61,27 @@ const routes = [
       requiresAuth: true,
     },
   },
+  {
+    path: '/storys',
+    component: () => import('@/pages/TopStorys.vue'),
+    meta: {
+      requiresAuth: true,
+    },
+  },
+  {
+    path: '/favourites',
+    component: () => import('@/pages/Favourites.vue'),
+    meta: {
+      requiresAuth: true,
+    },
+  },
+  {
+    path: '/settings',
+    component: () => import('@/pages/Settings.vue'),
+    meta: {
+      requiresAuth: true,
+    },
+  },
   {
     path: '/login/:code?',
     component: () => import('@/pages/Login.vue'),