@7365admin1/layer-common 3.1.4-staging.46 → 3.1.4-staging.48

package/components/AccessCardPreviewDialog.vue

@@ -309,7 +309,7 @@
               Close
             </v-btn>
           </v-col>
-          <v-col cols="6" class="pa-0" v-if="canUpdate">
+          <v-col cols="6" class="pa-0">
             <v-menu>
               <template #activator="{ props }">
                 <v-btn
@@ -336,7 +336,7 @@
                 <v-list-item
                   :disabled="!isSelectedCardAssignedPhysical"
                   @click="emit('replace')"
-                  v-if="canReplaceAccessCard && isSelectedCardAssignedPhysical"
+                  v-if="(canUpdate || canReplaceAccessCard) && isSelectedCardAssignedPhysical"
                 >
                   <v-list-item-title class="text-subtitle-2">
                     Replace Card

package/components/AccessCardQrTagging.vue

@@ -49,7 +49,7 @@
       </v-row>
     </v-col>
 
-    <v-col cols="12">
+    <v-col cols="12" v-if="canViewAllQrTagging">
       <v-card
         width="100%"
         variant="outlined"
@@ -196,6 +196,13 @@ definePageMeta({
   memberOnly: true,
 });
 
+const props = defineProps({
+  canViewAllQrTagging: {
+    type: Boolean,
+    default: true,
+  },
+});
+
 const tableHeaders = [
   { title: "", key: "selectGenerate", sortable: false, width: "50px" },
   { title: "Card", key: "cardNo", sortable: false },

package/components/AccessManagement.vue

@@ -19,7 +19,7 @@
             variant="tonal"
             size="large"
             @click="assignDialog = true"
-            v-if="canCreate && canAssignAccessCard"
+            v-if="canUpdateAccessCard && canAssignAccessCard"
           >
             Assign to Unit
           </v-btn>
@@ -38,11 +38,11 @@
       </v-row>
     </v-col>
     <!-- Available Card Stats -->
-    <v-col cols="12" class="mb-2">
+    <v-col cols="12" class="mb-2" v-if="canViewAllCards">
       <AccessCardAvailableStats ref="statsRef" :site-id="siteId" />
     </v-col>
 
-    <v-col cols="12">
+    <v-col cols="12" v-if="canViewAllCards">
       <v-card
         width="100%"
         variant="outlined"
@@ -107,7 +107,7 @@
       v-model="previewDialog"
       :unit="selectedCard"
       v-model:selected-card-in-unit="selectedCardInUnit"
-      :can-update="canUpdate"
+      :can-update="canUpdateAccessCard"
       :can-replace-access-card="canReplaceAccessCard"
       :can-delete-access-card="canDeleteAccessCard"
       :is-selected-card-assigned-physical="isSelectedCardAssignedPhysical"
@@ -203,6 +203,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  canUpdateAccessCard: {
+    type: Boolean,
+    default: true,
+  },
   canDeleteAccessCard: {
     type: Boolean,
     default: true,
@@ -215,6 +219,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  canViewAllCards: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 // const { headerSearch } = useLocal();

package/components/Input/ListGroupSelection.vue

@@ -19,7 +19,7 @@
             <template v-slot:activator="{ props }">
               <v-list-item v-bind="props" density="compact">
                 <span class="text-capitalize">
-                  {{ String(permissionKey).replace(/-/g, " ") }}
+                  {{ formatResourceLabel(String(permissionKey)) }}
                 </span>
 
                 <template #prepend>
@@ -89,6 +89,13 @@ const props = defineProps({
   },
 });
 
+const resourceLabels: Record<string, string> = {
+  "access-card-mgmt": "Access Mgmt",
+};
+function formatResourceLabel(key: string): string {
+  return resourceLabels[key] ?? key.replace(/-/g, " ");
+}
+
 const selectedActionCount = (resource: string) => {
   return selected.value.filter((permission) => permission.startsWith(resource))
     .length;

package/components/Nfc/NFCPatrolRouteMain.vue

@@ -4,6 +4,7 @@
       <v-row no-gutters class="mb-4" align="center">
         <v-col cols="12" md="6">
           <v-btn
+            v-if="props.canCreateNfcPatrol"
             rounded="pill"
             variant="outlined"
   
@@ -82,7 +83,12 @@
     </v-col>
 
     <!-- Add Dialog -->
-    <v-dialog v-model="dialogAdd" persistent max-width="900">
+    <v-dialog
+      v-if="props.canCreateNfcPatrol"
+      v-model="dialogAdd"
+      persistent
+      max-width="900"
+    >
       <NFCPatrolRouteForm
         title="Add Route"
         :site="props.site"
@@ -94,7 +100,12 @@
     </v-dialog>
 
     <!-- Edit Dialog -->
-    <v-dialog v-model="dialogEdit" persistent max-width="900">
+    <v-dialog
+      v-if="props.canUpdateNfcPatrol"
+      v-model="dialogEdit"
+      persistent
+      max-width="900"
+    >
       <NFCPatrolRouteForm
         title="Edit Route"
         :site="props.site"
@@ -190,7 +201,10 @@
 
         <v-toolbar class="pa-0" density="compact">
           <v-row no-gutters>
-            <v-col cols="6" class="pa-0">
+            <v-col
+              :cols="props.canUpdateNfcPatrol || props.canDeleteNfcPatrol ? 6 : 12"
+              class="pa-0"
+            >
               <v-btn
                 block
                 variant="text"
@@ -203,7 +217,11 @@
               </v-btn>
             </v-col>
 
-            <v-col cols="6" class="pa-0">
+            <v-col
+              v-if="props.canUpdateNfcPatrol || props.canDeleteNfcPatrol"
+              cols="6"
+              class="pa-0"
+            >
               <v-menu>
                 <template #activator="{ props }">
                   <v-btn
@@ -220,13 +238,17 @@
                 </template>
 
                 <v-list class="pa-0">
-                  <v-list-item @click="openDialogEdit()">
+                  <v-list-item v-if="props.canUpdateNfcPatrol" @click="openDialogEdit()">
                     <v-list-item-title class="text-subtitle-2">
                       Edit Route
                     </v-list-item-title>
                   </v-list-item>
 
-                  <v-list-item @click="openDialogDelete()" class="text-red">
+                  <v-list-item
+                    v-if="props.canDeleteNfcPatrol"
+                    @click="openDialogDelete()"
+                    class="text-red"
+                  >
                     <v-list-item-title class="text-subtitle-2">
                       Delete Route
                     </v-list-item-title>
@@ -240,7 +262,12 @@
     </v-dialog>
 
     <!-- Delete Dialog -->
-    <v-dialog v-model="dialogDelete" persistent width="540">
+    <v-dialog
+      v-if="props.canDeleteNfcPatrol"
+      v-model="dialogDelete"
+      persistent
+      width="540"
+    >
       <v-card width="100%">
         <v-card-text
           style="max-height: 100vh; overflow-y: auto"
@@ -304,6 +331,18 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  canCreateNfcPatrol: {
+    type: Boolean,
+    default: false,
+  },
+  canUpdateNfcPatrol: {
+    type: Boolean,
+    default: false,
+  },
+  canDeleteNfcPatrol: {
+    type: Boolean,
+    default: false,
+  },
   headers: {
     type: Array as PropType<Array<any>>,
     default: () => [
@@ -406,6 +445,8 @@ const messageSnackbar = ref(false);
 const messageColor = ref("");
 
 async function openDialogEdit() {
+  if (!props.canUpdateNfcPatrol) return;
+
   try {
     // Fetch the full route details from the API
     const response = await getRouteById(selectedRoute.value._id);
@@ -431,6 +472,8 @@ async function openDialogEdit() {
 }
 
 function openDialogDelete() {
+  if (!props.canDeleteNfcPatrol) return;
+
   dialogDelete.value = true;
 
   if (dialogPreview.value) dialogPreview.value = false;
@@ -502,6 +545,8 @@ function handleRowClick(_: any, data: any) {
 }
 
 async function submitDelete() {
+  if (!props.canDeleteNfcPatrol) return;
+
   try {
     await deleteRouteById(selectedRoute.value._id ?? "");
     await getRoutesRefresh();

package/components/RolePermissionFormCreate.vue

@@ -77,7 +77,7 @@
                     <span
                       class="text-capitalize text-subtitle-2 font-weight-medium"
                     >
-                      {{ String(resourceKey).replace(/-/g, " ") }}
+                      {{ formatResourceLabel(String(resourceKey)) }}
                     </span>
                   </v-list-item-title>
                   <template #append>
@@ -231,6 +231,14 @@ const permState = shallowRef({
   enabled: [] as string[],
 })
 
+const resourceLabels: Record<string, string> = {
+  "access-card-mgmt": "Access Mgmt",
+};
+
+function formatResourceLabel(key: string): string {
+  return resourceLabels[key] ?? key.replace(/-/g, " ");
+}
+
 function isCategoryEnabled(resource: string) {
   return permState.value.enabled.includes(resource)
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.1.4-staging.46",
+  "version": "3.1.4-staging.48",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {