feat:resetpass

src/views/MainLayout.vue

@@ -18,6 +18,8 @@ import {
 import { useDataStore } from "@/stores/data";
 import { useKpiDataStore } from "@/modules/08_KPI/store";
 
+import DialogResetPass from "@/components/DialogResetPass.vue";
+
 // landing page config url
 const configParam = {
   landingPageUrl: import.meta.env.VITE_URL_LANDING,
@@ -47,6 +49,7 @@ const notiTrigger = ref(false);
 const currentRouteName = router.currentRoute.value.name;
 const tab = ref<any>(currentRouteName);
 const isSsoToken = ref(false);
+const modalResetPass = ref(false); // ตัวแปรควบคุมการเปิดปิด Dialog เปลี่ยนรหัสผ่าน
 
 /**
  * เรียกฟังก์ชันทั้งหมดตอนเรียกใช้ไฟล์นี้
@@ -248,6 +251,10 @@ function onViewDetailNoti(url: string) {
   window.open(url, "_blank");
 }
 
+function onResetPass() {
+  modalResetPass.value = true;
+}
+
 /** ดูการเปลี่ยน route name เพื่อเปลี่ยน tab */
 watch(
   () => route.name,
@@ -543,14 +550,14 @@ watch(
               >
             </q-item>
 
-            <!-- <q-item clickable v-close-popup>
+            <q-item clickable v-close-popup @click.prevent="onResetPass">
               <q-item-section avatar style="min-width: 30px">
                 <q-icon color="orange-9" size="18px" name="mdi-lock-outline" />
               </q-item-section>
               <q-item-section
                 ><q-item-label>เปลี่ยนรหัสผ่าน</q-item-label></q-item-section
               >
-            </q-item> -->
+            </q-item>
 
             <q-item clickable v-close-popup @click="doLogout">
               <q-item-section avatar style="min-width: 30px">
@@ -598,7 +605,7 @@ watch(
                   >
                 </q-item>
 
-                <!-- <q-item clickable v-close-popup>
+                <q-item clickable v-close-popup @click.prevent="onResetPass">
                   <q-item-section avatar style="min-width: 30px">
                     <q-icon
                       color="orange-9"
@@ -611,7 +618,7 @@ watch(
                       >เปลี่ยนรหัสผ่าน</q-item-label
                     ></q-item-section
                   >
-                </q-item> -->
+                </q-item>
 
                 <q-item clickable v-close-popup @click="doLogout">
                   <q-item-section avatar style="min-width: 30px">
@@ -735,6 +742,8 @@ watch(
       </q-page>
     </q-page-container>
   </q-layout>
+
+  <DialogResetPass v-model="modalResetPass" />
 </template>
 
 <style>