@7365admin1/layer-common 3.1.4-staging.47 → 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/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.47",
+  "version": "3.1.4-staging.48",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {