From 2827ccb164499a33e1b6ee9d889b4211e1d1a3d6 Mon Sep 17 00:00:00 2001
From: Rezaul Karim Shaon <rkshaon.ist@gmail.com>
Date: Tue, 23 Jul 2024 19:37:20 +0600
Subject: [PATCH] frontend: user

user profile page created, and linked from sidebar, navbar
---
 .../admin/layout/AdminHeaderLayout.vue        | 50 +++++++++----------
 .../admin/layout/AdminSidebarLayout.vue       |  7 ++-
 .../admin/page/AdminProfilePage.vue           |  9 ++++
 frontend/src/router/index.js                  |  6 +++
 4 files changed, 46 insertions(+), 26 deletions(-)
 create mode 100644 frontend/src/components/admin/page/AdminProfilePage.vue

diff --git a/frontend/src/components/admin/layout/AdminHeaderLayout.vue b/frontend/src/components/admin/layout/AdminHeaderLayout.vue
index 3ade8ea..18780c2 100644
--- a/frontend/src/components/admin/layout/AdminHeaderLayout.vue
+++ b/frontend/src/components/admin/layout/AdminHeaderLayout.vue
@@ -1,29 +1,29 @@
 <template>
-    <header class="header" style="height: 100px;">
-            <div class="container d-flex justify-content-between align-items-center">
-                <div class="input-group me-2 mt-4">
-                <input type="text" class="form-control" placeholder="Search">
-                <button class="btn btn-outline-light" type="button">Search</button>
-              </div>
-              <div class="dropdown mt-4">
-                <button
-                  class="btn btn-outline-light dropdown-toggle"
-                  type="button"
-                  id="dropdownProfile"
-                  data-bs-toggle="dropdown"
-                  aria-expanded="false"
-                >
-                  <img src="@/assets/profile.jpg" height="25">
-                </button>
-                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownProfile">
-                  <li><a class="dropdown-item" href="#">Profile</a></li>
-                  <li><a class="dropdown-item" href="#">Settings</a></li>
-                  <li><hr class="dropdown-divider"></li>
-                  <li><a class="dropdown-item" href="#">Log out</a></li>
-                </ul>
-              </div>
-            </div>
-          </header>
+  <header class="header" style="height: 100px;">
+    <div class="container d-flex justify-content-between align-items-center">
+      <div class="input-group me-2 mt-4">
+        <input type="text" class="form-control" placeholder="Search">
+        <button class="btn btn-outline-light" type="button">Search</button>
+      </div>
+      <div class="dropdown mt-4">
+        <button class="btn btn-outline-light dropdown-toggle" type="button" id="dropdownProfile"
+          data-bs-toggle="dropdown" aria-expanded="false">
+          <img src="@/assets/profile.jpg" height="25">
+        </button>
+        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownProfile">
+          <!-- <li><a class="dropdown-item" href="#">Profile</a></li> -->
+          <router-link :to="{ name: 'admin-profile' }" class="dropdown-item">
+            Profile
+          </router-link>
+          <li><a class="dropdown-item" href="#">Settings</a></li>
+          <li>
+            <hr class="dropdown-divider">
+          </li>
+          <li><a class="dropdown-item" href="#">Log out</a></li>
+        </ul>
+      </div>
+    </div>
+  </header>
 </template>
 
 <script>
diff --git a/frontend/src/components/admin/layout/AdminSidebarLayout.vue b/frontend/src/components/admin/layout/AdminSidebarLayout.vue
index b8eaf1c..b3a9cad 100644
--- a/frontend/src/components/admin/layout/AdminSidebarLayout.vue
+++ b/frontend/src/components/admin/layout/AdminSidebarLayout.vue
@@ -67,7 +67,12 @@
                 <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownUser2">
                     <li><a class="dropdown-item" href="#">New project...</a></li>
                     <li><a class="dropdown-item" href="#">Settings</a></li>
-                    <li><a class="dropdown-item" href="#">Profile</a></li>
+                    <li>
+                        <!-- <a class="dropdown-item" href="#">Profile</a> -->
+                        <router-link :to="{ name: 'admin-profile' }" class="dropdown-item">
+                            Profile
+                        </router-link>
+                    </li>
                     <li>
                         <hr class="dropdown-divider">
                     </li>
diff --git a/frontend/src/components/admin/page/AdminProfilePage.vue b/frontend/src/components/admin/page/AdminProfilePage.vue
new file mode 100644
index 0000000..98fc330
--- /dev/null
+++ b/frontend/src/components/admin/page/AdminProfilePage.vue
@@ -0,0 +1,9 @@
+<template>
+    <div>Profile</div>
+</template>
+
+<script>
+export default {
+    name: 'AdminProfilePage',
+}
+</script>
\ No newline at end of file
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index 4be363b..018db8e 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -15,6 +15,7 @@ import AdminInventoryPage from '@/components/admin/page/AdminInventoryPage.vue';
 import AdminAccountingPage from "@/components/admin/page/AdminAccountingPage.vue";
 import AdminOrderPage from "@/components/admin/page/AdminOrderPage.vue";
 import AdminCustomerPage from "@/components/admin/page/AdminCustomerPage.vue";
+import AdminProfilePage from "@/components/admin/page/AdminProfilePage.vue";
 
 
 const routes = [
@@ -44,6 +45,11 @@ const routes = [
     component: AdminBaseComponent,
     meta: { requiresAuth: true }, // Add meta field to indicate that authentication is required for admin routes
     children: [
+      {
+        path: "profile",
+        name: "admin-profile",
+        component: AdminProfilePage,
+      },
       {
         path: "",
         name: "admin",