@7365admin1/layer-common 3.0.0 → 3.0.2

package/components/DashboardPanel.vue

@@ -0,0 +1,44 @@
+<template>
+  <v-card
+    flat
+    border
+    rounded="lg"
+    class="d-flex flex-column w-100"
+    style="min-height: 200px"
+  >
+    <div class="d-flex align-center justify-space-between pa-5 pb-3">
+      <h2 class="text-body-1 font-weight-black text-blue-grey-darken-4 mb-0">
+        {{ title }}
+      </h2>
+      <v-btn
+        v-if="actionLabel"
+        variant="text"
+        color="primary"
+        size="small"
+        class="text-none font-weight-bold"
+        @click="$emit('action')"
+      >
+        {{ actionLabel }}
+      </v-btn>
+    </div>
+
+    <div class="flex-1-1-100 overflow-y-auto pa-5 pt-0" style="max-height: 400px">
+      <slot />
+    </div>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  title: {
+    type: String,
+    required: true,
+  },
+  actionLabel: {
+    type: String,
+    default: '',
+  },
+});
+
+defineEmits(['action']);
+</script>

package/components/DocumentForm.vue

@@ -125,17 +125,35 @@ const routeParentId = computed(() =>
 );
 const effectiveParentId = computed(() => prop.parentId || routeParentId.value);
 
