@7365admin1/layer-common 1.10.8 → 1.10.10

package/components/IncidentReport/IncidentInformation.vue

@@ -89,6 +89,19 @@
           </v-row>
         </v-col>
       </v-row>
+      <v-row no-gutters class="mt-5">
+        <v-col cols="12" sm="3" md="3">
+          <InputLabel
+            class="text-capitalize"
+            title="Time of Response (1st Contact)"
+          />
+          <p class="my-1 text-h6">
+            {{
+              incidentInformation?.incidentTypeAndTime?.timeOfResponse || "NA"
+            }}
+          </p>
+        </v-col>
+      </v-row>
     </v-col>
 
     <!-- Response/Submission From (1st Contact) -->
@@ -103,15 +116,6 @@
             {{ incidentInformation?.submissionForm?.time || "NA" }}
           </p>
         </v-col>
-        <v-col cols="12" sm="4" md="3">
-          <InputLabel
-            class="text-capitalize"
-            title="Time of Report Submission"
-          />
-          <p class="my-1 text-h6">
-            {{ incidentInformation?.submissionForm?.timeOfResponse || "NA" }}
-          </p>
-        </v-col>
         <v-col cols="12" sm="4" md="3">
           <InputLabel class="text-capitalize" title="Date" />
           <p class="my-1 text-h6">
@@ -140,7 +144,7 @@
           <div>
             <InputLabel class="text-capitalize mr-1" title="NRIC/WP Number" />
             <v-icon
-            v-if="incidentInformation?.complaintInfo?.nric"
+              v-if="incidentInformation?.complaintInfo?.nric"
               size="small"
               color="blue"
               class="cursor-pointer"

package/components/IncidentReport/IncidentInformationDownload.vue

