@7365admin1/layer-common 1.11.26 → 1.11.27

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 1.11.27
+
+### Patch Changes
+
+- 2797c03: updates and fixes
+
 ## 1.11.26
 
 ### Patch Changes

package/components/Input/DatePicker.vue

@@ -21,7 +21,7 @@ const prop = defineProps({
     },
     placeholder: {
         type: String,
-        default: 'MM/DD/YYYY'
+        default: 'DD/MM/YYYY'
     }
 })
 
@@ -47,12 +47,12 @@ function validate() {
 function convertToReadableFormat(dateStr: string): string {
     if (!dateStr) return ""
     const dateObj = new Date(dateStr + "T00:00:00")
-    const options: Intl.DateTimeFormatOptions = {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit'
-    }
-    return dateObj.toLocaleDateString('en-US', options)
+    if (Number.isNaN(dateObj.getTime())) return ""
+
+    const day = String(dateObj.getDate()).padStart(2, "0")
+    const month = String(dateObj.getMonth() + 1).padStart(2, "0")
+    const year = String(dateObj.getFullYear())
+    return `${day}/${month}/${year}`
 }
 
 function handleInitialDate() {

package/components/VisitorManagement.vue

@@ -366,23 +366,25 @@
         />
         <v-menu v-else-if="activeTab === 'overnight-parking'">
           <template #activator="{ props }">
-            <v-avatar class="rounded-xl border-md">
-              <v-icon v-bind="props" icon="mdi-dots-vertical" />
+            <v-avatar v-bind="props" class="rounded-xl border-md">
+              <v-icon icon="mdi-dots-vertical" />
             </v-avatar>
           </template>
 
           <v-card>
             <v-list-item
+              v-if="
+                !overNightParkingListActions[0].disabled ||
+                !['approved', 'rejected'].includes(
+                  item?.overnightParking?.status
+                )
+              "
               @click.stop="
                 openApproveRejectOverNightParkingRequestDialog(
                   item,
                   overNightParkingListActions[0].status
                 )
               "
-              :disabled="
-                item?.overnightParking?.status == 'approved' ||
-                !overNightParkingListActions[0].disabled
-              "
             >
               <template #title>
                 <span class="text-caption">
@@ -392,14 +394,18 @@
             </v-list-item>
             <v-divider />
             <v-list-item
-              v-if="item?.overnightParking?.status !== 'approved'"
+              v-if="
+                !overNightParkingListActions[1].disabled ||
+                !['approved', 'rejected'].includes(
+                  item?.overnightParking?.status
+                )
+              "
               @click="
                 openApproveRejectOverNightParkingRequestDialog(
                   item,
                   overNightParkingListActions[1].status
                 )
               "
-              :disabled="!overNightParkingListActions[1].disabled"
             >
               <template #title>
                 <span class="text-caption">
@@ -407,6 +413,22 @@
                 </span>
               </template>
             </v-list-item>
+            <v-list-item
+              v-if="item?.overnightParking?.remarks"
+              @click="
+                openApproveRejectOverNightParkingRequestDialog(
+                  item,
+                  overNightParkingListActions[2].status,
+                  item?.overnightParking?.remarks
+                )
+              "
+            >
+              <template #title>
+                <span class="text-caption">
+                  {{ overNightParkingListActions[2].text }}
+                </span>
+              </template>
+            </v-list-item>
             <v-divider />
           </v-card>
         </v-menu>
@@ -831,7 +853,7 @@
             />
           </v-row>
         </v-toolbar>
-        <v-card-text class="px-4 pb-2">
+        <v-card-text class="px-4 pb-6">
           <v-row no-gutters justify="center" align-content="center">
             <v-col
               v-if="
@@ -853,16 +875,31 @@
                 outlined
                 rows="3"
                 clearable
+                :hide-details="
+                  approveRejectOvernightParkingRequestDialog.status ===
+                  'remarks'
+                "
+                :readonly="
+                  approveRejectOvernightParkingRequestDialog.status ===
+                  'remarks'
+                "
               />
             </v-col>
           </v-row>
         </v-card-text>
-        <v-toolbar class="pa-0" density="compact">
+        <v-toolbar
+          v-if="approveRejectOvernightParkingRequestDialog.status !== 'remarks'"
+          class="pa-0"
+          density="compact"
+        >
           <v-row no-gutters>
             <v-col cols="6">
               <v-btn
                 text="No"
-                variant="text"
+                color="grey-lighten-3"
+                variant="flat"
+                height="48"
+                tile
                 block
                 :disabled="isApprovingRejectingOvernightParkingRequest"
                 @click="closeApproveRejectOvernightParkingDialog"
@@ -874,7 +911,7 @@
                 color="success"
                 variant="flat"
                 height="48"
-                rounded="0"
+                tile
                 block
                 :disabled="
                   !overNightParkingRequestApproveRejectRemarks ||
@@ -1077,6 +1114,10 @@ const overNightParkingListActions = [
     status: "rejected",
     disabled: props.canUpdateVisitor,
   },
+  {
+    text: "View Remarks",
+    status: "remarks",
+  },
 ];
 const overNightParkingRequestApproveRejectRemarks = ref("");
 const approveRejectOvernightParkingRequestDialog = ref({
@@ -1087,7 +1128,8 @@ const selectedOvernightParkingRequest = ref<Record<string, any>>({});
 
 function openApproveRejectOverNightParkingRequestDialog(
   visitor: Record<string, any>,
-  status: string
+  status: string,
+  remarks?: string
 ) {
   selectedOvernightParkingRequest.value = visitor;
   approveRejectOvernightParkingRequestDialog.value = {
@@ -1095,6 +1137,7 @@ function openApproveRejectOverNightParkingRequestDialog(
     status,
   };
   dialog.approveRejectOvernightParkingRequestDialog = true;
+  overNightParkingRequestApproveRejectRemarks.value = remarks ?? "";
 }
 
 const isApprovingRejectingOvernightParkingRequest = ref(false);

package/composables/useFacilityUtils.ts

@@ -69,9 +69,9 @@ function generateTimeSlotsFromStart(
             return slots;
 }
 
-// 11/24/2025, 09:05 format
+// 24/11/2025, 09:05 format
 function toLocalTimeNumeric(utcString: string) {
-  return new Date(utcString).toLocaleString("en-US", {
+  return new Date(utcString).toLocaleString("en-GB", {
     year: "numeric",
     month: "2-digit",
     day: "2-digit",
@@ -137,4 +137,4 @@ return {
     
 }
 
-}
+}

package/package.json

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