frontend: user profile

change password, update profile button click function call
rkshaon · Jul 23, 2024 · 2e1570c · 2e1570c
1 parent 1d7ba61
commit 2e1570c
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/frontend/src/components/admin/page/AdminProfilePage.vue b/frontend/src/components/admin/page/AdminProfilePage.vue
@@ -1,8 +1,12 @@
 <template>
     <div class="container mt-5">
-        <AdminProfileCardComponent :profileData="profileData" class="mb-3" />
-        <button class="btn btn-warning">Change Password</button>
-        <button class="btn btn-info">Edit Profile</button>
+        <div class="row">
+            <div class="col-4">
+                <AdminProfileCardComponent :profileData="profileData" class="mb-3" />
+            </div>
+        </div>
+        <button type="button" class="btn btn-warning" @click="showChangePasswordModal">Change Password</button>
+        <button type="button" class="btn btn-info" @click="showUpdateProfileModal">Edit Profile</button>
     </div>
 </template>
 
@@ -28,6 +32,14 @@ export default {
     },
     methods: {
         ...mapActions('user', ['fetchUserProfile']),
+
+        showChangePasswordModal() {
+            console.log('change password modal clicked');
+        },
+
+        showUpdateProfileModal() {
+            console.log('update profile clicked.');
+        },
     },
     created() {
         this.fetchUserProfile();