@iservice365/layer-common 1.3.1 → 1.3.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 1.3.2
+
+### Patch Changes
+
+- 34a35ff: Update dependencies
+
 ## 1.3.1
 
 ### Patch Changes

package/components/BuildingManagement/units.vue

@@ -8,7 +8,7 @@
           variant="tonal"
           @click="setBuilding()"
           size="large"
-          v-if="canCreate"
+          v-if="canCreate && canCreateUnit"
         >
           Add Unit
         </v-btn>
@@ -82,7 +82,7 @@
     </v-dialog>
 
     <!-- Preview Dialog -->
-    <v-dialog v-model="dialogPreview" width="450" persistent>
+    <v-dialog v-if="canViewUnitDetails" v-model="dialogPreview" width="450" persistent>
       <v-card width="100%">
         <v-card-text style="max-height: 100vh; overflow-y: auto" class="pb-0">
           <v-row no-gutters v-if="selectedBuildingUnit" class="mb-4">
@@ -133,19 +133,24 @@
                     height="48"
                     v-bind="props"
                     tile
+                    :disabled="!canUpdateUnit && !canDeleteUnit"
                   >
                     More actions
                   </v-btn>
                 </template>
 
                 <v-list class="pa-0">
-                  <v-list-item @click="openEditDialog()">
+                  <v-list-item v-if="canUpdateUnit" @click="openEditDialog()">
                     <v-list-item-title class="text-subtitle-2">
                       Edit Unit
                     </v-list-item-title>
                   </v-list-item>
 
-                  <v-list-item @click="openDeleteDialog()" class="text-red">
+                  <v-list-item
+                    v-if="canDeleteUnit"
+                    @click="openDeleteDialog()"
+                    class="text-red"
+                  >
                     <v-list-item-title class="text-subtitle-2">
                       Delete Unit
                     </v-list-item-title>
@@ -264,6 +269,22 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  canCreateUnit: {
+    type: Boolean,
+    default: true,
+  },
+  canUpdateUnit: {
+    type: Boolean,
+    default: true,
+  },
+  canDeleteUnit: {
+    type: Boolean,
+    default: true,
+  },
+  canViewUnitDetails: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 const site = (useRoute().params.site as string) ?? "";

package/components/BuildingUnitFormAdd.vue

@@ -48,6 +48,89 @@
             </v-row>
           </v-col>
 
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Company Name"
+                    required
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="buildingUnit.companyName"
+                      density="comfortable"
+                      :rules="[requiredRule]"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Company Registration Number"
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="buildingUnit.companyRegistrationNumber"
+                      density="comfortable"
+                      :rules="[]"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Lease Start"
+                    required
+                  />
+                  <v-col cols="12">
+                    <InputDateTimePicker
+                      ref="startDateRef"
+                      v-model="buildingUnit.leaseStart"
+                      :rules="[requiredRule]"
+                    />
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Lease End"
+                    required
+                  />
+                  <v-col cols="12">
+                    <InputDateTimePicker
+                      ref="endDateRef"
+                      v-model="buildingUnit.leaseEnd"
+                      :rules="[requiredRule]"
+                    />
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
           <v-col cols="12" class="mt-2">
             <v-row no-gutters>
               <InputLabel class="text-capitalize" title="Category" required />
@@ -139,8 +222,17 @@
           </v-expand-transition>
 
           <v-col cols="12" class="mt-5">
-            <InputLabel class="text-capitalize" title="Upload Files (Lease of Contract, Cert. of Occupancy)" />
-            <InputFileV2 v-model="buildingUnit.buildingUnitFiles" :multiple="false" :max-length="10" title="Upload PDF Files" accept="application/pdf" />
+            <InputLabel
+              class="text-capitalize"
+              title="Upload Files (Lease of Contract, Cert. of Occupancy)"
+            />
+            <InputFileV2
+              v-model="buildingUnit.buildingUnitFiles"
+              :multiple="false"
+              :max-length="10"
+              title="Upload PDF Files"
+              accept="application/pdf"
+            />
           </v-col>
 
           <v-col cols="12" class="mt-2">
