navigation updated

Author: yohan-oc

vue-frontend/warehouse-frontend/src/components/AppNavbar.vue

@@ -1,11 +1,11 @@
 <template>
   <nav class="navbar navbar-dark px-4">
-<!--    <router-link to="/mode" class="navbar-brand">-->
-<!--      <img src="../assets/logo_new.png" alt="Turing Trust Logo" height="30">-->
-<!--    </router-link>-->
-    <span class="navbar-brand">
-      <img src="@/assets/logo_new.png" alt="Turing Trust Logo" height="30">
-    </span>
+    <router-link to="/" class="navbar-brand">
+      <img src="../assets/logo_new.png" alt="Turing Trust Logo" height="30">
+    </router-link>
+<!--    <span class="navbar-brand">-->
+<!--      <img src="@/assets/logo_new.png" alt="Turing Trust Logo" height="30">-->
+<!--    </span>-->
 <!--    <button class="logout btn btn-link text-white" @click="logout"><i class="bi bi-box-arrow-left" style="padding-right: 5px;"></i>Logout</button>-->
   </nav>
 </template>

vue-frontend/warehouse-frontend/src/router/index.js

@@ -6,18 +6,20 @@ import ModePage from "../views/ModePage.vue";
 import ParentPage from "../views/ParentPage.vue";
 import LocationPage from "../views/LocationPage.vue";
 import TransactionPage from "../views/TransactionPage.vue";
+import MoveAssetPage from "../views/MoveAssetPage.vue";
 
 const routes = [
     // { path: "/", component: LoginPage },
     {
         path: "/",
         component: DefaultLayout,
         children: [
-            { path: "", component: ModePage /*, meta: { requiresAuth: true }*/ },
-            { path: "home", component: HomePage /*, meta: { requiresAuth: true }*/ },
+            { path: "", component: HomePage /*, meta: { requiresAuth: true }*/ },
+            { path: "mode", component: ModePage /*, meta: { requiresAuth: true }*/ },
             { path: "parent", component: ParentPage /*, meta: { requiresAuth: true }*/ },
             { path: "transaction", component: TransactionPage /*, meta: { requiresAuth: true }*/ },
-            { path: "location", component: LocationPage /*, meta: { requiresAuth: true }*/ }
+            { path: "location", component: LocationPage /*, meta: { requiresAuth: true }*/ },
+            { path: "moveAsset", component: MoveAssetPage /*, meta: { requiresAuth: true }*/ }
         ],
     },
 ];

vue-frontend/warehouse-frontend/src/views/HomePage.vue

@@ -8,8 +8,11 @@ export default {
   mounted() {
   },
   methods: {
-    hello(){
-
+    navigateToModePage(){
+      this.$router.push("/mode");
+    },
+    navigateToMoveAssetPage(){
+      this.$router.push("/moveAsset");
     }
   },
 };
@@ -23,7 +26,7 @@ export default {
 
     <div class="row" style="padding-top: 15px;">
       <div class="col-md-4">
-        <div class="card" @click="hello">
+        <div class="card" @click="navigateToModePage">
           <div class="d-flex align-items-start">
             <img src="../assets/palleting-and-shipping.png" alt="Work in Progress" width="50" class="me-3">
             <span style="font-size: 28px">Work in progress palleting</span>
@@ -35,7 +38,7 @@ export default {
       </div>
 
       <div class="col-md-4">
-        <div class="card">
+        <div class="card" @click="navigateToMoveAssetPage">
           <div class="d-flex align-items-start">
             <img src="../assets/moving-location.png" alt="Work in Progress" width="50" class="me-3">
             <span style="font-size: 28px">Moving assets</span>