@@ -0,0 +1,212 @@
+<template>
+  <v-row no-gutters class="px-5 pt-4">
+    <!-- Site Information -->
+    <p
+      class="text-uppercase text-center w-100 text-h6"
+      style="background: #aa212a; color: #fff; padding: 10px"
+    >
+      Incident Report
+    </p>
+    <v-row no-gutters class="mt-5 border pb-5">
+      <p
+        class="w-100 text-h6 pa-2 text-white text-center"
+        style="background: #fcbf49"
+      >
+        Incident Information
+      </p>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Site</p>
+        <p>{{ siteName || "-" }}</p>
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Reference</p>
+        <p>{{ incidentInformation?.siteInfo?.irNumber || "-" }}</p>
+      </v-col>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Place of Incident</p>
+        <p>
+          {{ incidentInformation?.placeOfIncident?.incidentLocation || "-" }}
+        </p>
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Type of Incident</p>
+        <p>
+          {{ incidentInformation?.incidentTypeAndTime?.typeOfIncident || "-" }}
+        </p>
+      </v-col>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Date of Incident</p>
+        <p>
+          {{
+            toLocalDate(
+              incidentInformation?.incidentTypeAndTime?.dateOfIncident
+            ) || "NA"
+          }}
+        </p>
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Incident Start Time</p>
+        <p>
+          {{ incidentInformation?.incidentTypeAndTime?.incidentStart || "-" }}
+        </p>
+      </v-col>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Time of Response (From 1st Contact)</p>
+        <p>
+          {{ incidentInformation?.incidentTypeAndTime?.timeOfResponse || "-" }}
+        </p>
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Incident End Time</p>
+        <p>
+          {{ incidentInformation?.incidentTypeAndTime?.incidentEnd || "-" }}
+        </p>
+      </v-col>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Date of Report Submission</p>
+        {{
+          toLocalDate(incidentInformation?.submissionForm?.dateOfReport) || "NA"
+        }}
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Time of Report Submission</p>
+        <p>{{ incidentInformation?.submissionForm?.time || "-" }}</p>
+      </v-col>
+
+      <v-col cols="6" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Report Submitted By</p>
+        <p>{{ incidentInformation?.siteInfo?.submittedBy || "-" }}</p>
+      </v-col>
+      <v-col cols="6" class="pa-3 border-b">
+        <p class="font-weight-bold">Designation</p>
+        <p>{{ incidentInformation?.siteInfo?.designation || "-" }}</p>
+      </v-col>
+
+      <v-col cols="4" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Name of Informant/Complainant</p>
+        <p>{{ incidentInformation?.complaintInfo?.complainant || "-" }}</p>
+      </v-col>
+      <v-col cols="4" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Contact No.</p>
+        <p>{{ incidentInformation?.complaintInfo?.contact || "-" }}</p>
+      </v-col>
+      <v-col cols="4" class="pa-3 border-b">
+        <p class="font-weight-bold">NRIC/WP No.</p>
+        <p>
+          <v-icon
+            v-if="incidentInformation?.complaintInfo?.nric"
+            size="small"
+            color="blue"
+            class="cursor-pointer"
+            @click="showNRICComplainant = !showNRICComplainant"
+          >
+            {{ showNRICComplainant ? "mdi-eye-off" : "mdi-eye" }}
+          </v-icon>
+        </p>
+      </v-col>
+
+      <v-col cols="4" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">
+          Name of Recipient of Complaint (1st Contact)
+        </p>
+        <p>{{ incidentInformation?.recipientOfComplaint?.recipient || "-" }}</p>
+      </v-col>
+      <v-col cols="4" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Contact No.</p>
+        <p>{{ incidentInformation?.recipientOfComplaint?.contact || "-" }}</p>
+      </v-col>
+      <v-col cols="4" class="pa-3 border-b">
+        <p class="font-weight-bold">NRIC/WP No.</p>
+        <p>
+          {{
+            showNRICRecipient
+              ? incidentInformation?.recipientOfComplaint?.nric || "-"
+              : maskNRIC(incidentInformation?.recipientOfComplaint?.nric)
+          }}
+        </p>
+      </v-col>
+
+      <v-col cols="12" class="pa-3 border-b border-e">
+        <p class="font-weight-bold">Complaint Received through</p>
+        <p
+          v-if="
+            incidentInformation?.complaintReceivedTo?.receivedVia != 'others'
+          "
+        >
+          {{ incidentInformation?.complaintReceivedTo?.receivedVia || "-" }}
+        </p>
+
+        <p v-else>
+          {{
+            incidentInformation?.complaintReceivedTo?.otherDescription || "-"
+          }}
+        </p>
+      </v-col>
+      <v-col cols="6" class="pa-3">
+        <p class="font-weight-bold">Brief Description</p>
+        <p>
+          {{
+            incidentInformation?.complaintReceivedTo?.briefDescription || "-"
+          }}
+        </p>
+      </v-col>
+    </v-row>
+  </v-row>
+</template>
+
+<script lang="ts" setup>
+definePageMeta({
+  middleware: ["01-auth", "02-org"],
+  memberOnly: true,
+});
+
+// props
+const props = defineProps({
+  incidentInformation: {
+    type: Object as PropType<Record<string, any> | null>,
+    required: true,
+  },
+});
+
+// utilities
+const { getSiteById } = useSiteSettings();
+
+// state
+const siteName = ref("");
+
+const siteId = computed(() => props.incidentInformation?.siteInfo?.site);
+
+const showNRICComplainant = ref(false);
+const showNRICRecipient = ref(false);
+
+watch(
+  siteId,
+  async (newSiteId) => {
+    if (!newSiteId) return;
+
+    const siteDataValue = await getSiteById(newSiteId);
+
+    siteName.value = siteDataValue?.name ?? "";
+  },
+  { immediate: true }
+);
+
+function toLocalDate(utcString: string) {
+  return new Date(utcString).toLocaleString("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+  });
+}
+
+const maskNRIC = (value: any) => {
+  if (!value) return "NA";
+
+  return value.replace(/.(?=.{3})/g, "*");
+};
+</script>

package/components/IncidentReport/affectedEntities.vue

@@ -1,58 +1,5 @@
 <template>
   <v-row no-gutters class="px-5 pt-4">
-    <!-- Any unit affected -->
-    <v-col cols="12" class="border-b pb-5 mb-5 mt-1">
-      <p class="mb-2" style="font-size: 17px; font-weight: 600">
-        Any unit affected?
-      </p>
-      <p
-        v-if="affectedEntities?.anyUnitAffectedValue == 'no'"
-        class="mt-2 text-h6 text-capitalize"
-      >
-        {{ affectedEntities?.anyUnitAffectedValue }}
-      </p>
-      <!-- Block Level Unit Section -->
-      <v-row v-else no-gutters class="d-flex align-center mt-5">
-        <v-row
-          v-if="affectedEntities?.affectedUnit.hasOwnProperty('block')"
-          no-gutters
-        >
-          <v-col cols="12" sm="4">
-            <InputLabel class="text-capitalize" title="Block" />
-            <p class="my-1 text-h6">
-              {{ affectedEntities?.affectedUnit?.block }}
-            </p>
-          </v-col>
-          <v-col cols="12" sm="4">
-            <InputLabel class="text-capitalize" title="Level" />
-            <p class="my-1 text-h6">
-              {{ affectedEntities?.affectedUnit?.level }}
-            </p>
-          </v-col>
-          <v-col cols="12" sm="4">
-            <InputLabel class="text-capitalize" title="Unit" />
-            <p class="my-1 text-h6">
-              {{ affectedEntities?.affectedUnit?.unit }}
-            </p>
-          </v-col>
-        </v-row>
-
-        <v-col v-else cols="12" class="px-1 mb-0">
-          <InputLabel class="text-capitalize" title="Location" />
-          <p class="my-1 text-h6 text-capitalize">
-            {{ affectedEntities?.affectedUnit?.other }}
-          </p>
-        </v-col>
-
-        <v-col cols="12" class="px-1 mb-0 mt-5">
-          <InputLabel class="text-capitalize" title="Remarks" />
-          <p class="my-1 text-h6 text-capitalize">
-            {{ affectedEntities?.affectedUnit?.remarks }}
-          </p>
-        </v-col>
-      </v-row>
-    </v-col>
-
     <!-- Anyone affected/injured -->
     <v-col cols="12" class="border-b pb-5 mb-5 mt-1">
       <p class="mb-2" style="font-size: 17px; font-weight: 600">
@@ -161,6 +108,14 @@ const injuredTableHeader = [
     title: "Contact Number",
     value: "contact",
   },
+  {
+    title: "Block / Level / Unit Location",
+    value: "incidentLocation",
+  },
+  {
+    title: "Remarks",
+    value: "remarks",
+  },
 ];
 
 const damagePropertyTableHeader = [
@@ -180,10 +135,6 @@ const damagePropertyTableHeader = [
     title: "Contact Number",
     value: "contact",
   },
-  {
-    title: "Action",
-    value: "action",
-  },
 ];
 
 const isShowNRIC = ref(false);

