@7365admin1/layer-common 3.0.0 → 3.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @iservice365/layer-common
 
+## 3.0.2
+
+### Patch Changes
+
+- 7fbfe35: Update Layer Common Version
+- 16114ea: Update Layer Common Version
+
+## 3.0.1
+
+### Patch Changes
+
+- a00d5cf: Enhancement on Unit Form
+- a00d5cf: Enhancement on Building Management
+
 ## 3.0.0
 
 ### Major Changes

package/components/AttendanceCheckInOutDialog.vue

@@ -162,7 +162,6 @@ const emit = defineEmits(["saved", "close"]);
 
 const props = defineProps({
   action: { type: String, default: "checkIn" }, // "checkIn" or "checkOut"
-  serviceType: { type: String, default: "" },
 });
 
 const formRef = ref<any>(null);

package/components/BuildingForm.vue

@@ -91,8 +91,10 @@
 
         <v-row no-gutters class="px-6 w-100">
           <v-row no-gutters v-for="(newLevelsItem, index) in newLevelsArray" :key="index" :cols="12" class="w-100">
-            <v-text-field v-model.trim="newLevelsArray[index]" density="comfortable"></v-text-field>
-            <v-col cols="2" class="d-flex align-center pb-5 justify-end">
+            <v-col :cols="prop.mode === 'edit' ? 10 : 12">
+              <v-text-field v-model.trim="newLevelsArray[index]" density="comfortable"></v-text-field>
+            </v-col>
+            <v-col v-if="prop.mode === 'edit'" cols="2" class="d-flex align-center pb-5 justify-end">
               <v-btn icon variant="text" color="error" @click="newLevelsArray.splice(index, 1)">
                 <v-icon icon="mdi-trash-can-outline"></v-icon>
               </v-btn>
@@ -192,6 +194,8 @@
         </v-row>
       </template>
     </ConfirmDialog>
+
+    <Snackbar v-model="deleteLevelToast.show" :text="deleteLevelToast.message" :color="deleteLevelToast.color" />
   </v-card>
 </template>
 
@@ -271,6 +275,12 @@ const loading = reactive({
   deletingLevel: false,
 });
 
+const deleteLevelToast = reactive({
+  show: false,
+  message: "",
+  color: "success" as "success" | "error",
+});
+
 const show = ref(false);
 const confirmDeleteLevelDialog = ref(false);
 const levelPendingDeleteIndex = ref<number | null>(null);
@@ -309,6 +319,12 @@ function closeDeleteLevelPrompt() {
   levelPendingDeleteIndex.value = null;
 }
 
