feat: added supplier dashboard and changed responsiveness in app.vue

eclipse-tractusx · Aug 17, 2023 · b34cd6f · b34cd6f
1 parent f959530
commit b34cd6f
Show file tree

Hide file tree

Showing 5 changed files with 407 additions and 27 deletions.
diff --git a/backend/src/main/resources/application.properties b/backend/src/main/resources/application.properties
@@ -16,7 +16,7 @@ server.servlet.context-path=${API_ROOTDIR:/catena}
 
 # EDC Config
 edc.controlplane.host=${EDC_CONTROLPLANE_HOST:172.17.0.2}
-edc.controlplane.data.port=${EDC_CONTROLPLANE_DATA_PORT:32125}
+edc.controlplane.data.port=${EDC_CONTROLPLANE_DATA_PORT:31960}
 edc.controlplane.key=${EDC_CONTROLPLANE_KEY:password}
-edc.backend.url=${EDC_BACKEND_URL:http://172.17.0.2:30888}
+edc.backend.url=${EDC_BACKEND_URL:http://172.17.0.2:31048}
 minikube.ip=${MINIKUBE_IP:host.minikube.internal}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -135,6 +135,17 @@ import { RouterLink, RouterView } from "vue-router";
                 />Responses</RouterLink
               >
             </li>
+            <li>
+                <RouterLink
+                    class="flex items-center px-4 py-2 text-gray-700 bg-gray-100 dark:text-gray-100 dark:bg-gray-700 rounded-md"
+                    to="/supplierDashboard"
+                ><img
+                    class="mr-2"
+                    src="@/assets/icons/home.svg"
+                    alt="Icon"
+                />Supplier Dashboard</RouterLink
+                >
+            </li>
           </ul>
         </aside>
       </div>
@@ -150,7 +161,7 @@ import { RouterLink, RouterView } from "vue-router";
 
 #app {
   max-width: 1280px;
-  margin: 0 auto;
+  margin: 0px auto 0px 16rem;
   padding: 2rem;
 
   font-weight: normal;
@@ -204,16 +215,18 @@ nav a:first-of-type {
   border: 0;
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 1500px) {
   body {
     display: flex;
     place-items: center;
   }
 
   #app {
-    //display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
+  //display: grid;
+  //grid-template-columns: 1fr 1fr;
+      margin: 0 auto;
+      max-width: calc(100% - 32rem);
+      padding: 0 2rem;
   }
 
   header {

diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
@@ -73,6 +73,11 @@ const router = createRouter({
       name: "stocks",
       component: () => import("../views/StockView.vue")
     },
+    {
+      path: "/supplierDashboard",
+      name: "supplierDashboard",
+      component: () => import("../views/SupplierDashboard.vue"),
+    },
   ],
 });