From 0e499efe3df0c26a6e330888dfd320c728cc5d00 Mon Sep 17 00:00:00 2001
From: Thien Pham Van <phamvanthien307@gmail.com>
Date: Fri, 16 Jan 2026 17:40:55 +0700
Subject: [PATCH] Changes update ResetPassword

---
 components/user/ResetPassword.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/user/ResetPassword.vue b/components/user/ResetPassword.vue
index 553d655..8a92ca4 100644
--- a/components/user/ResetPassword.vue
+++ b/components/user/ResetPassword.vue
@@ -33,7 +33,7 @@
       </div>
     </div>
     <div class="mt-5 pt-2">
-      <button :class="`button is-primary has-text-white `" @click="showConfirm">
+      <button :class="`button is-primary has-text-white ${showModal.loading ? 'is-loading' : ''}`" @click="showConfirm">
         {{ isVietnamese ? "Đặt lại mật khẩu" : "Reset password" }}
       </button>
     </div>
@@ -41,7 +41,7 @@
   </div>
 </template>
 <script setup>
-const { $store, $id, $insertapi, $getdata, $getpath, $updateapi, $dialog } = useNuxtApp();
+const { $store, $id, $insertapi, $getdata, $getpath, $updateapi, $dialog, $snackbar } = useNuxtApp();
 const emit = defineEmits(["close"]);
 var props = defineProps({
   row: Object,
@@ -49,12 +49,15 @@ var props = defineProps({
 
 const showModal = ref({
   show: false,
+  loading: false,
 });
 
 const isVietnamese = computed(() => $store.lang.toLowerCase() === "vi");
 let pass = $id().toLocaleLowerCase();
 
 async function handlerResetPassword() {
+  showModal.value.loading = true;
+
   let user = await $getdata("user", undefined, { filter: { id: props.row.id } }, true);
   const response = await fetch(`${$getpath()}password/${pass}/`);
   let hash = await response.json();
@@ -77,6 +80,8 @@ async function handlerResetPassword() {
       content: content,
     };
     let rs = await $insertapi("sendemail", info, null, false);
+    showModal.value.loading = false;
+    $snackbar("Mật khẩu đã được đặt lại thành công. Thông tin đã được gửi tới địa chỉ email đã đăng ký.", "Thành công", "Success");
     emit("close");
   }
 }