+function getAttachmentId(attachment: any): string {
+  if (!attachment) return "";
+  if (Array.isArray(attachment)) {
+    const first = attachment[0];
+    if (!first) return "";
+    if (typeof first === "string") return first;
+    return String(first?._id || first?.id || "");
+  }
+  if (typeof attachment === "string") return attachment;
+  return String(attachment?._id || attachment?.id || "");
+}
+
 if (prop.mode === "edit") {
   document.value.name = prop.document.name;
-  document.value.attachment = [prop.document.attachment];
+  
+  const extractedId = getAttachmentId(prop.document.attachment);
+  document.value.attachment = extractedId ? [extractedId] : [];
+  
   document.value.type = prop.document.type;
 }
 
 watch(
   () => document.value.attachment,
-  async (newVal) => {
-    if (newVal && prop.mode !== "edit") {
-      const fileId = Array.isArray(newVal) ? newVal[0] : newVal;
+  async (newVal, oldVal) => {
+    const newId = Array.isArray(newVal) ? newVal[0] : newVal;
+    const oldId = Array.isArray(oldVal) ? oldVal[0] : oldVal;
+
+    if (newId && newId !== oldId) {
+      const fileId = newId;
       const fileData = await getFileById(fileId);
       if (fileData) {
         document.value.name = fileData.data.name;

package/components/DocumentManagement.vue

@@ -177,6 +177,7 @@
     <!-- Create Dialog -->
     <v-dialog v-model="createDialog" width="450" persistent>
       <DocumentForm
+        v-if="createDialog"
         :parent-id="activeParentId"
         @cancel="createDialog = false"
         @success="successCreate()"
@@ -253,6 +254,7 @@
     <!-- Edit Dialog -->
     <v-dialog v-model="editDialog" width="450" persistent>
       <DocumentForm
+        v-if="editDialog"
         mode="edit"
         @cancel="editDialog = false"
         @success="successUpdate()"
@@ -277,13 +279,19 @@
                 <v-col cols="6" class="text-right text-body-1">
                   <NuxtLink
                     v-if="selectedDocument?.attachment && isViewable"
-                    :to="getFileUrl(selectedDocument.attachment)"
+                    :to="
+                      getFileUrl(getAttachmentId(selectedDocument.attachment))
+                    "
                     external
                     target="_blank"
                   >
                     View Document
                   </NuxtLink>
-                  <span v-else-if="selectedDocument?.attachment" class="text-grey" style="opacity: 0.6; cursor: not-allowed;">
+                  <span
+                    v-else-if="selectedDocument?.attachment"
+                    class="text-grey"
+                    style="opacity: 0.6; cursor: not-allowed"
+                  >
                     View Document
                   </span>
                   <span v-else>N/A</span>
@@ -528,6 +536,20 @@ const {
 } = documentService;
 const { getFileUrl } = useFile();
 
+function getAttachmentId(attachment: any): string {
+  if (!attachment) return "";
+
+  if (Array.isArray(attachment)) {
+    const first = attachment[0];
+    if (!first) return "";
+    if (typeof first === "string") return first;
+    return String(first?._id || first?.id || "");
+  }
+  if (typeof attachment === "string") return attachment;
+
+  return String(attachment?._id || attachment?.id || "");
+}
+
 const router = useRouter();
 const route = useRoute();
 
@@ -627,11 +649,26 @@ function formatBytes(bytes = 0) {
   return `${parseFloat((b / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
 }
 
+const KNOWN_FILE_TYPES = new Set(["pdf", "csv", "doc", "docx", "folder", "mixed"]);
+
+function inferDisplayType(doc: any): string {
+  if (doc.type === "folder") return "Folder";
+  // If stored type is a known file format, use it directly
+  const t = String(doc.type || "").toLowerCase().trim();
+  if (t && KNOWN_FILE_TYPES.has(t)) return t;
+  // Otherwise infer from the document name (handles legacy "public" ACL type)
+  const name = String(doc.name || "").toLowerCase();
+  if (name.endsWith(".pdf")) return "pdf";
+  if (name.endsWith(".csv")) return "csv";
+  if (name.endsWith(".docx") || name.endsWith(".doc")) return "doc";
+  return t || "N/A";
+}
+
 const tableItems = computed(() => {
   return items.value.map((doc: any) => ({
     ...doc,
     _raw: doc,
-    file_type: doc.type === "folder" ? "Folder" : doc.type || "N/A",
+    file_type: inferDisplayType(doc),
     file_size:
       doc.type === "folder"
         ? "—"
@@ -664,8 +701,8 @@ const selectedDocument = ref<TDocument>({
 });
 
 const isViewable = computed(() => {
-  const lowerType = String(selectedDocument.value?.type || "").trim().toLowerCase();
-  return ["pdf", "doc", "csv"].includes(lowerType);
+  const effectiveType = inferDisplayType(selectedDocument.value as any).toLowerCase();
+  return ["pdf", "doc", "csv"].includes(effectiveType);
 });
 
 const previewDetails = computed(() => {
@@ -769,7 +806,7 @@ function downloadDocument(document?: TDocument) {
     return;
   }
 
-  const fileUrl = getFileUrl(document.attachment);
+  const fileUrl = getFileUrl(getAttachmentId(document.attachment));
   if (fileUrl) {
     window.open(fileUrl, "_blank", "noopener,noreferrer");
   }

package/components/Editor.vue

@@ -1,19 +1,25 @@
 <template>
   <ClientOnly>
     <v-row no-gutters class="ckeditor-container w-100">
-      <ckeditor v-model="data" :editor="ClassicEditor" :config="config" @ready="onReady" :key="prop.readOnly" />
+      <ckeditor
+        v-model="data"
+        :editor="ClassicEditor"
+        :config="config"
+        @ready="onReady"
+        :key="prop.readOnly"
+      />
     </v-row>
   </ClientOnly>
 </template>
 
 <script setup>
-
 const prop = defineProps({
   readOnly: {
     type: Boolean,
-    required: false
-  }
-})
+    required: false,
+    default: false,
+  },
+});
 import {
   ClassicEditor,
   Essentials,
@@ -25,28 +31,50 @@ import {
   Link,
   Alignment,
   Font,
-} from 'ckeditor5'
-import { Ckeditor } from '@ckeditor/ckeditor5-vue'
-import 'ckeditor5/ckeditor5.css';
+} from "ckeditor5";
+import { Ckeditor } from "@ckeditor/ckeditor5-vue";
+import "ckeditor5/ckeditor5.css";
 
-import 'ckeditor5/ckeditor5.css'
+import "ckeditor5/ckeditor5.css";
 
-const data = defineModel({ required: true, default: "" })
+const data = defineModel({ required: true, default: "" });
 
 const editorInstance = ref(null);
 
 const config = computed(() => ({
-  licenseKey: 'GPL',
-  plugins: [Essentials, Paragraph, Bold, Italic, Heading, List, Alignment, Font],
+  licenseKey: "GPL",
+  plugins: [
+    Essentials,
+    Paragraph,
+    Bold,
+    Italic,
+    Heading,
+    List,
+    Alignment,
+    Font,
+  ],
   toolbar: [
-    'undo', 'redo',
-    '|', 'bold', 'italic',
-    '|', 'fontSize', 'fontColor', 'fontBackgroundColor',
-    '|', 'bulletedList', 'numberedList',
-    '|', 'heading', '|', 'alignment:left', 'alignment:center', 'alignment:right', 'alignment:justify',
+    "undo",
+    "redo",
+    "|",
+    "bold",
+    "italic",
+    "|",
+    "fontSize",
+    "fontColor",
+    "fontBackgroundColor",
+    "|",
+    "bulletedList",
+    "numberedList",
+    "|",
+    "heading",
+    "|",
+    "alignment:left",
+    "alignment:center",
+    "alignment:right",
+    "alignment:justify",
   ],
-}))
-
+}));
 
 function onReady(editor) {
   editorInstance.value = editor;
@@ -56,7 +84,6 @@ function onReady(editor) {
 function toggleReadOnly(isReadOnly) {
   if (!editorInstance.value) return;
 
-
   if (isReadOnly) {
     editorInstance.value.enableReadOnlyMode("view-mode-lock");
   } else {
@@ -70,8 +97,6 @@ watch(
     toggleReadOnly(newVal);
   }
 );
-
-
 </script>
 
 <style scoped>

package/components/MyAttendanceMain.vue

@@ -62,7 +62,6 @@
   <AttendanceCheckInOutDialog
     v-model="dialogShowForm"
     :action="currentAction"
-    :serviceType="props.serviceType"
     @saved="onAttendanceSaved"
     @close="dialogShowForm = false"
   />
@@ -203,7 +202,7 @@ const onAttendanceSaved = async (
   try {
     let response;
     if (currentAction.value === "checkIn") {
-      response = await checkIn(props.site, payload as TAttendanceCheckIn);
+      response = await checkIn(props.site, payload as TAttendanceCheckIn, props.serviceType);
     } else {
       if (!todayAttendance.value?._id) {
         throw new Error("Attendance ID not found");

package/components/VisitorManagement.vue

@@ -1446,8 +1446,8 @@ function generateCSVData(visitors: any[]): string {
     visitor.name || "",
     formatExportTypes(formatType(visitor)) || "",
     visitor.company || "",
-    visitor.block || "",
-    visitor.level || "",
+    visitor.block?.name || "",
+    visitor.level?.name || "",
     visitor.unitName || "",
     visitor.contact || "",
     visitor.plateNumber || "",

package/components/VisitorsReportPreview.vue

@@ -40,8 +40,8 @@
                                 <v-icon icon="mdi-storefront-outline" size="15" />
                                 <span class="text-capitalize" style="word-break: break-word;">{{
                                     formatLocation({
-                                        block: item.block,
-                                        level: item.level,
+                                        block: item.block?.name || "",
+                                        level: item.level?.name,
                                         unit: item.unitName,
                                     })
                                 }}</span>
@@ -182,10 +182,10 @@ watch(getSitesReq, (newData: any) => {
     }
 })
 
-const formatLocation = ({ block, level, unit }: { block: number, level: string, unit: string | TBuildingUnit }) => {
+const formatLocation = ({ block, level, unit }: { block: string, level: string, unit: string | TBuildingUnit }) => {
     const parts = [];
 
-    if (block) parts.push(`Block ${block}`);
+    if (block) parts.push(`${block}`);
     if (level) parts.push(level);
     if (unit) parts.push(unit);
 

package/composables/useAttendance.ts

@@ -37,12 +37,12 @@ export default function useAttendance() {
     });
   }
 
-  function checkIn(site: string, payload: TAttendanceCheckIn) {
+  function checkIn(site: string, payload: TAttendanceCheckIn, serviceType: string = "") {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/attendances/site/${site}/check-in`,
       {
         method: "POST",
-        body: payload,
+        body: { ...payload, serviceType },
       }
     );
   }

package/composables/useDashboard.ts

@@ -1,31 +1,90 @@
-export default function(){
-
-
-      type TGetAllParams = {
-        site?: string;
+export default function () {
+  function getDashboardHygiene(
+    site = "",
+    period: TDashboardValues = "today",
+    serviceType: TServiceType
+  ) {
+    return useNuxtApp().$api<THygieneDashboardData>(
+      `/api/dashboard/serviceType/${serviceType}/site/${site}`,
+      {
+        method: "GET",
+        query: {
+          period,
+        },
       }
+    );
+  }
 
+  function getDashboardHygieneWeeklyActivity(
+    site = "",
+    serviceType: TServiceType = "cleaning_services"
+  ) {
+    return useNuxtApp().$api<THygieneWeeklyActivityItem[]>(
+      `/api/dashboard/serviceType/${serviceType}/site/${site}/weekly-activity`,
+      {
+        method: "GET",
+      }
+    );
+  }
 
+  function getDashboardHygieneTaskSchedule(
+    site = "",
+    serviceType: TServiceType,
+    page = 1,
+    limit = 4
+  ) {
+    return useNuxtApp().$api<
+      THygienePaginatedResponse<THygieneTaskScheduleItem>
+    >(`/api/dashboard/serviceType/${serviceType}/site/${site}/task-schedule`, {
+      method: "GET",
+      query: {
+        page,
+        limit,
+      },
+    });
+  }
 
-    async function getDashboardData({
-   site
-  } : TGetAllParams) {
-    return await useNuxtApp().$api<Record<string, any>>(
-      "/api/dashboard",
+  function getDashboardHygieneAttendance(
+    site = "",
+    serviceType: TServiceType,
+    page = 1,
+    limit = 4
+  ) {
+    return useNuxtApp().$api<THygienePaginatedResponse<THygieneAttendanceItem>>(
+      `/api/dashboard/serviceType/${serviceType}/site/${site}/attendance`,
       {
         method: "GET",
         query: {
-          
+          page,
+          limit,
         },
       }
     );
   }
 
+  function getDashboardHygieneFeedbacks(
+    site = "",
+    serviceType: TServiceType,
+    page = 1,
+    limit = 4
+  ) {
+    return useNuxtApp().$api<THygienePaginatedResponse<THygieneFeedbackItem>>(
+      `/api/dashboard/serviceType/${serviceType}/site/${site}/feedbacks`,
+      {
+        method: "GET",
+        query: {
+          page,
+          limit,
+        },
+      }
+    );
+  }
 
-
-
-    return {
-        getDashboardData,
-  
-    }
-}
+  return {
+    getDashboardHygiene,
+    getDashboardHygieneWeeklyActivity,
+    getDashboardHygieneTaskSchedule,
+    getDashboardHygieneAttendance,
+    getDashboardHygieneFeedbacks,
+  };
+}

package/composables/useDocument.ts

@@ -18,6 +18,7 @@ export default function useDocument() {
       page,
       search,
       limit,
+      type,
       site,
       parentId,
     };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {

package/types/dashboard.d.ts

@@ -1,5 +1,15 @@
 declare type TDashboardValues = "today" | "thisWeek" | "thisMonth";
 
+declare type TServiceType =
+  | "real_estate_developer"
+  | "property_management_agency"
+  | "security_agency"
+  | "cleaning_services"
+  | "mechanical_electrical_services"
+  | "landscaping_services"
+  | "pest_control_services"
+  | "pool_maintenance_services";
+
 declare type TDashboardCardValue = {
   key: string;
   periodKey: string;
@@ -8,4 +18,60 @@ declare type TDashboardCardValue = {
   color: string;
 };
 
+declare type TDashboardMetric = {
+  count?: number;
+  percentage?: number;
+  overdue?: number;
+  inProgress?: number;
+  pending?: number;
+  highSeverity?: number;
+  currentlyOnSite?: number;
+  lowStock?: number;
+  outOfStock?: number;
+  completed?: number;
+  total?: number;
+};
+
+declare type THygieneDashboardData = {
+  openWorkOrder?: TDashboardMetric;
+  supplyAlert?: TDashboardMetric;
+  taskCompleted?: TDashboardMetric;
+};
+
+declare type THygieneWeeklyActivityItem = {
+  day: string;
+  workOrder: number;
+  taskCompleted: number;
+};
+
+declare type THygieneTaskScheduleItem = {
+  _id: string;
+  name: string;
+  type: string;
+  status: string;
+};
+
+declare type THygieneAttendanceItem = {
+  _id: string;
+  name?: string;
+  role?: string;
+  status?: string;
+  [key: string]: any;
+};
+
+declare type THygieneFeedbackItem = {
+  _id: string;
+  subject: string;
+  app: string;
+  description: string;
+  status: string;
+  createdAt: string;
+  createdByName: string;
+};
+
+declare type THygienePaginatedResponse<T> = {
+  items: T[];
+  pages: number;
+  pageRange: string;
+};