Merge pull request #7057 from christianbeeznest/GH-7050

Attendance: Add tablet/fullscreen view and routing; wire icon action; single-date save flow - refs #7050

Author: christianbeeznest

assets/vue/router/attendance.js

@@ -44,5 +44,11 @@ export default {
       path: ":id?/export/pdf",
       component: () => import("../views/attendance/AttendanceExport.vue"),
     },
+    {
+      name: "AttendanceSheetTablet",
+      path: ":id/sheet/:calendarId/tablet",
+      component: () => import("../views/attendance/AttendanceSheetTablet.vue"),
+      meta: { breadcrumb: "Tablet view" },
+    },
   ],
 }

assets/vue/services/attendanceService.js

@@ -269,4 +269,11 @@ export default {
       throw error
     }
   },
+
+  getDateSheet: async (attendanceId, calendarId, { cid, sid, gid }) => {
+    const res = await axios.get(`/attendance/${attendanceId}/date/${calendarId}/sheet`, {
+      params: { cid, sid, gid },
+    })
+    return res.data
+  },
 }

assets/vue/views/attendance/AttendanceSheetList.vue

@@ -784,7 +784,7 @@ const initializeColumnLocks = (dates) => {
     filteredAttendanceSheets.value.forEach((user) => {
       const key = `${user.id}-${date.id}`
       if (attendanceData.value[key] === undefined) {
-        attendanceData.value[key] = 1
+        attendanceData.value[key] = null
       }
     })
   })
@@ -974,7 +974,25 @@ const closeSignatureDialog = () => {
 }
 
 const viewForTablet = (dateId) => {
-  console.log(`View for tablet clicked for date ID: ${dateId}`)
+  if (!router.hasRoute("AttendanceSheetTablet")) {
+    console.error("[Attendance] Missing route: AttendanceSheetTablet")
+    alert("Tablet route is not registered. Check router config.")
+    return
+  }
+
+  const isLockedForDate = isColumnLocked(dateId)
+
+  router.push({
+    name: "AttendanceSheetTablet",
+    params: { node: route.params.node, id: route.params.id, calendarId: dateId },
+    query: {
+      cid,
+      sid,
+      gid,
+      readonly: route.query.readonly ?? "0",
+      locked: isLockedForDate ? "1" : "0",
+    },
+  })
 }
 
 const exportToPdf = async () => {