@7365admin1/layer-common 1.11.10 → 1.11.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @iservice365/layer-common
 
+## 1.11.12
+
+### Patch Changes
+
+- f66afb1: Bug fixes and other updates
+
+## 1.11.11
+
+### Patch Changes
+
+- 9ee7b8c: Update Vehicle Form
+
 ## 1.11.10
 
 ### Patch Changes

package/components/AreaMain.vue

@@ -614,18 +614,18 @@ async function onFileSelected(event: Event) {
 
   if (!file) return;
 
-  try {
-    submitting.value = true;
-    const response = await uploadAreas(file, props.site);
-    showMessage(response?.message, "success");
+    try {
+      submitting.value = true;
+      const response = await uploadAreas(file, props.site, props.serviceType);
+      showMessage(response?.message, "success");
 
-    await getTaskRefresh();
-  } catch (err: any) {
-    showMessage(err?.data?.message, "error");
-  } finally {
-    submitting.value = false;
-    if (target) target.value = "";
-  }
+      await getTaskRefresh();
+    } catch (err: any) {
+      showMessage(err?.data?.message, "error");
+    } finally {
+      submitting.value = false;
+      if (target) target.value = "";
+    }
 }
 
 function onCreateItem() {

package/components/AttendanceMain.vue

@@ -46,12 +46,14 @@
   <AttendanceDetailsDialog
     v-model="dialogShowMoreActions"
     :attendance-id="selectedAttendanceId"
+    :serviceType="props.serviceType"
     @close="dialogShowMoreActions = false"
   />
 
   <AttendanceSettingsDialog
     v-model="dialogShowSettings"
     :site="props.site"
+    :serviceType="props.serviceType"
     @saved="onSettingsSaved"
     @close="dialogShowSettings = false"
   />
@@ -60,10 +62,12 @@
 <script setup lang="ts">
 import useAttendance from "../composables/useAttendance";
 import { useAttendancePermission } from "../composables/useAttendancePermission";
+import useUtils from "../composables/useUtils";
 
 const props = defineProps({
   orgId: { type: String, default: "" },
   site: { type: String, default: "" },
+  serviceType: { type: String, default: "" },
 });
 
 const {
@@ -117,7 +121,8 @@ const {
     getAttendances({
       page: page.value,
       search: searchInput.value,
-      site: props.site,
+        site: props.site,
+        serviceType: props.serviceType,
     }),
   {
     watch: [page, searchInput, () => props.site],

package/components/AttendanceSettingsDialog.vue

@@ -181,6 +181,7 @@ const showDialog = defineModel({ type: Boolean, default: false });
 
 const props = defineProps({
   site: { type: String, required: true },
+  serviceType: { type: String, default: "" },
 });
 
 const emit = defineEmits(["saved", "close"]);
@@ -211,9 +212,9 @@ const {
   pending: loading,
 } = await useLazyAsyncData(
   `attendance-settings-${props.site}`,
-  () => getAttendanceSettings(props.site),
+  () => getAttendanceSettings(props.site, props.serviceType),
   {
-    watch: [() => props.site],
+    watch: [() => props.site, () => props.serviceType],
     immediate: false,
   }
 );

package/components/MemberMain.vue

@@ -76,9 +76,9 @@
           <template #item.action-table="{ item }">
             <v-menu
               v-if="
-                (status === 'active' &&
+                (currentStatus === 'active' &&
                   (canSuspendMembers || canDeleteMembers)) ||
-                (status === 'suspended' &&
+                (currentStatus === 'suspended' &&
                   (canActivateMembers || canDeleteMembers))
               "
               v-model="item.menuOpen"
@@ -104,13 +104,13 @@
                 </v-list-item>
 
                 <v-list-item
-                  v-if="status === 'active' && canSuspendMembers"
+                  v-if="currentStatus === 'active' && canSuspendMembers"
                   @click="openUpdateDialog(item._id, 'suspended')"
                 >
                   Suspend
                 </v-list-item>
                 <v-list-item
-                  v-if="status === 'suspended' && canActivateMembers"
+                  v-if="currentStatus === 'suspended' && canActivateMembers"
                   @click="openUpdateDialog(item._id, 'active')"
                 >
                   Activate
@@ -330,9 +330,20 @@ const { headerSearch } = useLocal();
 const { replaceMatch, setRouteParams, requiredRule } = useUtils();
 
 const selectedStatus = ref(props.status);
+const currentStatus = computed(() => selectedStatus.value || props.status);
 const route = useRoute();
-const orgId = route.params.org as string;
 const routeName = (useRoute().name as string) ?? "";
+const normalizedRouteParams = computed(() => {
+  const params: Record<string, string> = {};
+  Object.entries(route.params as Record<string, unknown>).forEach(
+    ([key, value]) => {
+      if (typeof value === "string") {
+        params[key] = value;
+      }
+    }
+  );
+  return params;
+});
 
 const tabOptions = [
   { name: "Active", status: "active" },
@@ -345,15 +356,19 @@ function toRoute(status: any) {
   page.value = 1;
   navigateTo({
     name: routeName,
-    params: {
-      org: orgId,
-    },
-    query: {
-      status: obj.status,
-    },
+    params: setRouteParams(normalizedRouteParams.value, { status: obj.status }),
   });
 }
 
+watch(
+  () => props.status,
+  (status) => {
+    if (status && status !== selectedStatus.value) {
+      selectedStatus.value = status;
+    }
+  }
+);
+
 const {
   data: getAllReq,
   refresh: getAll,
@@ -362,14 +377,14 @@ const {
   "get-all-members",
   () =>
     _getAll({
-      status: selectedStatus.value,
-      org: orgId,
+      status: currentStatus.value,
+      org: props.orgId,
       search: headerSearch.value,
       page: page.value,
       type: props.type,
     }),
   {
-    watch: [page, () => route.query],
+    watch: [page, currentStatus],
   }
 );
 

package/components/QrTemplate/PrintDialog.vue

@@ -53,7 +53,7 @@
                 <v-autocomplete
                   :items="
                     localTemplateList.filter(
-                      (item) => !['All', 'Manually Added'].includes(item.name)
+                      (item) => !['All', 'Manually Added'].includes(item.name),
                     )
                   "
                   item-title="name"
@@ -833,7 +833,7 @@ watch(
   () => props.templateList,
   (newVal) => {
     localTemplateList.value = newVal;
-  }
+  },
 );
 
 // interset start
@@ -973,6 +973,7 @@ watch(
   () => props.open,
   async (newVal: any) => {
     if (newVal) {
+      selectAll.value = false;
       if (props.template.name !== "All") {
         selectedTemplate.value = props.template;
       } else {
@@ -998,7 +999,7 @@ watch(
       }
     }
   },
-  { immediate: true }
+  { immediate: true },
 );
 
 const router = useRouter();
@@ -1030,7 +1031,7 @@ const printContent = () => {
   if (printOrientation == "KeyCard") {
     localStorage.setItem(
       "selectedKeysToPrint",
-      JSON.stringify(selectedKeysToPrint.value)
+      JSON.stringify(selectedKeysToPrint.value),
     );
   }
 
@@ -1082,14 +1083,14 @@ watch(selectedChoicePaperSizeOrientation, async (newVal: any) => {
   resultKeys2.value.sort(
     (firstItem: { value: string }, secondItem: { value: string }) => {
       const numericValueOfFirstItem = Number(
-        firstItem.value.replace(/\D/g, "")
+        firstItem.value.replace(/\D/g, ""),
       );
       const numericValueOfSecondItem = Number(
-        secondItem.value.replace(/\D/g, "")
+        secondItem.value.replace(/\D/g, ""),
       );
 
       return numericValueOfFirstItem - numericValueOfSecondItem;
-    }
+    },
   );
 
   startRange.value = props.start.toString();
@@ -1106,7 +1107,7 @@ watch(startRange, (newVal: any, oldVal: any) => {
 
 const endRangeKeys = computed(() => {
   return resultKeys2.value.filter(
-    (item: any) => item.value >= startRange.value
+    (item: any) => item.value >= startRange.value,
   );
 });
 const message = ref("");
@@ -1126,7 +1127,7 @@ const showSnackbarEndRange = () => {
         ? "Please select a start range first."
         : `No ${tab.value == "key" ? "Key" : "Pass"} found. Please try to
       generate first.`,
-      "error"
+      "error",
     );
   }
 };

package/components/UnitMain.vue

@@ -364,7 +364,7 @@ async function onFileSelected(event: Event) {
   try {
     submitting.value = true;
 
-    const response = await uploadUnits(file, props.site);
+    const response = await uploadUnits(file, props.site, props.serviceType);
     showMessage(response?.message, "success");
 
     await getUnitsRefresh();

package/components/VehicleForm.vue

@@ -54,7 +54,7 @@
 
           <v-col v-if="shouldShowField('nric')" cols="12">
             <InputLabel class="text-capitalize" title="NRIC" required />
-            <InputNRICNumber v-model="vehicle.nric" density="comfortable" :rules="[requiredRule]"  />
+            <InputNRICNumber v-model="vehicle.nric" density="comfortable" :rules="[requiredRule]" :disabled="disablePrefilledInputs" />
           </v-col>
 
           <v-col v-if="shouldShowField('name')" cols="12">
@@ -290,6 +290,7 @@ const vehicle = reactive<Omit<ExceptPartial<TVehicle>, 'type'> & { type: TVehicl
   site: prop.site,
   org: prop.org,
   _id: '',
+  peopleId: '',
 });
 
 const newPlateNumbers = ref<string[]>(['']);
@@ -516,14 +517,15 @@ async function submit() {
     }
 
 
-    const { plateNumber, type, category, name, phoneNumber, block, level, unit, nric, remarks, seasonPassType, start, end, site, org } = vehicle
+    const { plateNumber, type, category, name, phoneNumber, block, level, unit, nric, remarks, seasonPassType, start, end, site, org, peopleId } = vehicle
 
     let payload: Partial<TVehiclePayload> = {
       plateNumber: newPlateNumbers.value,
       name,
       phoneNumber,
       type: type === 'seasonpass' ? 'whitelist' : type, // season pass will be created as whitelist type in backend with additional seasonPassType field,
-      nric
+      nric,
+      peopleId
     };
 
     if (prop.mode === 'add') {
@@ -652,6 +654,7 @@ function selectPeopleRecord(record: TPeople) {
   vehicle.plates = record.plates || [];
   disablePrefilledInputs.value = true;
   showMatchingPeopleDialog.value = false;
+  vehicle.peopleId = record._id || '';
 }
 
 
@@ -696,7 +699,7 @@ async function checkPeopleById() {
   // Lock editable fields while we verify if this NRIC has existing records.
   disablePrefilledInputs.value = true;
   try {
-    const res = await getPeopleByUnit(vehicle.unit) as TPeople[]| null;
+    const res = await getPeopleByUnit(vehicle.unit, { status: 'active', type: 'resident,tenant' }) as TPeople[]| null;
 
     if (Array.isArray(res) && res.length > 0) {
       matchingPeople.value = res || []
@@ -736,7 +739,7 @@ const resetVehicleDetails = () => {
   vehicle.phoneNumber = '';
   vehicle.plates = [];
   vehicle.nric = '';
-  disablePrefilledInputs.value = false;
+  vehicle.peopleId = '';
 }
 
 

package/composables/useAreas.ts

@@ -71,9 +71,12 @@ export default function useAreas() {
     );
   }
 
-  function uploadAreas(file: File, site: string) {
+  function uploadAreas(file: File, site: string, serviceType?: string) {
     const formData = new FormData();
     formData.append("file", file);
+    if (serviceType) {
+      formData.append("serviceType", serviceType);
+    }
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-areas/site/${site}/upload`,
       {

package/composables/useAttendance.ts

@@ -4,12 +4,13 @@ export default function useAttendance() {
     page = 1,
     limit = 10,
     search = "",
+    serviceType = "",
   } = {}) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/attendances/site/${site}`,
       {
         method: "GET",
-        query: { page, limit, search },
+        query: { page, limit, search, serviceType },
       }
     );
   }
@@ -19,12 +20,13 @@ export default function useAttendance() {
     page = 1,
     limit = 10,
     search = "",
+    serviceType = "",
   } = {}) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/attendances/site/${site}/user`,
       {
         method: "GET",
-        query: { page, limit, search },
+        query: { page, limit, search, serviceType },
       }
     );
   }
@@ -55,11 +57,12 @@ export default function useAttendance() {
     );
   }
 
-  function getAttendanceSettings(site: string) {
+  function getAttendanceSettings(site: string, serviceType: string) {
     return useNuxtApp().$api<TAttendanceSettings>(
       `/api/attendance-settings/site/${site}`,
       {
         method: "GET",
+        query: { serviceType },
       }
     );
   }

package/composables/useFacility.ts

@@ -322,6 +322,7 @@ export default function usetFacility() {
     maintenanceDatesWithTimes = [],
     maintenanceWeekly = [],
     maintenanceMonthly = [],
+    userType,
     updatedBy,
   }: {
     _id: string;
@@ -329,6 +330,7 @@ export default function usetFacility() {
     maintenanceDatesWithTimes: Record<string, any>[] | null;
     maintenanceWeekly?: String[] | null;
     maintenanceMonthly?: String[] | null;
+    userType?: string;
     updatedBy?: string;
   }) {
     return useNuxtApp().$api("/api/facilities/maintenance/v1", {
@@ -339,6 +341,7 @@ export default function usetFacility() {
         maintenanceDatesWithTimes,
         maintenanceWeekly,
         maintenanceMonthly,
+        userType,
         updatedBy,
       },
     });
@@ -353,6 +356,8 @@ export default function usetFacility() {
     maintenanceWeekly = [],
     maintenanceMonthly = [],
     status = "",
+    userType,
+    updatedBy,
   }: {
     page?: number;
     limit?: number;
@@ -362,6 +367,8 @@ export default function usetFacility() {
     maintenanceWeekly?: String[];
     maintenanceMonthly?: String[];
     status?: string;
+    userType?: string;
+    updatedBy?: string;
   }) {
     return useNuxtApp().$api(
       "/api/facilities-booking/maintenance-affected/v1",
@@ -376,6 +383,8 @@ export default function usetFacility() {
           maintenanceWeekly,
           maintenanceMonthly,
           status,
+          userType,
+          updatedBy,
         },
       }
     );

package/composables/usePeople.ts

@@ -94,7 +94,7 @@ export default function () {
       `/api/people/unit/${_id}`,
       {
         method: "GET",
-        query: { status },
+        query: { status, type },
       }
     );
   }

package/composables/useUnits.ts

@@ -54,9 +54,12 @@ export default function useUnits() {
     );
   }
 
-  function uploadUnits(file: File, site: string) {
+  function uploadUnits(file: File, site: string, serviceType?: string) {
     const formData = new FormData();
     formData.append("file", file);
+    if (serviceType) {
+      formData.append("serviceType", serviceType);
+    }
 
     return useNuxtApp().$api<Record<string, any>>(
       `/api/hygiene-units/site/${site}/upload`,

package/package.json

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

package/types/vehicle.d.ts

@@ -19,6 +19,7 @@ declare type TVehicle = {
   _id?: string;
   recNo?: string;
   status?: TVehicleStatus;
+  peopleId?: string; // For linking to a people record, if applicable
 };
 
 declare type TVehicleType = "whitelist" | "blocklist";
@@ -41,4 +42,5 @@ declare type TVehiclePayload = Pick<
   | "end"
   | "site"
   | "org"
+  | "peopleId"
 > & { plateNumber: string[] };