@7365admin1/layer-common 3.0.17 → 3.0.18

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 3.0.18
+
+### Patch Changes
+
+- 8cf0029: Update Package Version release
+
 ## 3.0.17
 
 ### Patch Changes

package/components/DashboardMain.vue

@@ -3547,10 +3547,10 @@ async function exportDashboard(format: "PDF" | "Word") {
       }
 
       if (isHygieneMode.value) {
+        wordHtml += `<div class="section-title">${primaryListConfig.value.title}</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Task Title</th><th>Description / Subtitle</th><th>Assigned Staff</th><th>Time</th><th>Status</th></tr></thead><tbody>`;
         if (taskScheduleItems.value.length > 0) {
-          wordHtml += `<div class="section-title">${primaryListConfig.value.title}</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Task Title</th><th>Description / Subtitle</th><th>Assigned Staff</th><th>Time</th><th>Status</th></tr></thead><tbody>`;
           taskScheduleItems.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.title}</strong></td>
@@ -3562,13 +3562,15 @@ async function exportDashboard(format: "PDF" | "Word") {
               )}">${item.status || ""}</span></td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="5" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
 
+        wordHtml += `<div class="section-title">Staff's Total Attendance</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Staff Name</th><th>Role</th><th>Total Hours</th></tr></thead><tbody>`;
         if (staffStatusItems.value.length > 0) {
-          wordHtml += `<div class="section-title">Staff's Total Attendance</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Staff Name</th><th>Role</th><th>Total Hours</th></tr></thead><tbody>`;
           staffStatusItems.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.name}</strong></td>
@@ -3576,69 +3578,79 @@ async function exportDashboard(format: "PDF" | "Word") {
               <td>${item.totalHours || 0} hrs</td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="3" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
       }
 
       if (isPropertyMode.value) {
+        wordHtml += `<div class="section-title">Upcoming Events</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Event Title</th><th>Description / Subtitle</th></tr></thead><tbody>`;
         if (upcomingEvents.value.length > 0) {
-          wordHtml += `<div class="section-title">Upcoming Events</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Event Title</th><th>Description / Subtitle</th></tr></thead><tbody>`;
           upcomingEvents.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.title}</strong></td>
               <td>${item.subtitle || ""}</td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="2" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
 
+        wordHtml += `<div class="section-title">Today's Reminder</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Reminder</th><th>Details / Subtitle</th></tr></thead><tbody>`;
         if (todayReminders.value.length > 0) {
-          wordHtml += `<div class="section-title">Today's Reminder</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Reminder</th><th>Details / Subtitle</th></tr></thead><tbody>`;
           todayReminders.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.title}</strong></td>
               <td>${item.subtitle || ""}</td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="2" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
 
+        wordHtml += `<div class="section-title">Today's Attentions</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Attention</th><th>Details / Subtitle</th></tr></thead><tbody>`;
         if (todayAttentions.value.length > 0) {
-          wordHtml += `<div class="section-title">Today's Attentions</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Attention</th><th>Details / Subtitle</th></tr></thead><tbody>`;
           todayAttentions.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.title}</strong></td>
               <td>${item.subtitle || ""}</td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="2" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
 
+        wordHtml += `<div class="section-title">Work Order Status</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Status</th><th>Count / Value</th></tr></thead><tbody>`;
         if (workOrderStatus.value.length > 0) {
-          wordHtml += `<div class="section-title">Work Order Status</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Status</th><th>Count / Value</th></tr></thead><tbody>`;
           workOrderStatus.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.label}</strong></td>
               <td>${item.value || 0}</td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="2" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
       }
 
       if (isSecurityMode.value) {
+        wordHtml += `<div class="section-title">Active Patrol</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Patrol Route</th><th>Location</th><th>Assigned Officer</th><th>Status</th></tr></thead><tbody>`;
         if (activePatrolItems.value.length > 0) {
-          wordHtml += `<div class="section-title">Active Patrol</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Patrol Route</th><th>Location</th><th>Assigned Officer</th><th>Status</th></tr></thead><tbody>`;
           activePatrolItems.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${item.title || item.name}</strong></td>
@@ -3649,13 +3661,15 @@ async function exportDashboard(format: "PDF" | "Word") {
               )}">${item.status || ""}</span></td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="4" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
 
+        wordHtml += `<div class="section-title">Staff Status</div>`;
+        wordHtml += `<table class="data-table">`;
+        wordHtml += `<thead><tr><th>Officer Name</th><th>Role / Designation</th><th>Status</th></tr></thead><tbody>`;
         if (securityStaffItems.value.length > 0) {
-          wordHtml += `<div class="section-title">Staff Status</div>`;
-          wordHtml += `<table class="data-table">`;
-          wordHtml += `<thead><tr><th>Officer Name</th><th>Role / Designation</th><th>Status</th></tr></thead><tbody>`;
           securityStaffItems.value.forEach((item) => {
             wordHtml += `<tr>
               <td><strong>${
@@ -3667,14 +3681,16 @@ async function exportDashboard(format: "PDF" | "Word") {
               )}">${item.status || "On duty"}</span></td>
             </tr>`;
           });
-          wordHtml += `</tbody></table>`;
+        } else {
+          wordHtml += `<tr><td colspan="3" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
         }
+        wordHtml += `</tbody></table>`;
       }
 
+      wordHtml += `<div class="section-title">Feedbacks</div>`;
+      wordHtml += `<table class="data-table">`;
+      wordHtml += `<thead><tr><th>Title</th><th>Description / Category</th><th>Reporter / Person</th><th>Status</th></tr></thead><tbody>`;
       if (feedbackItems.value.length > 0) {
-        wordHtml += `<div class="section-title">Feedbacks</div>`;
-        wordHtml += `<table class="data-table">`;
-        wordHtml += `<thead><tr><th>Title</th><th>Description / Category</th><th>Reporter / Person</th><th>Status</th></tr></thead><tbody>`;
         feedbackItems.value.forEach((item) => {
           wordHtml += `<tr>
             <td><strong>${item.title}</strong></td>
@@ -3685,8 +3701,10 @@ async function exportDashboard(format: "PDF" | "Word") {
             )}">${item.status || "To-Do"}</span></td>
           </tr>`;
         });
-        wordHtml += `</tbody></table>`;
+      } else {
+        wordHtml += `<tr><td colspan="4" style="padding: 10px; text-align: center; color: #64748b;">No data available</td></tr>`;
       }
+      wordHtml += `</tbody></table>`;
 
       wordHtml += `
 </body>

package/composables/useVehicle.ts

@@ -121,7 +121,7 @@ export default function useVehicle() {
             color = "grey"
             break;
         case 'inactive':
-            label = "Deleted"
+            label = "Inactive"
             color = "grey"
             break;
         default:

package/package.json

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