From af6dcfe0b8108645319145c4100ca335cb408511 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <matej.glasnak@blume.sk>
Date: Thu, 13 Nov 2025 01:22:53 +0100
Subject: [PATCH] fix(calendar): prevent adding timeblocks outside of working
 hours

---
 app/src/plugins/app@vendor/vue-cal/cell.vue | 56 +++++++++++++--------
 1 file changed, 36 insertions(+), 20 deletions(-)

diff --git a/app/src/plugins/app@vendor/vue-cal/cell.vue b/app/src/plugins/app@vendor/vue-cal/cell.vue
index 8025033..7ce3f61 100644
--- a/app/src/plugins/app@vendor/vue-cal/cell.vue
+++ b/app/src/plugins/app@vendor/vue-cal/cell.vue
@@ -282,31 +282,47 @@ export default {
     },
 
     onCellClick(DOMEvent, split) {
-      const dateFrom = split.date;
-      dateFrom.setHours(Math.floor(DOMEvent.offsetY / 100), 0, 0, 0);
-      const dateTo = new Date(dateFrom);
-      dateTo.setHours(dateFrom.getHours() + 1);
+      const allNonWorkingHoursEvents =
+        DOMEvent.target.querySelectorAll('.non-working-event');
 
-      const time = moment(dateFrom).format('HH:mm');
+      const calendarHeight = DOMEvent.target.offsetHeight;
 
-      const isTeamCalendar = this.$route.name === 'Dashboard - Teams';
-      const employee = isTeamCalendar
-        ? split.employee_id
-        : Number(localStorage.getItem('selectedEmployee') || this.user.id);
+      const morningNonWorkingHoursEventHeight =
+        allNonWorkingHoursEvents?.[0]?.offsetHeight || 950;
+      const afternoonNonWorkingHoursEventHeight =
+        allNonWorkingHoursEvents?.[1]?.offsetHeight || 1700;
 
-      this.$events.emit('show-menu-modal', {
-        time,
-        date: tmUtils.formatDateTimeForBackend(dateFrom),
-        employee,
-      });
+      if (
+        // Check if the click is not in the non-working hours events
+        DOMEvent.offsetY > morningNonWorkingHoursEventHeight &&
+        DOMEvent.offsetY < calendarHeight - afternoonNonWorkingHoursEventHeight
+      ) {
+        const dateFrom = split.date;
+        dateFrom.setHours(Math.floor(DOMEvent.offsetY / 100), 0, 0, 0);
+        const dateTo = new Date(dateFrom);
+        dateTo.setHours(dateFrom.getHours() + 1);
 
-      setTimeout(() => {
-        this.$events.emit('add-timeblock', {
-          id: null,
-          start: tmUtils.formatDateTimeForBackend(dateFrom),
-          end: tmUtils.formatDateTimeForBackend(dateTo),
+        const time = moment(dateFrom).format('HH:mm');
+
+        const isTeamCalendar = this.$route.name === 'Dashboard - Teams';
+        const employee = isTeamCalendar
+          ? split.employee_id
+          : Number(localStorage.getItem('selectedEmployee') || this.user.id);
+
+        this.$events.emit('show-menu-modal', {
+          time,
+          date: tmUtils.formatDateTimeForBackend(dateFrom),
+          employee,
         });
-      }, 150);
+
+        setTimeout(() => {
+          this.$events.emit('add-timeblock', {
+            id: null,
+            start: tmUtils.formatDateTimeForBackend(dateFrom),
+            end: tmUtils.formatDateTimeForBackend(dateTo),
+          });
+        }, 150);
+      }
 
       if (!this.isDOMElementAnEvent(DOMEvent.target)) this.selectCell(DOMEvent);
     },