fix bug: "ADMIN" only disable action

src/modules/02_users/components/RoleOrganization/DialogAddPerson.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref, watch } from "vue";
+import { reactive, ref, watch, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { storeToRefs } from "pinia";
 
@@ -8,6 +8,7 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStoreUser } from "@/modules/02_users/stores/main";
 import { usekeycloakPosition } from "@/stores/keycloakPosition";
+import { tokenParsed } from "@/plugins/auth";
 
 import type { QTableProps } from "quasar";
 import type {
@@ -171,12 +172,17 @@ function onClose() {
   selected.value = [];
 }
 
+const tokenParsedData = ref<string[]>([]);
 /**
  * ซ่อน checkbox ของผู้ใช้งานที่กำลังล็อกอินอยู่
  * @param id รหัสผู้ใช้งาน
  */
 function hideCheckbox(id: string) {
-  if (dataPosition.value?.profileId === id) {
+  if (
+    dataPosition.value?.profileId === id &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -194,6 +200,11 @@ watch(
     onSearchListPerson(true);
   }
 );
+
+onMounted(async () => {
+  const token = await tokenParsed();
+  tokenParsedData.value = token?.role || [];
+});
 </script>
 
 <template>

src/modules/02_users/components/RolePositionSalary/DialogAddPerson.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, ref, watch } from "vue";
+import { reactive, ref, watch, onMounted } from "vue";
 import { useQuasar } from "quasar";
 import { storeToRefs } from "pinia";
 
@@ -8,6 +8,7 @@ import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useDataStoreUser } from "@/modules/02_users/stores/main";
 import { usekeycloakPosition } from "@/stores/keycloakPosition";
+import { tokenParsed } from "@/plugins/auth";
 
 import type { QTableProps } from "quasar";
 import type {
@@ -187,12 +188,17 @@ function onClose() {
   isCheck.value = false;
 }
 
+const tokenParsedData = ref<string[]>([]);
 /**
  * ซ่อน checkbox ของผู้ใช้งานที่กำลังล็อกอินอยู่
  * @param id รหัสผู้ใช้งาน
  */
 function hideCheckbox(id: string) {
-  if (dataPosition.value?.profileId === id) {
+  if (
+    dataPosition.value?.profileId === id &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -210,6 +216,11 @@ watch(
     onSearchListPerson(true);
   }
 );
+
+onMounted(async () => {
+  const token = await tokenParsed();
+  tokenParsedData.value = token?.role || [];
+});
 </script>
 
 <template>

src/modules/02_users/views/01_user.vue

@@ -232,8 +232,7 @@ async function fetchOrganizationActive() {
  * @param id id โครงสร้าง
  */
 async function fetchDataTree(id: string) {
-  const tokenParsedData = await tokenParsed();
-  const isSuperAdmin = tokenParsedData.role.includes("SUPER_ADMIN");
+  const isSuperAdmin = tokenParsedData.value.includes("SUPER_ADMIN");
   if (!isSuperAdmin) {
     nodeTree.value = [];
   }
@@ -436,13 +435,18 @@ watch(
   }
 );
 
+const tokenParsedData = ref<string[]>([]);
 /**
  *  ตรวจสอบการแสดงปุ่ม action
  * @param keycloakID keycloakID รหัสผู้ใช้งาน
  * @returns true หากผู้ใช้งานมีสิทธิ์ในการดำเนินการ
  */
 function checkhideBtnAction(keycloakID: string) {
-  if (dataPosition.value?.keycloak === keycloakID) {
+  if (
+    dataPosition.value?.keycloak === keycloakID &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -455,6 +459,8 @@ function checkhideBtnAction(keycloakID: string) {
  */
 onMounted(async () => {
   await fetchOrganizationActive();
+  const token = await tokenParsed();
+  tokenParsedData.value = token.role || [];
 });
 </script>
 

src/modules/02_users/views/03_permissionsView.vue

@@ -286,13 +286,13 @@ async function fetchOrganizationActive() {
     });
 }
 
+const tokenParsedData = ref<string[]>([]);
 /**
  * function fetch ข้อมูลของ Tree
  * @param id id โครงสร้าง
  */
 async function fetchDataTree(id: string) {
-  const tokenParsedData = await tokenParsed();
-  const isSuperAdmin = tokenParsedData.role.includes("SUPER_ADMIN");
+  const isSuperAdmin = tokenParsedData.value.includes("SUPER_ADMIN");
   if (!isSuperAdmin) {
     nodes.value = [];
   } else {
@@ -501,15 +501,21 @@ function isUpload() {
  * @returns true หากผู้ใช้งานมีสิทธิ์ในการดำเนินการ
  */
 function checkhideBtnAction(current_holderId: string) {
-  if (dataPosition.value?.profileId === current_holderId) {
+  if (
+    dataPosition.value?.profileId === current_holderId &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
   }
 }
 
-onMounted(() => {
+onMounted(async () => {
   fetchOrganizationActive();
+  const token = await tokenParsed();
+  tokenParsedData.value = token.role || [];
 });
 </script>
 

src/modules/02_users/views/04_roleOrganization.vue

@@ -63,9 +63,8 @@ const personId = ref<string>("");
  * ฟังก์ชันดึงข้อมูลโครงสร้าง
  * เก็บข้อมูลโครงสร้างไว้ใน nodeTree
  */
-async function fatchOrg() {
-  const tokenParsedData = await tokenParsed();
-  const isSuperAdmin = tokenParsedData.role.includes("SUPER_ADMIN");
+async function fetchOrg() {
+  const isSuperAdmin = tokenParsedData.value.includes("SUPER_ADMIN");
   if (!isSuperAdmin) {
     nodeTree.value = [];
   }
@@ -215,8 +214,13 @@ function updatemodalPersonal(modal: boolean) {
   modalPersonal.value = modal;
 }
 
+const tokenParsedData = ref<string[]>([]);
 function checkhideBtnAction(id: string) {
-  if (dataPosition.value?.profileId === id) {
+  if (
+    dataPosition.value?.profileId === id &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -236,7 +240,9 @@ watch(
 
 /** hook ทำงานเมื่อ Components ถูกเรียกใช้งาน*/
 onMounted(async () => {
-  await fatchOrg(); // ดึงข้อมูลโครงสร้าง
+  await fetchOrg(); // ดึงข้อมูลโครงสร้าง
+  const token = await tokenParsed();
+  tokenParsedData.value = token?.role || [];
 });
 </script>
 

src/modules/02_users/views/05_responsIbilities.vue

@@ -273,13 +273,13 @@ async function fetchOrganizationActive() {
     });
 }
 
+const tokenParsedData = ref<string[]>([]);
 /**
  * function fetch ข้อมูลของ Tree
  * @param id id โครงสร้าง
  */
 async function fetchDataTree(id: string) {
-  const tokenParsedData = await tokenParsed();
-  const isSuperAdmin = tokenParsedData.role.includes("SUPER_ADMIN");
+  const isSuperAdmin = tokenParsedData.value.includes("SUPER_ADMIN");
   if (!isSuperAdmin) {
     nodes.value = [];
   }
@@ -411,7 +411,11 @@ function updatemodalPersonal(modal: boolean) {
 }
 
 function hideBtnAction(id: string) {
-  if (dataPosition.value?.profileId === id) {
+  if (
+    dataPosition.value?.profileId === id &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -432,8 +436,10 @@ watch(
   }
 );
 
-onMounted(() => {
+onMounted(async () => {
   fetchOrganizationActive();
+  const token = await tokenParsed();
+  tokenParsedData.value = token?.role || [];
 });
 </script>
 

src/modules/02_users/views/06_rolePositionSalary.vue

@@ -82,13 +82,13 @@ async function fatchOrg() {
     });
 }
 
+const tokenParsedData = ref<string[]>([]);
 /**
  * function fetch ข้อมูลของ Tree
  * @param id id โครงสร้าง
  */
 async function fetchDataTree(id: string) {
-  const tokenParsedData = await tokenParsed();
-  const isSuperAdmin = tokenParsedData.role.includes("SUPER_ADMIN");
+  const isSuperAdmin = tokenParsedData.value.includes("SUPER_ADMIN");
   if (!isSuperAdmin) {
     nodeTree.value = [];
   }
@@ -260,7 +260,11 @@ function updatemodalPersonal(modal: boolean) {
 }
 
 function hideBtnAction(id: string) {
-  if (dataPosition.value?.profileId === id) {
+  if (
+    dataPosition.value?.profileId === id &&
+    tokenParsedData.value.includes("ADMIN") &&
+    !tokenParsedData.value.includes("SUPER_ADMIN")
+  ) {
     return false;
   } else {
     return true;
@@ -281,6 +285,8 @@ watch(
 /** hook ทำงานเมื่อ Components ถูกเรียกใช้งาน*/
 onMounted(async () => {
   await fatchOrg(); // ดึงข้อมูลโครงสร้าง
+  const token = await tokenParsed();
+  tokenParsedData.value = token?.role || [];
 });
 </script>