@7365admin1/layer-common 3.0.24 → 3.0.26

package/components/DashboardMain.vue

@@ -1355,7 +1355,16 @@
               :key="item.status"
               class="facility-booking-summary-row"
             >
-              <span class="facility-booking-summary-label">
+              <button
+                v-if="item.status === 'Pending'"
+                class="facility-booking-summary-label facility-booking-summary-label-button"
+                type="button"
+                aria-label="View pending facility bookings"
+                @click="goToFacilityBookingStatus(item.status)"
+              >
+                {{ item.status }}
+              </button>
+              <span v-else class="facility-booking-summary-label">
                 {{ item.status }}
               </span>
               <span class="facility-booking-summary-dots" />
@@ -1533,72 +1542,108 @@ const {
 } = useDashboard();
 
 const { userAppRole } = useLocalSetup();
-const { hasPermission } = usePermission();
-const { dashboardPermissions } = useCommonPermissions();
 const { downloadPDF } = usePDFDownload();
 const route = useRoute();
 
-function canViewWidget(key: string) {
-  if (!userAppRole.value) return true;
-  if (userAppRole.value.permissions?.includes("*")) return true;
-
-  const widgetToModulePermissionMap: Record<string, string[]> = {
-    workOrders: ["work-orders:see-all-work-orders"],
-    incidents: [
-      "incident-reports:see-incident-reports",
-      "incident-reports:see-all-incident-reports",
-    ],
-    visitors: ["visitor:see-all-visitor"],
-    facilityBookings: ["facility-booking:see-all-facility-booking"],
-    patrolCompliance: [
-      "virtual-patrol:see-all-virtual-patrol-logs",
-      "virtual-patrol:see-all-virtual-patrol-route",
-    ],
-    staffStatus: ["attendance:see-all-attendance"],
-    attendance: ["attendance:see-all-attendance"],
-    feedbacks: ["feedbacks:see-all-feedbacks"],
-    upcomingEvents: [
-      "bulletin-boards:see-all-bulletin-boards",
-      "bulletin-board:see-all-bulletin-board",
-    ],
-    workOrderStatus: ["work-orders:see-all-work-orders"],
-    activePatrol: [
-      "virtual-patrol:see-all-virtual-patrol-logs",
-      "virtual-patrol:see-all-virtual-patrol-route",
-    ],
-    taskSchedule: ["cleaning-schedule-mgmt:see-all-schedules"],
-  };
+const dashboardWidgetPermissions: Record<string, string> = {
+  activity: "dashboard:view-activity",
+  recentActivity: "dashboard:view-activity",
+  taskSchedule: "dashboard:view-task-schedule",
+  staffStatus: "dashboard:view-attendance-widget",
+  attendance: "dashboard:view-attendance-widget",
+  feedbacks: "dashboard:view-feedbacks-widget",
+  workOrderStatus: "dashboard:view-work-order-status",
+  activePatrol: "dashboard:view-active-patrol",
+  upcomingEvents: "dashboard:view-upcoming-events",
+  todayReminders: "dashboard:view-today-reminders",
+  todayAttentions: "dashboard:view-today-attentions",
+};
 
-  const modulePerms = widgetToModulePermissionMap[key];
-  if (
-    modulePerms &&
-    modulePerms.some((p) => userAppRole.value.permissions?.includes(p))
-  ) {
-    return true;
-  }
+const propertyWidgetPermissions: Record<string, string[]> = {
+  workOrders: ["workOrder:see-all-work-orders"],
+  incidents: ["incident-reports:see-incident-reports"],
+  visitors: ["visitorManagement:see-all-visitor"],
+  facilityBookings: ["facility-booking-mgmt:see-all-facility-booking"],
+  activity: ["workOrder:see-all-work-orders"],
+  upcomingEvents: ["event-mgmt:see-all-event"],
+  todayReminders: ["event-mgmt:see-all-event"],
+  todayAttentions: [
+    "incident-reports:see-incident-reports",
+    "facility-booking-mgmt:see-all-facility-booking",
+  ],
+  workOrderStatus: ["workOrder:see-all-work-orders"],
+  feedbacks: ["feedbacks:see-all-feedback"],
+  activePatrol: ["virtual-patrol:see-all-virtual-patrol-logs"],
+};
 
-  const actionMap: Record<string, string> = {
-    activity: "view-activity",
-    taskSchedule: "view-task-schedule",
-    staffStatus: "view-attendance-widget",
-    attendance: "view-attendance-widget",
-    feedbacks: "view-feedbacks-widget",
-    upcomingEvents: "view-upcoming-events",
-    todayReminders: "view-today-reminders",
-    todayAttentions: "view-today-attentions",
-    workOrderStatus: "view-work-order-status",
-    activePatrol: "view-active-patrol",
-  };
+const moduleWidgetPermissions: Record<string, string[]> = {
+  openWorkOrder: [
+    "work_order:see-all-work-orders",
+    "work-order:see-all-work-orders",
+    "work-orders:see-all-work-orders",
+  ],
+  workOrders: [
+    "work_order:see-all-work-orders",
+    "work-order:see-all-work-orders",
+    "work-orders:see-all-work-orders",
+  ],
+  taskSchedule: [
+    "cleaning-schedule-mgmt:see-all-schedules",
+    "schedule-task-mgmt:see-all-schedule-tasks",
+  ],
+  taskCompleted: [
+    "cleaning-schedule-mgmt:see-all-schedules",
+    "schedule-task-mgmt:see-all-schedule-tasks",
+  ],
+  staffStatus: ["attendance-mgmt:see-all-attendance"],
+  attendance: ["attendance-mgmt:see-all-attendance"],
+  supplyAlert: ["supply-mgmt:see-all-supplies"],
+  feedbacks: [
+    "feedbacks:see-all-feedback",
+    "feedback:see-all-feedback",
+    "feedbacks:see-all-feedbacks",
+  ],
+  incidents: [
+    "incident-reports:see-incident-reports",
+    "incident-reports:see-all-incident-reports",
+  ],
+  visitors: ["visitor:see-all-visitor"],
+  facilityBookings: ["facility-booking:see-all-facility-booking"],
+  patrolCompliance: [
+    "virtual-patrol:see-all-virtual-patrol-logs",
+    "virtual-patrol:see-all-virtual-patrol-route",
+  ],
+  activePatrol: ["virtual-patrol:see-all-virtual-patrol-logs"],
+};
+
+function canViewWidget(key: string) {
+  const permissions = userAppRole.value?.permissions;
+  const dashboardPermission = dashboardWidgetPermissions[key];
+  const modulePermissions = isPropertyMode.value
+    ? propertyWidgetPermissions[key]
+    : moduleWidgetPermissions[key];
+
+  if (!permissions) return true;
+  if (permissions.includes("*")) return true;
+
+  if (isPropertyMode.value && modulePermissions) {
+    return modulePermissions.some((permission) =>
+      permissions.includes(permission)
+    );
+  }
 
-  const action = actionMap[key];
-  if (!action) return true;
+  if (dashboardPermission || modulePermissions) {
+    return (
+      (dashboardPermission && permissions.includes(dashboardPermission)) ||
+      Boolean(
+        modulePermissions?.some((permission) =>
+          permissions.includes(permission)
+        )
+      )
+    );
+  }
 
-  return hasPermission(
-    userAppRole.value,
-    { dashboard: dashboardPermissions },
-    "dashboard",
-    action
-  );
+  return true;
 }
 
 // ─── State ────────────────────────────────────────────────────────────────────
@@ -2294,6 +2339,12 @@ function openFacilityBookingDialog() {
   facilityBookingDialog.value = true;
 }
 
+function goToFacilityBookingStatus(status: string) {
+  if (status !== "Pending" || !props.orgId || !props.site) return;
+  facilityBookingDialog.value = false;
+  router.push(`${dashboardPath("facility/bookings")}?tab=Pending`);
+}
+
 function normalizeFacilityBookingStatus(status: unknown) {
   const value = String(status || "").trim();
   return value === "For Refund" ? "With Refund" : value;
@@ -4233,6 +4284,19 @@ function formatDashboardTime(value?: string) {
   line-height: 1.25;
 }
 
+.facility-booking-summary-label-button {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  padding: 0;
+  text-align: left;
+}
+
+.facility-booking-summary-label-button:hover {
+  text-decoration: underline;
+}
+
 .facility-booking-summary-dots {
   border-bottom: 2px dotted #9aa3ad;
   display: block;

package/components/DocumentManagement.vue

@@ -163,13 +163,47 @@
 
         <template #item.action="{ item }">
           <v-btn
+            v-if="!isFolderItem(item._raw)"
             variant="flat"
             class="table-download-btn text-none"
             @click.stop="downloadDocument(item._raw)"
-            :disabled="isFolderItem(item._raw)"
           >
             Download
           </v-btn>
+
+          <v-menu
+            v-else
+            v-model="folderActionMenu[item._raw._id]"
+            location="bottom end"
+            offset="6"
+          >
+            <template #activator="{ props }">
+              <v-btn
+                v-bind="props"
+                icon="mdi-dots-vertical"
+                variant="text"
+                size="small"
+                density="comfortable"
+                class="folder-action-btn"
+                @click.stop
+              />
+            </template>
+
+            <v-list class="folder-action-list pa-0">
+              <v-list-item
+                class="folder-action-item"
+                @click.stop="openEditFolderDialog(item._raw)"
+              >
+                <v-list-item-title class="text-body-2">Edit</v-list-item-title>
+              </v-list-item>
+              <v-list-item
+                class="folder-action-item"
+                @click.stop="openDeleteFolderDialog(item._raw)"
+              >
+                <v-list-item-title class="text-body-2">Delete</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
         </template>
       </TableV3>
     </v-col>
@@ -251,6 +285,129 @@
       </v-card>
     </v-dialog>
 
+    <!-- Edit Folder Dialog -->
+    <v-dialog v-model="editFolderDialog" width="450" persistent>
+      <v-card width="100%" class="folder-dialog-card">
+        <v-toolbar class="pa-0 folder-dialog-toolbar" density="compact">
+          <v-row no-gutters class="w-100">
+            <v-col cols="12" class="pa-4">
+              <span class="font-weight-medium text-h6">Edit Folder</span>
+            </v-col>
+          </v-row>
+        </v-toolbar>
+
+        <v-card-text style="max-height: 100vh; overflow-y: auto" class="pa-0">
+          <v-form v-model="validEditFolderForm">
+            <v-col cols="12" class="px-6 pt-5">
+              <InputLabel title="Folder Title" />
+              <v-text-field
+                v-model.trim="editFolderTitle"
+                density="comfortable"
+                variant="outlined"
+                :rules="[(v) => !!v || 'Folder title is required']"
+                hide-details="auto"
+              />
+            </v-col>
+
+            <v-col cols="12" class="px-6 pb-5">
+              <InputLabel title="Remarks (Optional)" />
+              <v-textarea
+                v-model.trim="editFolderRemarks"
+                density="comfortable"
+                variant="outlined"
+                rows="3"
+                placeholder="Enter remarks"
+                hide-details
+              />
+            </v-col>
+          </v-form>
+        </v-card-text>
+
+        <v-toolbar class="pa-0" density="compact">
+          <v-row no-gutters class="w-100">
+            <v-col cols="6" class="pa-0">
+              <v-btn
+                block
+                variant="text"
+                class="text-none"
+                size="large"
+                @click="editFolderDialog = false"
+                :disabled="folderUpdateLoading"
+                height="48"
+              >
+                Cancel
+              </v-btn>
+            </v-col>
+            <v-col cols="6" class="pa-0">
+              <v-btn
+                block
+                color="black"
+                variant="flat"
+                class="text-none"
+                size="large"
+                @click="handleApplyFolderEdit"
+                :loading="folderUpdateLoading"
+                height="48"
+              >
+                Apply
+              </v-btn>
+            </v-col>
+          </v-row>
+        </v-toolbar>
+      </v-card>
+    </v-dialog>
+
+    <!-- Delete Folder Dialog -->
+    <v-dialog v-model="deleteFolderDialog" width="450" persistent>
+      <v-card width="100%" class="folder-dialog-card">
+        <v-toolbar density="compact" class="pl-4 folder-dialog-toolbar">
+          <span class="font-weight-medium text-h6">Delete Folder</span>
+        </v-toolbar>
+
+        <v-card-text class="px-6 py-5">
+          <p class="text-subtitle-2 font-weight-medium mb-4">
+            Are you sure you want to permanently delete this folder?
+          </p>
+          <p class="text-body-2 text-grey-darken-1 mb-0">
+            This action cannot be undone and the folder will be removed
+            permanently from the system.
+          </p>
+        </v-card-text>
+
+        <v-toolbar density="compact" class="pa-0">
+          <v-row no-gutters class="w-100">
+            <v-col cols="6" class="pa-0">
+              <v-btn
+                tile
+                block
+                height="48"
+                variant="text"
+                class="text-none"
+                @click="deleteFolderDialog = false"
+                :disabled="folderDeleteLoading"
+              >
+                Cancel
+              </v-btn>
+            </v-col>
+            <v-col cols="6" class="pa-0">
+              <v-btn
+                tile
+                block
+                height="48"
+                color="black"
+                variant="flat"
+                class="text-none"
+                @click="handleDeleteFolderUiConfirm"
+                :loading="folderDeleteLoading"
+              >
+                Confirm
+              </v-btn>
+            </v-col>
+          </v-row>
+        </v-toolbar>
+      </v-card>
+    </v-dialog>
+
     <!-- Edit Dialog -->
     <v-dialog v-model="editDialog" width="450" persistent>
       <DocumentForm
@@ -531,6 +688,8 @@ const documentService = useDocument();
 const {
   getAll: _getAllDocuments,
   deleteById,
+  deleteFolderById,
+  updateFolderById,
   createFolder,
   create,
 } = documentService;
@@ -689,6 +848,17 @@ const folderTitle = ref("");
 const folderRemarks = ref("");
 const folderLoading = ref(false);
 const validFolderForm = ref(false);
+const folderActionMenu = ref<Record<string, boolean>>({});
+const selectedFolder = ref<(Partial<TDocument> & Record<string, any>) | null>(
+  null
+);
+const editFolderDialog = ref(false);
+const deleteFolderDialog = ref(false);
+const folderUpdateLoading = ref(false);
+const folderDeleteLoading = ref(false);
+const editFolderTitle = ref("");
+const editFolderRemarks = ref("");
+const validEditFolderForm = ref(false);
 
 // fileTypes and selectedFileType are declared above to allow
 // the fetch to include the selected filter.
@@ -849,6 +1019,98 @@ function openCreateFolderDialog() {
   createFolderDialog.value = true;
 }
 
+function closeFolderActionMenu(folderId?: string) {
+  if (!folderId) {
+    return;
+  }
+
+  folderActionMenu.value[folderId] = false;
+}
+
+function openEditFolderDialog(
+  folder: Partial<TDocument> & Record<string, any>
+) {
+  selectedFolder.value = {
+    ...folder,
+    parentId: folder.parentId || activeParentId.value,
+  };
+  editFolderTitle.value = String(folder.name || "");
+  editFolderRemarks.value = String(folder.remarks || "");
+  editFolderDialog.value = true;
+  closeFolderActionMenu(String(folder._id || ""));
+}
+
+function openDeleteFolderDialog(
+  folder: Partial<TDocument> & Record<string, any>
+) {
+  selectedFolder.value = folder;
+  deleteFolderDialog.value = true;
+  closeFolderActionMenu(String(folder._id || ""));
+}
+
+async function handleApplyFolderEdit() {
+  const folderId = String(selectedFolder.value?._id || "");
+
+  if (!folderId) {
+    showMessage("Failed to update folder", "error");
+    return;
+  }
+
+  if (!editFolderTitle.value) {
+    showMessage("Folder title is required", "error");
+    return;
+  }
+
+  folderUpdateLoading.value = true;
+  try {
+    const response: any = await updateFolderById(folderId, {
+      name: editFolderTitle.value,
+      remarks: editFolderRemarks.value,
+      parentId: selectedFolder.value?.parentId || activeParentId.value,
+    });
+
+    showMessage(
+      response?.message || "Folder updated successfully!",
+      "success"
+    );
+    await getDocuments();
+    selectedFolder.value = null;
+    editFolderDialog.value = false;
+  } catch (error: any) {
+    showMessage(
+      error?.response?._data?.message || "Failed to update folder",
+      "error"
+    );
+  } finally {
+    folderUpdateLoading.value = false;
+  }
+}
+
+async function handleDeleteFolderUiConfirm() {
+  const folderId = String(selectedFolder.value?._id || "");
+
+  if (!folderId) {
+    showMessage("Failed to delete folder", "error");
+    return;
+  }
+
+  folderDeleteLoading.value = true;
+  try {
+    const response = await deleteFolderById(folderId);
+    showMessage(response.message || "Folder deleted successfully!", "success");
+    await getDocuments();
+    selectedFolder.value = null;
+    deleteFolderDialog.value = false;
+  } catch (error: any) {
+    showMessage(
+      error?.response?._data?.message || "Failed to delete folder",
+      "error"
+    );
+  } finally {
+    folderDeleteLoading.value = false;
+  }
+}
+
 async function handleCreateFolder() {
   if (!folderTitle.value) {
     showMessage("Folder title is required", "error");
@@ -977,4 +1239,35 @@ function selectFileType(type: string) {
   border-radius: 8px;
   background: #fafafa;
 }
+
+.folder-action-btn {
+  color: #38475a;
+}
+
+.folder-action-list {
+  min-width: 180px;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.22);
+  overflow: hidden;
+}
+
+.folder-action-item {
+  min-height: 40px;
+  border-bottom: 1px solid #eef0f2;
+  color: #38475a;
+}
+
+.folder-action-item:last-child {
+  border-bottom: none;
+}
+
+.folder-dialog-card {
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.folder-dialog-toolbar {
+  border-bottom: 1px solid #eef0f2;
+}
 </style>