+function showDeleteLevelToast(message: string, color: "success" | "error") {
+  deleteLevelToast.message = message;
+  deleteLevelToast.color = color;
+  deleteLevelToast.show = true;
+}
+
 async function deleteLevelPlaceholder(levelName: string, levelIndex: number) {
   // Placeholder integration for future delete-level API call.
   return { success: true, levelName, levelIndex };
@@ -393,12 +409,12 @@ async function submit() {
 
       console.log('Updating building with levels:', building.value.levels);
 
-      if(JSON.stringify(initialBuildingLevels.value) !== JSON.stringify(building.value.levels)) {
-          await batchUpdateLevels(building.value.levels as { _id: string; name: string }[]);
+      if (JSON.stringify(initialBuildingLevels.value) !== JSON.stringify(building.value.levels)) {
+        await batchUpdateLevels(building.value.levels as { _id: string; name: string }[]);
       }
 
       const newLevels = [...newLevelsArray.value, ...(activeNewLevelInput.value.trim() ? [activeNewLevelInput.value.trim()] : [])];
-      
+
       await updateById(building.value._id ?? "", {
         name: building.value.name,
         block: building.value.block,
@@ -441,11 +457,13 @@ const confirmDeleteLevel = async () => {
   const levelIndex = levelPendingDeleteIndex.value;
   if (levelIndex === null) {
     console.error("No level selected for deletion.");
+    showDeleteLevelToast("No level selected for deletion.", "error");
     return;
   }
   const levelId = building.value.levels[levelIndex]._id;
   if (!levelId) {
     console.error("Level ID is missing. Cannot delete level.");
+    showDeleteLevelToast("Level ID is missing. Cannot delete level.", "error");
     return;
   }
 
@@ -459,10 +477,11 @@ const confirmDeleteLevel = async () => {
       buildingLevels.value = building.value.levels.length;
     }
     emit('refresh')
+    showDeleteLevelToast("Level deleted successfully.", "success");
   } catch (error: any) {
     console.error("Failed to delete level:", error);
-    const message = error.response?._data?.message || "Failed to delete level";
-    message.value = message;
+    const errorMessage = error.response?._data?.message || "Failed to delete level";
+    showDeleteLevelToast(errorMessage, "error");
   } finally {
     loading.deletingLevel = false;
   }

package/components/BuildingManagement/buildings.vue

@@ -41,7 +41,7 @@
 
     <!-- Create Dialog -->
     <v-dialog v-model="createDialog" width="450" persistent>
-      <BuildingForm :site="site" :blocks="items" @cancel="createDialog = false" @success="successCreate()"
+      <BuildingForm :site="site" mode="add" :blocks="items" @cancel="createDialog = false" @success="successCreate()"
         @success:create-more="getBuildings()" />
     </v-dialog> 
 

package/components/BuildingUnitFormAdd.vue

@@ -36,19 +36,19 @@
                         </v-list-item>
                       </template>
                       <template v-slot:selection="{ item }">
-                        {{ buildingUnit.building && `${item?.raw?.name}`  }}
+                        {{ buildingUnit.building && `${item?.raw?.name}` }}
                       </template>
                     </v-autocomplete>
                   </v-col>
                 </v-row>
               </v-col>
 
-              <v-col cols="12" md="6"  class="mt-2">
+              <v-col cols="12" md="6" class="mt-2">
                 <v-row no-gutters>
                   <InputLabel class="text-capitalize" title="Level" required />
                   <v-col cols="12">
-                    <v-select v-model="buildingUnit.level" :items="buildingLevels" item-title="name" item-value="_id" density="comfortable"
-                      :rules="[requiredRule]"></v-select>
+                    <v-select v-model="buildingUnit.level" :items="buildingLevels" item-title="name" item-value="_id"
+                      density="comfortable" :rules="[requiredRule]"></v-select>
                   </v-col>
                 </v-row>
               </v-col>
@@ -174,7 +174,7 @@
                     <v-row>
                       <v-col cols="12">
                         <v-row no-gutters>
-                          <InputLabel class="text-capitalize font-weight-bold" :title="`Unit ${unitLabelIndex + 1}`" />
+                          <!-- <InputLabel class="text-capitalize font-weight-bold" :title="`#${unitLabelIndex + 1}`" /> -->
                           <v-col cols="12">
                             <v-text-field v-model.trim="unitLabels[unitLabelIndex]"
                               density="comfortable"></v-text-field>
@@ -241,6 +241,8 @@
         </v-col>
       </v-row>
     </v-toolbar>
+
+    <Snackbar v-model="messageSnackbar" :text="message" :color="messageColor" />
   </v-card>
 </template>
 
@@ -335,9 +337,17 @@ const disable = ref(false);
 const { requiredRule, validateDate } = useUtils();
 
 const message = ref("");
+const messageSnackbar = ref(false);
+const messageColor = ref("");
 
 const { add, categories: unitCategories } = useBuildingUnit();
 
+function showMessage(msg: string, color: string) {
+  message.value = msg;
+  messageColor.value = color;
+  messageSnackbar.value = true;
+}
+
 function setBuildingUnit() {
   buildingUnit.value.site = prop.site ?? "";
   buildingUnit.value.name = "Unit";
@@ -368,6 +378,7 @@ async function submit() {
     if (createMore.value) {
       setBuildingUnit();
       message.value = "";
+      showMessage("Unit created successfully!", "success");
       emit("success:create-more");
       return;
     }
@@ -376,6 +387,7 @@ async function submit() {
   } catch (error: any) {
     message.value =
       error.response?._data?.message || "Failed to create building";
+    showMessage(message.value, "error");
   } finally {
     disable.value = false;
   }

package/components/DashboardEmptyState.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    class="d-flex flex-column align-center justify-center text-center text-blue-grey-lighten-1"
+    :style="{ minHeight: compact ? '72px' : '140px', gap: '8px' }"
+  >
+    <v-icon icon="mdi-database-search-outline" size="28" />
+    <span class="text-caption font-weight-bold">No data to display</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  compact: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>