@7365admin1/layer-common 1.10.5 → 1.10.7

package/types/html2pdf.d.ts

@@ -0,0 +1,19 @@
+declare module "html2pdf.js" {
+  interface Html2PdfOptions {
+    margin?: number | number[];
+    filename?: string;
+    image?: { type?: string; quality?: number };
+    html2canvas?: Record<string, any>;
+    jsPDF?: Record<string, any>;
+  }
+
+  interface Html2Pdf {
+    set(options: Html2PdfOptions): Html2Pdf;
+    from(element: HTMLElement): Html2Pdf;
+    save(): Promise<void>;
+    output(type: string): Promise<any>;
+  }
+
+  function html2pdf(): Html2Pdf;
+  export default html2pdf;
+}

package/types/people.d.ts

@@ -16,8 +16,12 @@ declare type TPeople = {
   org?: string;
   site?: string,
   type?: TPeopleType;
+  plates?: TPlateNumber[]
+  email?: string;
 };
 
+declare type TPlateNumber = { plateNumber: string, recNo: string, _id?: string, status: "active" | "deleted" | "pending", type: TVehicleType };
+
 
 declare type TPeoplePayload = Pick<TGuest, "name" | "block" | "level" | "unit" | "unitName" | "contact" | "plateNumber" | "nric" | "contact" | "remarks" | "org" | "site" | "start" | "end" | "type"> 
 

package/types/site.d.ts

@@ -17,4 +17,12 @@ declare type TSite = {
   createdAt?: string;
   updatedAt?: string;
   deletedAt?: string;
+  address: {
+    line1: string;
+    line2?: string;
+    city: string;
+    state?: string;
+    postalCode: string;
+    country: string;
+  }
 };

package/types/vehicle.d.ts

