@7365admin1/layer-common 3.0.24 → 3.0.26

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @iservice365/layer-common
 
+## 3.0.26
+
+### Patch Changes
+
+- 4c4e01d: Update Package Version
+- 165fd5a: Update Layer Common Version
+
+## 3.0.25
+
+### Patch Changes
+
+- d4a5bb0: Update Layer Common Version
+
 ## 3.0.24
 
 ### Patch Changes

package/components/AccessCardAddForm.vue

@@ -650,7 +650,7 @@ watch(() => card.value.showAssign, async (newVal) => {
       const response = await _getBlockLevelUnitList(siteId);
       blockLevelUnitData.value = (response as any)?.data || [];
       buildingItems.value = blockLevelUnitData.value.map((b: any) => ({
-        name: b.block,
+        name: `${b.block} (${b.name})`,
         value: b._id,
       }));
     } catch (error) {
@@ -676,7 +676,7 @@ watch(() => card.value.assignBuilding, (newVal) => {
   if (newVal) {
     const selectedBlock = blockLevelUnitData.value.find((b: any) => b._id === newVal);
     levelItems.value = selectedBlock?.levels?.map((l: any) => ({
-      name: l.level,
+      name: l.name,
       value: l._id,
     })) || [];
   } else {

package/components/AccessCardAssignToUnitForm.vue

@@ -309,7 +309,7 @@ onMounted(async () => {
   if (blockLevelResult.status === "fulfilled") {
     blockLevelUnitData.value = (blockLevelResult.value as any)?.data || [];
     buildingItems.value = blockLevelUnitData.value.map((b: any) => ({
-      name: b.block,
+      name: `${b.block} (${b.name})`,
       value: b._id,
     }));
   }
@@ -352,7 +352,7 @@ watch(
       const selectedBlock = blockLevelUnitData.value.find((b: any) => b._id === newVal);
       if (selectedBlock?.levels) {
         levelItems.value = selectedBlock.levels.map((l: any) => ({
-          name: l.level,
+          name: l.name,
           value: l._id,
         }));
       }

package/components/AccessCardDetailsDialog.vue

@@ -54,9 +54,39 @@
 
           <div>
             <div class="text-caption text-grey">User</div>
-            <div class="text-body-2 font-weight-medium">{{ details.user?.name ?? "N/A" }} ({{ details.user?.email ?? "N/A" }})</div>
+            <div class="text-body-2 font-weight-medium">
+              {{ details.userCred?.name ?? details.user?.name ?? "N/A" }}
+              <template v-if="details.user?.email">({{ details.user.email }})</template>
+            </div>
           </div>
 
+          <!-- Visitor Credentials -->
+          <template v-if="details.userCred">
+            <v-divider />
+            <div class="text-caption font-weight-bold text-grey-darken-2 text-uppercase">Visitor Information</div>
+
+            <div>
+              <div class="text-caption text-grey">NRIC</div>
+              <div class="text-body-2 font-weight-medium">{{ details.userCred.nric ?? "N/A" }}</div>
+            </div>
+
+            <div>
+              <div class="text-caption text-grey">Contact</div>
+              <div class="text-body-2 font-weight-medium">{{ details.userCred.contact ?? "N/A" }}</div>
+            </div>
+
+            <div v-if="details.userCred.company">
+              <div class="text-caption text-grey">Company</div>
+              <div class="text-body-2 font-weight-medium">{{ details.userCred.company }}</div>
+            </div>
+
+            <div v-if="details.userCred.plateNumber">
+              <div class="text-caption text-grey">Plate Number</div>
+              <div class="text-body-2 font-weight-medium">{{ details.userCred.plateNumber }}</div>
+            </div>
+            <v-divider />
+          </template>
+
           <div>
             <div class="text-caption text-grey">Created At</div>
             <div class="text-body-2 font-weight-medium">{{ formatDate(details.createdAt) }}</div>

package/components/AccessManagement.vue

@@ -152,6 +152,10 @@ const props = defineProps({
   headers: {
     type: Array as PropType<Array<Record<string, any>>>,
     default: () => [
+      {
+        title: "Block Name",
+        value: "block.name",
+      },
       {
         title: "Block",
         value: "block.block",
@@ -180,10 +184,6 @@ const props = defineProps({
         title: "Asgn. (NP)",
         value: "cardCounts.assigned.non_physical",
       },
-      {
-        title: "Total",
-        value: "totalCardCount",
-      },
       // { title: "Action", value: "action-table" },
     ],
   },
@@ -234,6 +234,7 @@ const deleteLoading = ref(false);
 const deleteError = ref("");
 const confirmDialog = ref(false);
 const searchText = ref("");
+const debouncedSearch = ref("");
 const replaceDialog = ref(false);
 
 const route = useRoute();
@@ -277,16 +278,25 @@ const {
   () =>
     getUserTypeAccessCards({
       page: page.value,
-      search: searchText.value,
+      search: debouncedSearch.value,
       organization: orgId.value,
       site: siteId.value,
       userType: "Visitor/Resident",
     }),
   {
-    watch: [page, searchText],
+    watch: [page, debouncedSearch],
   }
 );
 
+let debounceTimer: ReturnType<typeof setTimeout> | null = null;
+watch(searchText, (val) => {
+  page.value = 1;
+  if (debounceTimer) clearTimeout(debounceTimer);
+  debounceTimer = setTimeout(() => {
+    debouncedSearch.value = val;
+  }, 400);
+});
+
 const loading = computed(() => getAllReqStatus.value === "pending");
 
 watchEffect(() => {