ปรับทะเบียนประวัติ

src/modules/04_registry/components/Profile.vue

@@ -153,27 +153,39 @@
           </div>
         </div>
         <q-space />
-        <q-btn
-          v-if="!isVerified && roleRegistryverify"
-          outlined
-          color="green"
-          icon="verified"
-          @click="onClickVerified"
-          label="ยืนยันการตรวจสอบข้อมูล"
-        >
-          <q-tooltip>ยืนยันการตรวจสอบข้อมูล</q-tooltip>
-        </q-btn>
-        <q-btn
-          v-if="isVerified"
-          flat
-          color="green"
-          icon="verified"
-          label="ตรวจสอบข้อมูลแล้ว"
-        >
-          <q-tooltip>ตรวจสอบข้อมูลแล้ว</q-tooltip>
-        </q-btn>
+        <div v-if="roleRegistryverify || roleKeyregistry">
+          <q-btn
+            v-if="!isVerified && roleRegistryverify"
+            outlined
+            color="green"
+            icon="verified"
+            @click="onClickVerified"
+            label="ยืนยันการตรวจสอบข้อมูล"
+          >
+            <q-tooltip>ยืนยันการตรวจสอบข้อมูล</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-else-if="isVerified && roleRegistryverify"
+            outlined
+            color="warning"
+            icon="mdi-lock-open"
+            @click="onClickUnlock"
+            label="ปลดล็อคให้แก้ไขข้อมูล"
+          >
+            <q-tooltip>ปลดล็อคให้แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-else-if="isVerified && roleKeyregistry"
+            flat
+            color="green"
+            icon="verified"
+            label="ตรวจสอบข้อมูลแล้ว"
+          >
+            <q-tooltip>ตรวจสอบข้อมูลแล้ว</q-tooltip>
+          </q-btn>
+        </div>
 
-        <div v-if="!roleKeyregistry && !roleRegistryverify">
+        <div v-else>
           <q-btn
             v-if="
               profileType == 'officer' ||
@@ -906,6 +918,15 @@ function onClickVerified() {
     "ต้องการยืนยันการตรวจสอบข้อมูลนี้หรือไม่?"
   );
 }
+
+function onClickUnlock() {
+  dialogConfirm(
+    $q,
+    async () => {},
+    "ยืนยันการปลดให้แก้ไขข้อมูล",
+    "ต้องการยืนยันการปลดให้แก้ไขข้อมูลนี้หรือไม่?"
+  );
+}
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
     roleKeyregistry.value = await keycloak.tokenParsed.role.includes(
@@ -921,6 +942,7 @@ onMounted(async () => {
   await checIsVerified();
 });
 
+const isVerified = ref<boolean>(false);
 const fetchData = async () => {
   showLoader();
   await http
@@ -952,7 +974,6 @@ const fetchData = async () => {
     });
 };
 
-const isVerified = ref<boolean>(false);
 async function checIsVerified() {
   // showLoader();
   await http