@@ -1,6 +1,6 @@
 declare type TVehicle = {
   plateNumber: string;
-  plateNumbers?: string[]; // For display purposes, the API will return an array of plate numbers if there are multiple associated with the same vehicle record
+  plates?: TPlateNumber[]; // For display purposes, the API will return an array of plate numbers if there are multiple associated with the same vehicle record
   type: TVehicleType;
   category: "resident" | "visitor";
   direction: "entry" | "exit" | "both" | "none";
@@ -20,11 +20,10 @@ declare type TVehicle = {
   recNo?: string;
 };
 
-declare type TVehicleType = "whitelist" | "blocklist" | "seasonpass";
+declare type TVehicleType = "whitelist" | "blocklist";
 
 declare type TVehiclePayload = Pick<
   TVehicle,
-  | "plateNumber"
   | "type"
   | "category"
   | "direction"
@@ -40,4 +39,4 @@ declare type TVehiclePayload = Pick<
   | "end"
   | "site"
   | "org"
->;
+> & { plateNumber: string[] };

package/.playground/app.vue

@@ -1,41 +0,0 @@
-<template>
-  <v-app>
-    <LayoutHeader />
-
-    <LayoutNavigationDrawer :navigation-items="navigationItems" />
-
-    <v-main>
-      <NuxtLayout> <NuxtPage /> </NuxtLayout>
-    </v-main>
-  </v-app>
-</template>
-
-<script setup lang="ts">
-const navigationItems = computed(() => {
-  const items: Array<TNavigationItem> = [];
-  items.push(
-    {
-      title: "Create new request",
-      route: { name: "index" },
-      icon: "mdi-plus",
-    },
-    {
-      title: "Requests",
-      route: { name: "index" },
-      icon: "mdi-account-circle",
-    },
-    {
-      title: "Draft",
-      route: { name: "index" },
-      icon: "mdi-account-circle",
-    },
-    {
-      title: "Feedback",
-      route: { name: "feedback" },
-      icon: "mdi-account-circle",
-    }
-  );
-
-  return items;
-});
-</script>

package/.playground/eslint.config.mjs

@@ -1,6 +0,0 @@
-// @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
-
-export default withNuxt(
-  // Your custom configs here
-)

package/.playground/nuxt.config.ts

@@ -1,22 +0,0 @@
-export default defineNuxtConfig({
-  extends: [".."],
-  modules: ["@nuxt/eslint"],
-  compatibilityDate: "2024-11-03",
-
-  runtimeConfig: {
-    public: {
-      cookieConfig: {
-        domain: (process.env.DOMAIN as string) ?? "localhost",
-        secure: true,
-        maxAge: 30 * 24 * 60 * 60,
-      },
-      APP_NAME: (process.env.APP_NAME as string) ?? "App",
-      APP_NAME_ROUTE: (process.env.APP_NAME_ROUTE as string) ?? "index",
-      APP_ACCOUNT: (process.env.APP_ACCOUNT as string) ?? "",
-      API_DO_STORAGE_ENDPOINT:
-        (process.env.API_DO_STORAGE_ENDPOINT as string) ?? "",
-      APP_ADMIN: (process.env.APP_ADMIN as string) ?? "",
-      APP_CBA_RECAP: (process.env.APP_CBA_RECAP as string) ?? "",
-    },
-  },
-});

package/.playground/pages/feedback.vue

@@ -1,30 +0,0 @@
-<template>
-  <v-row class="no-gutters" align="center" justify="center">
-    <v-col cols="12" md="10" lg="10">
-      <FeedbackListView @click:create="showCreateDialog = true" />
-    </v-col>
-
-    <v-dialog
-      v-model="showCreateDialog"
-      fullscreen
-      transition="dialog-right-transition"
-      persistent
-    >
-      <v-card
-        class="ml-auto"
-        style="
-          height: 100vh;
-          width: 400px;
-          border-top-left-radius: 12px;
-          border-bottom-left-radius: 12px;
-        "
-      >
-        <FeedbackFormCreate @close="showCreateDialog = false" />
-      </v-card>
-    </v-dialog>
-  </v-row>
-</template>
-
-<script lang="ts" setup>
-const showCreateDialog = ref(false);
-</script>

package/components/AccessCardHistoryDialog.vue

@@ -1,133 +0,0 @@
-<template>
-  <v-dialog :model-value="modelValue" width="480" persistent>
-    <v-card width="100%">
-      <v-toolbar density="compact" color="black">
-        <v-toolbar-title class="text-subtitle-1 font-weight-medium">
-          Card History — {{ card?.cardNo ?? "N/A" }}
-        </v-toolbar-title>
-        <v-btn icon @click="emit('update:modelValue', false)">
-          <v-icon>mdi-close</v-icon>
-        </v-btn>
-      </v-toolbar>
-
-      <v-card-text style="max-height: 70vh; overflow-y: auto" class="pa-4">
-        <div v-if="pending" class="d-flex justify-center align-center py-8">
-          <v-progress-circular indeterminate color="black" />
-        </div>
-
-        <div v-else-if="!history.length" class="text-center text-grey py-8">
-          No history available.
-        </div>
-
-        <v-timeline v-else side="end" density="compact" truncate-line="both">
-          <v-timeline-item
-            v-for="(item, index) in history"
-            :key="index"
-            :dot-color="actionColor(item.action)"
-            size="small"
-          >
-            <template #icon>
-              <v-icon size="14" color="white">{{ actionIcon(item.action) }}</v-icon>
-            </template>
-
-            <div class="mb-4">
-              <div class="d-flex align-center ga-2 mb-1">
-                <v-chip
-                  :color="actionColor(item.action)"
-                  variant="flat"
-                  size="x-small"
-                  class="text-capitalize font-weight-medium"
-                >
-                  {{ actionLabel(item.action) }}
-                </v-chip>
-              </div>
-              <div class="text-body-2">{{ item.performedBy?.name ?? "N/A" }}</div>
-              <div class="text-caption text-grey">{{ formatDate(item.date) }}</div>
-            </div>
-          </v-timeline-item>
-        </v-timeline>
-      </v-card-text>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script setup lang="ts">
-const props = defineProps({
-  modelValue: {
-    type: Boolean,
-    default: false,
-  },
-  card: {
-    type: Object as PropType<Record<string, any> | null>,
-    default: null,
-  },
-});
-
-const emit = defineEmits<{
-  "update:modelValue": [value: boolean];
-}>();
-
-const { getCardHistory } = useAccessManagement();
-
-const history = ref<Record<string, any>[]>([]);
-const pending = ref(false);
-
-watch(
-  () => props.modelValue,
-  async (val) => {
-    if (val && props.card?._id) {
-      pending.value = true;
-      try {
-        const data = await getCardHistory(props.card._id);
-        history.value = Array.isArray(data) ? data : [];
-      } finally {
-        pending.value = false;
-      }
-    } else {
-      history.value = [];
-    }
-  }
-);
-
-function actionLabel(action: string) {
-  const map: Record<string, string> = {
-    available: "Created",
-    assign: "Assigned",
-    replace: "Replaced",
-    deleted: "Deleted",
-  };
-  return map[action] ?? action;
-}
-
-function actionColor(action: string) {
-  const map: Record<string, string> = {
-    available: "success",
-    assign: "primary",
-    replace: "orange",
-    deleted: "error",
-  };
-  return map[action] ?? "grey";
-}
-
-function actionIcon(action: string) {
-  const map: Record<string, string> = {
-    available: "mdi-plus",
-    assign: "mdi-account-check",
-    replace: "mdi-swap-horizontal",
-    deleted: "mdi-delete",
-  };
-  return map[action] ?? "mdi-circle-small";
-}
-
-function formatDate(date: string) {
-  if (!date) return "N/A";
-  return new Intl.DateTimeFormat("en-GB", {
-    day: "2-digit",
-    month: "short",
-    year: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: true,
-  }).format(new Date(date));
-}
-</script>