@@ -244,9 +336,16 @@ const buildingUnit = ref<TBuildingUnit>({
   level: "",
   category: "",
   status: "active",
-  buildingUnitFiles: []
+  buildingUnitFiles: [],
+  companyName: "",
+  companyRegistrationNumber: "",
+  leaseStart: "",
+  leaseEnd: "",
 });
 
+const startDateRef = ref<HTMLInputElement | null>(null);
+const expiryDateRef = ref<HTMLInputElement | null>(null);
+
 buildingUnit.value.site = prop.site;
 
 const selectedBuilding = computed(() => {
@@ -284,7 +383,7 @@ const directorName = ref("");
 const createMore = ref(false);
 const disable = ref(false);
 
-const { requiredRule } = useUtils();
+const { requiredRule, validateDate } = useUtils();
 
 const message = ref("");
 
@@ -298,9 +397,13 @@ function setBuildingUnit() {
   buildingUnit.value.level = "";
   buildingUnit.value.category = "";
   buildingUnit.value.status = "active";
-  buildingUnit.value.buildingUnitFiles = []
+  buildingUnit.value.buildingUnitFiles = [];
   buildingUnitQty.value = 1;
   message.value = "";
+  buildingUnit.value.companyName = "";
+  buildingUnit.value.companyRegistrationNumber = "";
+  buildingUnit.value.leaseStart = "";
+  buildingUnit.value.leaseEnd = "";
 }
 
 async function submit() {

package/components/BuildingUnitFormEdit.vue

@@ -60,6 +60,88 @@
             </v-row>
           </v-col>
 
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Company Name"
+                    required
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="buildingUnit.companyName"
+                      density="comfortable"
+                      :rules="[requiredRule]"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Company Registration Number"
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="buildingUnit.companyRegistrationNumber"
+                      density="comfortable"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Lease Start"
+                    required
+                  />
+                  <v-col cols="12">
+                    <InputDateTimePicker
+                      ref="startDateRef"
+                      v-model="buildingUnit.leaseStart"
+                      :rules="[requiredRule]"
+                    />
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12">
+            <v-row>
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Lease End"
+                    required
+                  />
+                  <v-col cols="12">
+                    <InputDateTimePicker
+                      ref="endDateRef"
+                      v-model="buildingUnit.leaseEnd"
+                      :rules="[requiredRule]"
+                    />
+                  </v-col>
+                </v-row>
+              </v-col>
+            </v-row>
+          </v-col>
+
           <v-col cols="12" class="mt-2">
             <v-row no-gutters>
               <InputLabel
@@ -101,8 +183,17 @@
           </v-col>
 
           <v-col cols="12" class="mt-5">
-            <InputLabel class="text-capitalize" title="Upload Files (Lease of Contract, Cert. of Occupancy)" />
-            <InputFileV2 v-model="buildingUnit.buildingUnitFiles" :multiple="false" :max-length="10" title="Upload PDF Files" accept="application/pdf" />
+            <InputLabel
+              class="text-capitalize"
+              title="Upload Files (Lease of Contract, Cert. of Occupancy)"
+            />
+            <InputFileV2
+              v-model="buildingUnit.buildingUnitFiles"
+              :multiple="false"
+              :max-length="10"
+              title="Upload PDF Files"
+              accept="application/pdf"
+            />
           </v-col>
 
           <v-col cols="12" class="my-2">
@@ -143,7 +234,7 @@
             color="black"
             class="text-none"
             size="48"
-            :disabled="!validForm || !hasChanges || disable"
+            :disabled="!validForm || disable"
             @click="submit"
             :loading="disable"
           >
@@ -173,7 +264,11 @@ const prop = defineProps({
       block: null,
       level: 0,
       status: "active",
-      buildingUnitFiles: []
+      buildingUnitFiles: [],
+      companyName: "",
+      companyRegistrationNumber: "",
+      leaseStart: "",
+      leaseEnd: "",
     }),
   },
 });
@@ -188,7 +283,11 @@ const buildingUnit = ref({
   category: "",
   block: null,
   status: "active",
-  buildingUnitFiles: []
+  buildingUnitFiles: [],
+  companyName: "",
+  companyRegistrationNumber: "",
+  leaseStart: "",
+  leaseEnd: "",
 });
 
 buildingUnit.value = JSON.parse(JSON.stringify(prop.roomFacility));
