Creating routes for admin ministries page

bcgov · Feb 12, 2020 · 118316e · 118316e
1 parent 086fc22
commit 118316e
Show file tree

Hide file tree

Showing 4 changed files with 94 additions and 0 deletions.
diff --git a/web/src/components/timeMachine/admin/AdminMain.vue b/web/src/components/timeMachine/admin/AdminMain.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-container grid-list-xl fluid class="custom-manage-projects-container">
+    <v-layout>
+      <v-flex md12>
+        <h1 class="projects-header">Admin Main</h1>
+      </v-flex>
+    </v-layout>
+    <v-layout row wrap>
+      <v-flex xs12>
+
+        <!-- <a href="">Ministries</a> -->
+        <router-link to="admin/ministries">Ministries</router-link>
+
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+import Material from 'vuetify/es5/util/colors';
+
+
+export default {
+  data: () => ({
+    color: Material,
+    selectedTab: 'tab-1',
+  }),
+  beforeMount() {
+    // this.$store.state.collapseNavigationBar = true;
+  },
+  computed: {},
+};
+</script>
+
+<style></style>
diff --git a/web/src/components/timeMachine/admin/AdminMinistries.vue b/web/src/components/timeMachine/admin/AdminMinistries.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-container grid-list-xl fluid class="custom-manage-projects-container">
+    <v-layout>
+      <v-flex md12>
+        <h1 class="projects-header">Admin &mdash; Ministries</h1>
+      </v-flex>
+    </v-layout>
+    <v-layout row wrap>
+      <v-flex xs12>
+
+
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam itaque, asperiores blanditiis ducimus laborum pariatur facere tenetur quo doloribus temporibus culpa eaque sit nihil quasi magni! Mollitia ducimus porro ratione!
+
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+import Material from 'vuetify/es5/util/colors';
+
+
+export default {
+  data: () => ({
+    color: Material,
+    selectedTab: 'tab-1',
+  }),
+  beforeMount() {
+    // this.$store.state.collapseNavigationBar = true;
+  },
+  computed: {},
+};
+</script>
+
+<style></style>
diff --git a/web/src/menu.js b/web/src/menu.js
@@ -71,6 +71,14 @@ const menuItems = [
   {
     divider: true,
   },
+  {
+    href: '/admin',
+    title: 'Admin',
+    icon: 'lock_open',
+  },
+  {
+    divider: true,
+  },
   {
     header: 'System',
   },

diff --git a/web/src/router.js b/web/src/router.js
@@ -8,6 +8,8 @@ import TimeMachineIntakeRequests from './components/timeMachine/projectIntake/In
 import TimeMachineIntakeSuccess from './components/timeMachine/projectIntake/IntakeSuccess.vue';
 import TimeMachineProjects from './components/timeMachine/projects/Projects.vue';
 import TimeMachineTimesheets from './components/timeMachine/timesheets/Timesheets.vue';
+import AdminMain from './components/timeMachine/admin/AdminMain.vue'
+import AdminMinistries from './components/timeMachine/admin/AdminMinistries.vue'
 import Unauthorized from './components/error/Unauthorized.vue';
 import security from '@/modules/security';
 import store from '@/store';
@@ -106,6 +108,20 @@ const routes = [
     component: null,
     meta: { requiresAuth: true, roles: ['PSB_User', 'PSB_Admin'] },
   },
+  {
+    exact: true,
+    path: '/admin',
+    name: 'admin',
+    component: AdminMain,
+    meta: { requiresAuth: true, roles: ['PSB_Admin'] },
+  },
+  {
+    exact: true,
+    path: '/admin/ministries',
+    name: 'admin-ministries',
+    component: AdminMinistries,
+    meta: { requiresAuth: true, roles: ['PSB_Admin'] },
+  },
   // Error routes
   {
     path: '/unauthorized',