YK-27: Opzetten van dashboard in de frontend.

koencaerels · Oct 1, 2023 · ae4f868 · ae4f868
1 parent e146d1e
commit ae4f868
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 4 deletions.
diff --git a/frontends/member_module/src/components/Navigation.vue b/frontends/member_module/src/components/Navigation.vue
@@ -20,6 +20,11 @@ import {computed} from "vue";
 
 const items = computed(() => {
     let navigation = [
+        {
+            label: 'Dashboard',
+            icon: 'pi pi-chart-bar',
+            to: '/'
+        },
         {
             label: 'Actieve leden',
             icon: 'pi pi-users',
@@ -35,6 +40,11 @@ const items = computed(() => {
             icon: 'pi pi-users',
             to: '/leden'
         },
+        {
+            label: 'Producten',
+            icon: 'pi pi-shopping-cart',
+            to: '/producten'
+        },
         {
             label: 'Configuratie',
             icon: 'pi pi-cog',

diff --git a/frontends/member_module/src/router/index.ts b/frontends/member_module/src/router/index.ts
@@ -9,20 +9,18 @@
 
 import {createRouter, createWebHashHistory} from 'vue-router'
 
-import HomeView from '../views/HomeView.vue'
-
 const router = createRouter({
     history: createWebHashHistory(import.meta.env.BASE_URL),
     routes: [
         {
             path: '/',
             name: 'home',
-            component: () => import('../views/MemberOverview.vue')
+            component: () => import('../views/DashboardView.vue')
         },
         {
             path: '/inschrijvingen',
             name: 'inschrijvingen',
-            component: HomeView,
+            component: () => import('../views/SubscriptionView.vue'),
             children: [
                 {
                     path: 'web',

diff --git a/frontends/member_module/src/views/DashboardView.vue b/frontends/member_module/src/views/DashboardView.vue
@@ -0,0 +1,13 @@
+<template>
+    <div class="p-4">
+        Dashboard view...
+    </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/...ends/member_module/src/views/HomeView.vue → ...ber_module/src/views/SubscriptionView.vue b/...ends/member_module/src/views/HomeView.vue → ...ber_module/src/views/SubscriptionView.vue