@@ -241,14 +340,15 @@ function arraysAreEqual(a: any[], b: any[]): boolean {
   return a.length === b.length && a.every((val, index) => val === b[index]);
 }
 
-
-
 const hasChanges = computed(() => {
   return (
     prop.roomFacility.name !== buildingUnit.value.name ||
     prop.roomFacility.category !== buildingUnit.value.category ||
-    prop.roomFacility.level !== buildingUnit.value.level || 
-    !arraysAreEqual(prop.roomFacility.buildingUnitFiles, buildingUnit.value.buildingUnitFiles)
+    prop.roomFacility.level !== buildingUnit.value.level ||
+    !arraysAreEqual(
+      prop.roomFacility.buildingUnitFiles,
+      buildingUnit.value.buildingUnitFiles
+    )
   );
 });
 
@@ -259,7 +359,11 @@ async function submit() {
       name: buildingUnit.value.name,
       level: buildingUnit.value.level,
       category: buildingUnit.value.category,
-      buildingUnitFiles: buildingUnit.value.buildingUnitFiles || []
+      buildingUnitFiles: buildingUnit.value.buildingUnitFiles || [],
+      companyName: buildingUnit.value.companyName,
+      companyRegistrationNumber: buildingUnit.value.companyRegistrationNumber || "",
+      leaseStart: buildingUnit.value.leaseStart,
+      leaseEnd: buildingUnit.value.leaseEnd,
     });
 
     emit("success");

package/composables/useCommonPermission.ts

@@ -120,11 +120,88 @@ export function useCommonPermissions() {
     },
   };
 
+  const visitorManagementPermissions: Record<string, TPermission> = {
+    "add-visitor": {
+      check: true,
+      description: "Allows the user to add a new visitor to the system.",
+    },
+    "see-all-visitor": {
+      check: true,
+      description: "Allows the user to view the list of all visitors.",
+    },
+    "see-visitor-details": {
+      check: true,
+      description: "Allows the user to view the details of a specific visitor.",
+    },
+    "update-visitor": {
+      check: true,
+      description: "Allows the user to update visitor details.",
+    },
+    "delete-visitor": {
+      check: true,
+      description:
+        "Allows the user to remove a visitor from the system permanently.",
+    },
+  };
+
+  const buildingManagementPermissions: Record<string, TPermission> = {
+    "add-building": {
+      check: true,
+      description: "Allows the user to add a new building to the system.",
+    },
+    "see-all-buildings": {
+      check: true,
+      description: "Allows the user to view the list of all buildings.",
+    },
+    "see-building-details": {
+      check: true,
+      description:
+        "Allows the user to view the details of a specific building.",
+    },
+    "update-building": {
+      check: true,
+      description: "Allows the user to update building details.",
+    },
+    "delete-building": {
+      check: true,
+      description:
+        "Allows the user to remove a building from the system permanently.",
+    },
+  };
+
+  const buildingUnitManagementPermissions: Record<string, TPermission> = {
+    "add-building-unit": {
+      check: true,
+      description: "Allows the user to add a new building unit to the system.",
+    },
+    "see-all-building-units": {
+      check: true,
+      description: "Allows the user to view the list of all building units.",
+    },
+    "see-building-unit-details": {
+      check: true,
+      description:
+        "Allows the user to view the details of a specific building unit.",
+    },
+    "update-building-unit": {
+      check: true,
+      description: "Allows the user to update building unit details.",
+    },
+    "delete-building-unit": {
+      check: true,
+      description:
+        "Allows the user to remove a building unit from the system permanently.",
+    },
+  };
+
   return {
     invitationPermissions,
     memberPermissions,
     rolePermissions,
     feedbackPermissions,
     workOrderPermissions,
+    visitorManagementPermissions,
+    buildingManagementPermissions,
+    buildingUnitManagementPermissions
   };
 }

package/package.json

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

package/types/building.d.ts

@@ -17,5 +17,9 @@ declare type TBuildingUnit = {
   level: string | null;
   category: string;
   status: string;
-  buildingUnitFiles: string[]
+  buildingUnitFiles: string[];
+  companyName: string;
+  companyRegistrationNumber: number | string;
+  leaseStart: string;
+  leaseEnd: string;
 };