@iservice365/layer-common 1.5.2 → 1.5.3

package/components/PeopleForm.vue

@@ -3,7 +3,7 @@
     <v-toolbar>
       <v-row no-gutters class="fill-height px-6" align="center">
         <span class="font-weight-bold text-h5 text-capitalize">
-          {{ prop.mode }} {{ prop.type === 'visitor' ? 'Guest' : prop.type }}
+          {{ prop.mode }} {{ prop.type }}
         </span>
       </v-row>
     </v-toolbar>

package/components/SupplyManagement.vue

@@ -0,0 +1,292 @@
+<template>
+  <v-row no-gutters>
+    <v-col cols="12" lg="12">
+      <TableMain
+        :title="`Units`"
+        :items="items"
+        :headers="headers"
+        :loading="loading"
+        :show-header="true"
+        v-model:page="page"
+        :pages="pages"
+        :pageRange="pageRange"
+        :no-data-text="`No supplies found.`"
+        @refresh="updatePage"
+        :canCreate="true"
+        createLabel="Add Supply"
+        @row-click="tableRowClickHandler"
+      >
+        <template #actions>
+          <v-row no-gutters align="center" class="w-100">
+            <v-col cols="auto">
+              <v-btn
+                class="text-none"
+                rounded="pill"
+                variant="tonal"
+                size="large"
+              >
+                Add Supply
+              </v-btn>
+            </v-col>
+
+            <v-spacer />
+
+            <v-col cols="auto">
+              <v-text-field
+                v-model="searchText"
+                density="compact"
+                placeholder="Search"
+                clearable
+                width="300"
+                append-inner-icon="mdi-magnify"
+                hide-details
+              />
+            </v-col>
+          </v-row>
+        </template>
+
+        <template #item.block="{ value }">
+          {{ value ? `blk ${value}` : "" }}
+        </template>
+      </TableMain>
+    </v-col>
+  </v-row>
+</template>
+<script setup lang="ts">
+const searchText = ref("");
+const loading = ref(false);
+
+const page = ref(1);
+const pages = ref(0);
+const pageRange = ref("-- - -- of --");
+const items = ref<Array<Record<string, any>>>([]);
+
+const headers: Array<Record<string, any>> = [
+  { title: "Item", value: "item", align: "start" },
+  //   { title: "Type", value: "type", align: "start" },
+  //   { title: "Created By", value: "createdByName", align: "start" },
+  //   { title: "Last Updated", value: "lastUpdated", align: "start" },
+  //   { title: "Available Qty", value: "availableQty", align: "start" },
+  { title: "Stock Qty", value: "stockQty", align: "start" },
+  { title: "", value: "action-table", align: "end" },
+];
+
+watchEffect(() => {
+  items.value = [
+    {
+      item: "Multi-Surface Cleaner",
+      type: "Consumable",
+      createdByName: "John Reyes",
+      lastUpdated: "2025-11-20",
+      availableQty: 45,
+      stockQty: 100,
+    },
+    {
+      item: "Disinfectant Spray",
+      type: "Consumable",
+      createdByName: "Marianne Santos",
+      lastUpdated: "2025-11-18",
+      availableQty: 30,
+      stockQty: 80,
+    },
+    {
+      item: "Glass Cleaner",
+      type: "Consumable",
+      createdByName: "Evan Lim",
+      lastUpdated: "2025-11-22",
+      availableQty: 60,
+      stockQty: 120,
+    },
+    {
+      item: "Floor Degreaser",
+      type: "Consumable",
+      createdByName: "Kristine Tan",
+      lastUpdated: "2025-11-21",
+      availableQty: 20,
+      stockQty: 50,
+    },
+    {
+      item: "Microfiber Cloth",
+      type: "Equipment",
+      createdByName: "Angela Chua",
+      lastUpdated: "2025-11-22",
+      availableQty: 120,
+      stockQty: 200,
+    },
+    {
+      item: "Toilet Brush",
+      type: "Equipment",
+      createdByName: "Miguel Perez",
+      lastUpdated: "2025-11-19",
+      availableQty: 15,
+      stockQty: 40,
+    },
+    {
+      item: "Mop Head Refill",
+      type: "Consumable",
+      createdByName: "Sarah Ong",
+      lastUpdated: "2025-11-23",
+      availableQty: 50,
+      stockQty: 100,
+    },
+    {
+      item: "Cleaning Mop Set",
+      type: "Equipment",
+      createdByName: "Jenny Ramos",
+      lastUpdated: "2025-11-21",
+      availableQty: 10,
+      stockQty: 25,
+    },
+    {
+      item: "Trash Bags (Large)",
+      type: "Consumable",
+      createdByName: "Philip Cruz",
+      lastUpdated: "2025-11-18",
+      availableQty: 90,
+      stockQty: 150,
+    },
+    {
+      item: "Air Freshener Spray",
+      type: "Consumable",
+      createdByName: "Leo Dizon",
+      lastUpdated: "2025-11-20",
+      availableQty: 75,
+      stockQty: 150,
+    },
+  ];
+  pages.value = 2;
+});
+
+async function updatePage(pageVal: any) {
+  if (pageVal == 2) {
+    items.value = [
+      {
+        item: "Vacuum Cleaner",
+        type: "Equipment",
+        createdByName: "Robert Sy",
+        lastUpdated: "2025-11-22",
+        availableQty: 4,
+        stockQty: 10,
+      },
+      {
+        item: "Dishwashing Liquid",
+        type: "Consumable",
+        createdByName: "Kristine Tan",
+        lastUpdated: "2025-11-19",
+        availableQty: 55,
+        stockQty: 110,
+      },
+      {
+        item: "Pressure Washer",
+        type: "Equipment",
+        createdByName: "Marcel Tan",
+        lastUpdated: "2025-11-24",
+        availableQty: 2,
+        stockQty: 5,
+      },
+      {
+        item: "Scrubbing Pads",
+        type: "Consumable",
+        createdByName: "Hannah Cruz",
+        lastUpdated: "2025-11-23",
+        availableQty: 80,
+        stockQty: 150,
+      },
+      {
+        item: "Squeegee Set",
+        type: "Equipment",
+        createdByName: "Darryl Go",
+        lastUpdated: "2025-11-22",
+        availableQty: 12,
+        stockQty: 30,
+      },
+    ];
+  } else {
+    items.value = [
+      {
+        item: "Multi-Surface Cleaner",
+        type: "Consumable",
+        createdByName: "John Reyes",
+        lastUpdated: "2025-11-20",
+        availableQty: 45,
+        stockQty: 100,
+      },
+      {
+        item: "Disinfectant Spray",
+        type: "Consumable",
+        createdByName: "Marianne Santos",
+        lastUpdated: "2025-11-18",
+        availableQty: 30,
+        stockQty: 80,
+      },
+      {
+        item: "Glass Cleaner",
+        type: "Consumable",
+        createdByName: "Evan Lim",
+        lastUpdated: "2025-11-22",
+        availableQty: 60,
+        stockQty: 120,
+      },
+      {
+        item: "Floor Degreaser",
+        type: "Consumable",
+        createdByName: "Kristine Tan",
+        lastUpdated: "2025-11-21",
+        availableQty: 20,
+        stockQty: 50,
+      },
+      {
+        item: "Microfiber Cloth",
+        type: "Equipment",
+        createdByName: "Angela Chua",
+        lastUpdated: "2025-11-22",
+        availableQty: 120,
+        stockQty: 200,
+      },
+      {
+        item: "Toilet Brush",
+        type: "Equipment",
+        createdByName: "Miguel Perez",
+        lastUpdated: "2025-11-19",
+        availableQty: 15,
+        stockQty: 40,
+      },
+      {
+        item: "Mop Head Refill",
+        type: "Consumable",
+        createdByName: "Sarah Ong",
+        lastUpdated: "2025-11-23",
+        availableQty: 50,
+        stockQty: 100,
+      },
+      {
+        item: "Cleaning Mop Set",
+        type: "Equipment",
+        createdByName: "Jenny Ramos",
+        lastUpdated: "2025-11-21",
+        availableQty: 10,
+        stockQty: 25,
+      },
+      {
+        item: "Trash Bags (Large)",
+        type: "Consumable",
+        createdByName: "Philip Cruz",
+        lastUpdated: "2025-11-18",
+        availableQty: 90,
+        stockQty: 150,
+      },
+      {
+        item: "Air Freshener Spray",
+        type: "Consumable",
+        createdByName: "Leo Dizon",
+        lastUpdated: "2025-11-20",
+        availableQty: 75,
+        stockQty: 150,
+      },
+    ];
+  }
+  page.value = pageVal;
+}
+
+function tableRowClickHandler(_: any, data: any) {}
+</script>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@iservice365/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/types/people.d.ts

@@ -20,4 +20,4 @@ declare type TPeople = {
 
 declare type TPeoplePayload = Pick<TGuest, "name" | "block" | "level" | "unit" | "unitName" | "contact" | "plateNumber" | "nric" | "contact" | "remarks" | "org" | "site" | "start" | "end" | "type"> 
 
-declare type TPeopleType = "visitor" | "resident" | "tenant"
+declare type TPeopleType = "guest" | "resident" | "tenant"