frontend: profile - change password - wip

api integration is not completed yet
rkshaon · Jul 24, 2024 · 9054a9c · 9054a9c
1 parent 8857a6d
commit 9054a9c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/frontend/src/components/admin/user/AdminChangePasswordModal.vue b/frontend/src/components/admin/user/AdminChangePasswordModal.vue
@@ -39,6 +39,7 @@
 <script>
 import { API_BASE_URL } from '@/config';
 import { Modal } from 'bootstrap';
+import { mapActions } from 'vuex';
 import { useToast } from 'vue-toastification';
 
 export default {
@@ -58,6 +59,8 @@ export default {
         }
     },
     methods: {
+        ...mapActions('user', ['changePassword']),
+
         async showChangePasswordModal() {
             const modalElement = this.$refs.changePasswordModal;
 
@@ -74,8 +77,20 @@ export default {
         async confirmUpdate() {
             console.log('Confirm update function called.');
             const toast = useToast();
+            console.log(this.changePasswordData);
             toast.info("work in progress");
 
+            try {
+                const changePasswordResponse = await this.changePassword(this.changePasswordData);
+                console.log(changePasswordResponse.data);
+                this.$emit('changePassword', changePasswordResponse);
+                toast.success('Category created!');
+            } catch (error) {
+                console.log('Failed:', error);
+                console.log(error.data);
+                toast.error('Failed to create category.');
+            }
+
             const modalElement = this.$refs.changePasswordModal;
             const modal = new Modal(modalElement);
             modal._hideModal();

diff --git a/frontend/src/services/userAPI.js b/frontend/src/services/userAPI.js
@@ -47,4 +47,8 @@ export const getUserProfile = () => {
   return apiClient.get("/api/v1/users/profile");
 };
 
+export const changePassword = () => { 
+  return apiClient.put("/api/v1/users/changepassword");
+};
+
 export default {};
diff --git a/frontend/src/store/modules/user.js b/frontend/src/store/modules/user.js
@@ -2,6 +2,7 @@
 
 import {
   getUserProfile,
+  changePassword,
 } from "@/services/userAPI";
 
 const state = {
@@ -19,6 +20,11 @@ const actions = {
     const response = await getUserProfile();
     commit("setUserProfile", response.data);
   },
+
+  async changePassword() {
+    const response = await changePassword();
+    console.log(response.data);
+  },
 };
 
 const getters = {