package/components/SiteSettings.vue

@@ -0,0 +1,285 @@
+<template>
+    <v-row no-gutters>
+        <v-expansion-panels multiple v-model="openPanels" >
+
+            <!-- SITE SETTINGS -->
+            <v-expansion-panel color="primary">
+                <v-expansion-panel-title>
+                    <v-icon class="mr-2">mdi-cog</v-icon>
+                    Site Settings
+                </v-expansion-panel-title>
+
+                <v-expansion-panel-text>
+                    <v-row no-gutters class="d-flex justify-center">
+                        <v-col cols="12">
+                            <v-row no-gutters>
+                                <v-col cols="12">
+                                    <span class="text-h4 font-weight-bold"> Site Settings </span>
+                                </v-col>
+
+                                <v-col cols="12">
+                                    <v-row no-gutters>
+                                        <v-col cols="12" lg="4" class="mt-2">
+                                            <NumberSettingField v-model="blocks" title="No. of blocks" type="blocks"
+                                                :read-only="!canManageSiteSettings"
+                                                :existing-block-number="existingBlockNumber" :site-id="siteId"
+                                                :disabled="existingBlockNumber === blocks" @success="refreshSiteData" />
+                                        </v-col>
+                                    </v-row>
+                                </v-col>
+
+                                <v-col cols="12">
+                                    <v-row no-gutters>
+                                        <v-col cols="12" lg="4" class="mt-2">
+                                            <NumberSettingField v-model="guardPosts" title="No. of guard posts"
+                                                type="guard_posts" :read-only="!canManageSiteSettings"
+                                                :existing-guard-posts-number="existingGuardPostNumber" :site-id="siteId"
+                                                :disabled="existingGuardPostNumber === guardPosts"
+                                                @success="refreshSiteData" />
+                                        </v-col>
+                                    </v-row>
+                                </v-col>
+
+                                <v-col cols="12">
+                                    <v-row no-gutters>
+                                        <v-col cols="12" lg="4" class="mt-2">
+                                            <v-row no-gutters>
+                                                <v-form v-model="gracePeriodValid">
+                                                    <v-row>
+                                                        <v-col cols="6">
+                                                            <InputLabel class="text-capitalize font-weight-bold"
+                                                                title="Grace Period" required />
+                                                            <v-text-field v-model="gracePeriod" type="number"
+                                                                density="comfortable" :readonly="!canManageSiteSettings"
+                                                                :rules="[requiredRule]" />
+                                                        </v-col>
+
+                                                        <v-col cols="6">
+                                                            <v-btn v-if="canManageSiteSettings" color="primary"
+                                                                class="text-none mt-6" size="large" variant="flat"
+                                                                :disabled="!gracePeriodValid ||
+                                                                    existingGracePeriodNumber === gracePeriod
+                                                                    " :loading="gracePeriodLoading" text="Save"
+                                                                @click="handleSaveGracePeriod" />
+                                                        </v-col>
+                                                    </v-row>
+                                                </v-form>
+                                            </v-row>
+                                        </v-col>
+                                    </v-row>
+                                </v-col>
+
+                            </v-row>
+                        </v-col>
+                    </v-row>
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+
+            <!-- ANPR CAMERA -->
+            <v-expansion-panel color="primary">
+                <v-expansion-panel-title>
+                    <v-icon class="mr-2">mdi-camera</v-icon>
+                    ANPR Camera
+                </v-expansion-panel-title>
+
+                <v-expansion-panel-text>
+                    <CameraMain :site="siteId" :read-only="!canManageSiteSettings"
+                        :guard-posts="siteData?.metadata?.guardPosts" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+
+            <!-- CCTV CAMERA -->
+            <v-expansion-panel color="primary">
+                <v-expansion-panel-title>
+                    <v-icon class="mr-2">mdi-cctv</v-icon>
+                    CCTV Camera
+                </v-expansion-panel-title>
+
+                <v-expansion-panel-text>
+                    <CameraMain :site="siteId" type="ip" :read-only="!canManageSiteSettings" />
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+
+            <v-expansion-panel color="primary">
+                <v-expansion-panel-title>
+                    <v-icon class="mr-2">mdi-format-list-numbered</v-icon>
+                    Work Order Settings
+                </v-expansion-panel-title>
+
+                <v-expansion-panel-text>
+                    <v-text-field v-model="prefix" label="Prefix" :disabled="isLoading || !canManageSiteSettings"
+                        @input="handleInput" />
+
+                    <v-select v-model="noOfDigits" :items="[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]" label="No. of Digits"
+                        :disabled="isLoading || !canManageSiteSettings" />
+
+                    <v-text-field v-model="orderNumberPreview" label="Preview" readonly />
+
+                    <v-btn v-if="canManageSiteSettings" class="mt-2" :loading="isLoading" @click="save">
+                        Save
+                    </v-btn>
+                </v-expansion-panel-text>
+            </v-expansion-panel>
+
+
+            <v-expansion-panel color="primary">
+                <v-expansion-panel-title>
+                    <v-icon class="mr-2">mdi-truck</v-icon>
+                    Delivery Companies
+                </v-expansion-panel-title>
+                <v-expansion-panel-text class="">
+                    <DeliveryCompany :site="siteId" v-model:initial="deliveryCompanies" @refresh-site="refreshSiteData" @update:companiesValue="handleUpdateCompanies"
+                        :read-only="!canManageSiteSettings" />
+                </v-expansion-panel-text>
+
+            </v-expansion-panel>
+
+        </v-expansion-panels>
+
+        <Snackbar v-model="toast.show" :text="toast.message" :color="toast.color" />
+    </v-row>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+    siteId: { type: String, required: true },
+    canManageSiteSettings: { type: Boolean, default: false }
+})
+
+const openPanels = ref([0]) // default open first
+
+const { getSiteById, updateSitebyId } = useSiteSettings()
+const { requiredRule } = useUtils()
+const { getFileUrl } = useFile()
+const { getWorkOrderSettings, createWorkOrderSettings } = useWorkOrder()
+
+const blocks = ref(0)
+const guardPosts = ref(0)
+const gracePeriod = ref(0)
+
+const existingBlockNumber = ref(0)
+const existingGuardPostNumber = ref(0)
+const existingGracePeriodNumber = ref(0)
+
+const gracePeriodValid = ref(false)
+const gracePeriodLoading = ref(false)
+const deliveryCompanies = ref<string[]>([])
+
+const siteLogo = ref<any[]>([])
+const uploadedSiteLogo = ref("")
+
+const prefix = ref("")
+const noOfDigits = ref(1)
+const isLoading = ref(false)
+
+const toast = reactive({
+    show: false,
+    message: "",
+    color: ""
+})
+
+const { data: siteData, refresh: refreshSiteData } = await useLazyAsyncData(
+    `site-${props.siteId}`,
+    () => getSiteById(props.siteId)
+)
+
+watch(siteData, (val: TSite) => {
+    if (!val) return
+
+    blocks.value = val.metadata?.block || 0
+    guardPosts.value = val.metadata?.guardPosts || 0
+    gracePeriod.value = val.metadata?.gracePeriod || 0
+
+    existingBlockNumber.value = blocks.value
+    existingGuardPostNumber.value = guardPosts.value
+    existingGracePeriodNumber.value = gracePeriod.value
+    deliveryCompanies.value = Array.isArray(val.deliveryCompanyList) ? [...val.deliveryCompanyList] : []
+
+    uploadedSiteLogo.value = val.metadata?.incidentLogo || ""
+}, { immediate: true })
+
+async function handleSaveGracePeriod() {
+    gracePeriodLoading.value = true
+    try {
+        await updateSitebyId(props.siteId, {
+            field: "metadata.gracePeriod",
+            value: gracePeriod.value
+        })
+        show("Grace period updated", "success")
+        refreshSiteData()
+    } catch (e: any) {
+        show(e?.data?.message || "Error updating grace period", "error")
+    } finally {
+        gracePeriodLoading.value = false
+    }
+}
+
+async function handleLogo(action: string) {
+    try {
+        await updateSitebyId(props.siteId, {
+            field: "metadata.incidentLogo",
+            value: action === "add" ? siteLogo.value[0] : 0
+        })
+        show("Logo updated", "success")
+        refreshSiteData()
+    } catch {
+        show("Error updating logo", "error")
+    } finally {
+        siteLogo.value = []
+    }
+}
+
+const onUploadedLogoPreview = () => {
+    if (!uploadedSiteLogo.value) return ""
+    return getFileUrl(uploadedSiteLogo.value)
+}
+
+const { data: workOrderSetting } = await useLazyAsyncData(
+    `work-${props.siteId}`,
+    () => getWorkOrderSettings({ site: props.siteId, service: "Security" })
+)
+
+watchEffect(() => {
+    if (workOrderSetting.value) {
+        prefix.value = workOrderSetting.value.prefix
+        noOfDigits.value = workOrderSetting.value.noOfDigits
+    }
+})
+
+function handleInput(e: any) {
+    prefix.value = e.target.value
+        .replace(/[^A-Z]/g, "")
+        .toUpperCase()
+}
+
+function handleUpdateCompanies(value: string[]) {
+    deliveryCompanies.value = value
+}
+
+const orderNumberPreview = computed(() => {
+    return `${prefix.value}${"0".repeat(noOfDigits.value - 1)}1`
+})
+
+async function save() {
+    try {
+        isLoading.value = true
+        await createWorkOrderSettings({
+            site: props.siteId,
+            service: "Security",
+            prefix: prefix.value,
+            noOfDigits: noOfDigits.value
+        })
+        show("Saved successfully", "success")
+    } catch {
+        show("Error saving", "error")
+    } finally {
+        isLoading.value = false
+    }
+}
+
+function show(message: string, color: string) {
+    toast.show = true
+    toast.message = message
+    toast.color = color
+}
+</script>

