From 93cc0d428640692f82d3d1d5cd5f50d18a33e884 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 26 Jul 2024 09:25:46 -0300
Subject: [PATCH] Add login when password changed

---
 src/components/ui/ChangePasswordForm.vue | 16 ++++++++++------
 src/pages/Account/AccountConfig.vue      |  4 +++-
 src/stores/user.js                       |  5 +++--
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/ChangePasswordForm.vue b/src/components/ui/ChangePasswordForm.vue
index 2a6fe392..b22ad579 100644
--- a/src/components/ui/ChangePasswordForm.vue
+++ b/src/components/ui/ChangePasswordForm.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { ref, inject, onMounted, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter } from 'vue-router';
 
 import VnInput from 'src/components/common/VnInput.vue';
 import VnForm from 'src/components/common/VnForm.vue';
@@ -9,11 +8,12 @@ import VnForm from 'src/components/common/VnForm.vue';
 import { userStore as useUserStore } from 'stores/user';
 import useNotify from 'src/composables/useNotify.js';
 
+const emit = defineEmits(['onPasswordChanged']);
+
 const { t } = useI18n();
 const api = inject('api');
 const userStore = useUserStore();
 const { notify } = useNotify();
-const router = useRouter();
 
 const oldPasswordRef = ref(null);
 const newPasswordRef = ref(null);
@@ -64,9 +64,13 @@ const getPasswordRequirements = async () => {
     }
 };
 
-const logout = async () => {
-    await userStore.logout();
-    router.push({ name: 'Login' });
+const login = async () => {
+    await userStore.login(userStore.name, formData.value.newPassword);
+};
+
+const onPasswordChanged = async () => {
+    await login();
+    emit('onPasswordChanged');
 };
 
 onMounted(async () => {
@@ -89,7 +93,7 @@ onMounted(async () => {
         showBottomActions
         :defaultActions="false"
         style="max-width: 300px"
-        @onDataSaved="logout()"
+        @onDataSaved="onPasswordChanged()"
     >
         <template #form>
             <VnInput
diff --git a/src/pages/Account/AccountConfig.vue b/src/pages/Account/AccountConfig.vue
index 118555e7..a82e361e 100644
--- a/src/pages/Account/AccountConfig.vue
+++ b/src/pages/Account/AccountConfig.vue
@@ -103,7 +103,9 @@ onMounted(() => fetchLanguagesSql());
             ref="changePasswordFormDialog"
             v-model="showChangePasswordForm"
         >
-            <ChangePasswordForm />
+            <ChangePasswordForm
+                @on-password-changed="showChangePasswordForm = false"
+            />
         </QDialog>
     </QPage>
 </template>
diff --git a/src/stores/user.js b/src/stores/user.js
index 5b3c3c91..e90123bf 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -50,12 +50,13 @@ export const userStore = defineStore('user', {
 
         async loadData() {
             const userData = await jApi.getObject(
-                'SELECT id, nickname FROM account.myUser'
+                'SELECT id, nickname, name FROM account.myUser'
             );
 
             this.$patch({
                 id: userData.id,
-                nickname: userData.nickname
+                nickname: userData.nickname,
+                name: userData.name
             });
         }
     }