Merge branch 'develop' into dev

* develop:
  add brother permission & hide guest & specipic

src/modules/02_users/views/page02_rolesAndPermissionsDetail.vue

@@ -27,24 +27,28 @@ const roleId = ref<string>(route.params.id.toString()); // id บทบาท
 const attrPrivilegeOp = ref<DataOption[]>([
   {
     id: "ROOT",
-    name: "มีสิทธิ์เข้าถึงข้อมูลในทุกระดับ",
+    name: "มีสิทธิ์เข้าถึงข้อมูลในทุกระดับ", // เห็นทั้งคนและกิ่งใน root ที่ตัวเองอยู่
   },
   {
     id: "PARENT",
-    name: "มีสิทธิ์เข้าถึงข้อมูลในทุกระดับที่อยู่ภายใต้หน่วยงานของตัวเอง ยกเว้นระดับชั้นบนสุด",
+    name: "มีสิทธิ์เข้าถึงข้อมูลในทุกระดับที่อยู่ภายใต้หน่วยงานของตัวเอง ยกเว้นระดับชั้นบนสุด", // เห็นเฉพาะกิ่งและคนในกิ่งภายใต้ root ที่ตัวเองอยู่ แต่ไม่เห็นคนที่อยู่ใต้ root
+  },
+  {
+    id: "BROTHER",
+    name: "มีสิทธิ์เข้าถึงข้อมูลตั้งแต่ระดับชั้นที่สูงกว่าตัวเอง 1 ระดับ", // เห็น "ทุกคน" รวมทั้งกิ่งต่าง ๆ ตั้งแต่ระดับ child ที่สูงกว่าตัวเอง 1 ระดับ
   },
   {
     id: "CHILD",
-    name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง",
+    name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง", // เห็นทุกคนที่อยู่ในระดับเดียวกับตัวเอง ไล่ลงไปทุก child
   },
   {
     id: "NORMAL",
-    name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น",
-  },
-  {
-    id: "SPECIFIC",
-    name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะเจาะจง",
+    name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น", // เห็นแบบ flat คือเฉพาะคนที่อยู่ระดับเดียวกับตัวเองเท่านั้น
   },
+  // {
+  //   id: "SPECIFIC",
+  //   name: "มีสิทธิ์เข้าถึงข้อมูลเฉพาะเจาะจง",
+  // },
 ]);
 
 // ฟอร์มบทบาท
@@ -343,7 +347,7 @@ onMounted(async () => {
               <q-th rowspan="2" colspan="3" style="font-size: 1rem"
                 >รายการระบบ</q-th
               >
-              <q-th colspan="3" style="font-size: 1rem"
+              <q-th colspan="2" style="font-size: 1rem"
                 >ความเป็นเจ้าของ (Ownership)</q-th
               >
               <q-th colspan="5" style="text-align: center; font-size: 1rem"
@@ -366,30 +370,35 @@ onMounted(async () => {
                   ><q-tooltip class="text-body1">
                     <div class="column">
                       <div class="row no-wrap">
-                        <strong>ROOT</strong>-มีสิทธิ์เข้าถึงข้อมูลในทุกระดับ
+                        <strong>ROOT</strong>- มีสิทธิ์เข้าถึงข้อมูลในทุกระดับ
                         ตั้งแต่ระดับของตัวเองลงไปชั้นล่างสุด
                         และขึ้นไปถึงชั้นบนสุด
                       </div>
                       <div class="row no-wrap">
-                        <strong>PARENT</strong
-                        >-มีสิทธิ์เข้าถึงข้อมูลในทุกระดับที่อยู่ภายใต้หน่วยงานของตัวเอง
+                        <strong>PARENT</strong>-
+                        มีสิทธิ์เข้าถึงข้อมูลในทุกระดับที่อยู่ภายใต้หน่วยงานของตัวเอง
                         ยกเว้นระดับชั้นบนสุด
                       </div>
                       <div class="row no-wrap">
-                        <strong>CHILD</strong
-                        >-มีสิทธิ์เข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง
+                        <strong>BROTHER</strong>-
+                        มีสิทธิ์เข้าถึงข้อมูลตั้งแต่ระดับชั้นที่สูงกว่าตัวเอง 1
+                        ระดับ และลงไปชั้นล่างสุด
+                      </div>
+                      <div class="row no-wrap">
+                        <strong>CHILD</strong>-
+                        มีสิทธิ์เข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง
                         ลงไปถึงชั้นล่างสุด
                       </div>
                       <div class="row no-wrap">
-                        <strong>NORMAL</strong
-                        >-มีสิทธิ์เข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น
+                        <strong>NORMAL</strong>-
+                        มีสิทธิ์เข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น
                         ไม่สามารถขึ้นหรือลงได้
                       </div>
-                      <div class="row no-wrap">
+                      <!-- <div class="row no-wrap">
                         <strong>SPECIFIC</strong
                         >-มีสิทธิ์เข้าถึงข้อมูลเฉพาะเจาะจง ซึ่งจะต้องกำหนด ID
                         ของข้อมูลที่ต้องการเข้าถึงด้วย
-                      </div>
+                      </div> -->
                     </div>
                   </q-tooltip></q-btn
                 ></q-th
@@ -427,7 +436,7 @@ onMounted(async () => {
                   </q-tooltip></q-btn
                 ></q-th
               >
-              <q-th class="relative-position"
+              <!-- <q-th class="relative-position"
                 >GUEST
                 <q-btn
                   class="absolute-custom"
@@ -440,7 +449,7 @@ onMounted(async () => {
                     เป็นผู้มาเยือน ใช้ในกรณีกำหนดบทบาทชั่วคราว และบทบาทเฉพาะกิจ
                   </q-tooltip></q-btn
                 ></q-th
-              >
+              > -->
               <q-th class="relative-position"
                 >CREATE
                 <q-btn
@@ -555,14 +564,14 @@ onMounted(async () => {
                   :disable="!props.row.selected"
                 />
               </q-td>
-              <q-td style="text-align: center">
+              <!-- <q-td style="text-align: center">
                 <q-radio
                   v-model="props.row.attrOwnership"
                   val="GUEST"
                   v-if="props.row.children.length === 0"
                   :disable="!props.row.selected"
                 />
-              </q-td>
+              </q-td> -->
               <q-td style="text-align: center">
                 <q-checkbox
                   v-model="props.row.attrIsCreate"