package/components/StockCard.vue

@@ -110,6 +110,10 @@
 </template>
 
 <script setup lang="ts">
+import useEquipment from "../composables/useEquipment";
+import useStock from "../composables/useStock";
+import useUtils from "../composables/useUtils";
+
 const props = defineProps({
   orgId: { type: String, default: "" },
   site: { type: String, default: "" },
@@ -126,18 +130,18 @@ const supply = ref({
   remarks: "",
 });
 
-const { getSupplyById } = useSupply();
+const { getEquipmentById } = useEquipment();
 
 const supplyId = useRoute().params.id as string;
 
-const { data: getSupplyByIdReq } = await useLazyAsyncData(
-  `get-supply-by-id-${supplyId}`,
-  () => getSupplyById(supplyId),
+const { data: getEquipmentByIdReq } = await useLazyAsyncData(
+  `get-equipment-by-id-${supplyId}`,
+  () => getEquipmentById(supplyId)
 );
 
 watchEffect(() => {
-  if (getSupplyByIdReq?.value) {
-    supply.value = getSupplyByIdReq.value as any;
+  if (getEquipmentByIdReq?.value) {
+    supply.value = getEquipmentByIdReq.value as any;
   }
 });
 
@@ -163,7 +167,7 @@ const {
   () => getStockBySupply(props.site, supplyId),
   {
     watch: [page, () => props.site, () => supplyId],
-  },
+  }
 );
 
 watchEffect(() => {