From 85bec1e0e3c5f829a6e961e86b0e228c8da0416a Mon Sep 17 00:00:00 2001
From: Johann Hoffmann <ma0646@technikum-wien.at>
Date: Mon, 11 Nov 2024 15:49:03 +0100
Subject: [PATCH 1/5] section spacing; dashboard widgets section backgrounds;
 set scrollbar width css variable via new helper in FhcApp (Dashboard); WIP
 stundenplan alle Termine einer LV -> c4 link in bfi addon adapted;

---
 public/css/Cis4/Cis.css                   |  2 +-
 public/js/apps/Dashboard/Fhc.js           |  4 ++++
 public/js/components/Dashboard/Section.js | 17 +++++++++----
 public/js/components/Drop/Grid.js         | 16 +++++++++----
 public/js/helpers/CssVarCalcHelpers.js    | 29 +++++++++++++++++++++++
 5 files changed, 58 insertions(+), 10 deletions(-)
 create mode 100644 public/js/helpers/CssVarCalcHelpers.js

diff --git a/public/css/Cis4/Cis.css b/public/css/Cis4/Cis.css
index 2609b0091..5c98ccb1d 100644
--- a/public/css/Cis4/Cis.css
+++ b/public/css/Cis4/Cis.css
@@ -238,7 +238,7 @@ html {
   body {
     display: flex;
     padding-top: var(--fhc-cis-header-height);
-    width: calc(100vw - var(--scrollbar-width, 0px));
+    width: calc(100svw - var(--scrollbar-width, 0px));
     /* overflow: visible !important; */
   }
   #cis-header {
diff --git a/public/js/apps/Dashboard/Fhc.js b/public/js/apps/Dashboard/Fhc.js
index fb338c1ae..b060e1b59 100644
--- a/public/js/apps/Dashboard/Fhc.js
+++ b/public/js/apps/Dashboard/Fhc.js
@@ -1,6 +1,7 @@
 import FhcDashboard from '../../components/Dashboard/Dashboard.js';
 import FhcApi from '../../plugin/FhcApi.js';
 import Phrasen from '../../plugin/Phrasen.js';
+import { setScrollbarWidth } from "../../helpers/CssVarCalcHelpers";
 
 const app = Vue.createApp({
   name: 'FhcApp',
@@ -11,6 +12,9 @@ const app = Vue.createApp({
     FhcDashboard
   }
 });
+
+setScrollbarWidth();
+
 app.config.unwrapInjectedRef = true;
 app.use(FhcApi);
 app.use(Phrasen);
diff --git a/public/js/components/Dashboard/Section.js b/public/js/components/Dashboard/Section.js
index 6c7445b9f..ac11ddd2f 100644
--- a/public/js/components/Dashboard/Section.js
+++ b/public/js/components/Dashboard/Section.js
@@ -31,6 +31,13 @@ export default {
 		}
 	},
 	computed: {
+		getSectionStyle() {
+
+			const bgString = `background: 
+			  linear-gradient(0deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.1) 50%, rgba(128, 128, 128, 0.05) 100%)`
+
+			return 'margin-bottom: 8px;' + bgString;
+		},
 		items() {
 			return this.widgets.map(item => {
 				return { ...item, ...(item.place[this.gridWidth] || {h: 1, w:1, x:0, y:0})};
@@ -170,10 +177,10 @@ export default {
 		});
 	},
 	template: `
-	<div class="dashboard-section" ref="container">
-		<h3 class="d-flex">
-			<span class="col">{{name}}</span>
-			<button class="col-auto btn" @click.prevent="editMode = !editMode"><i class="fa-solid fa-gear"></i></button>
+	<div class="dashboard-section" ref="container" :style="getSectionStyle">
+		<h3>
+			<span >{{$p.t('ui/section' + name)}}</span>
+			<button style="margin-left: 8px;" class="btn" @click="editMode = !editMode"><i class="fa-solid fa-gear"></i></button>
 		</h3>
 		<drop-grid v-model:cols="gridWidth" :items="items" :placeholders="items_placeholders" :active="editMode" :resize-limit="checkResizeLimit" :margin-for-extra-row=".01" @rearrange-items="updatePositions" @gridHeight="gridHeight=$event" >
 			<template #default="item" #default>
@@ -203,4 +210,4 @@ OLD VERSION - ON HOVER
 <template #empty-tile-hover="{x,y}">
 	<div class="empty-tile-hover" @click="$emit('widgetAdd', name, { widget: 1, config: {}, place: {[gridWidth]: {x,y,w:1,h:1}}, custom: 1 })"></div>
 </template>
-*/
+*/
\ No newline at end of file
diff --git a/public/js/components/Drop/Grid.js b/public/js/components/Drop/Grid.js
index a55498eb8..a592c0020 100644
--- a/public/js/components/Drop/Grid.js
+++ b/public/js/components/Drop/Grid.js
@@ -61,6 +61,8 @@ export default {
 			return {
 				'--fhc-dg-row-height': 100/(this.rows + addH) + '%',
 				'--fhc-dg-col-width': 100/this.cols + '%',
+				'--fhc-dg-item-padding-horizontal': '0.5%',
+				'--fhc-dg-item-padding-top': '0.5%',
 				'padding-bottom': 100 * (this.rows + addH)/this.cols + '%'
 			}
 		},
@@ -130,9 +132,12 @@ export default {
 		cols() {
 			this.dragCancel();
 		},
-	    rows(value){
-			this.$emit('gridHeight',value);
-		}, 
+	    rows: {
+			handler(value) {
+				this.$emit('gridHeight', value);
+			},
+			immediate: true
+		},
 		indexedItems: {
 			handler(value) {
 				this.dragCancel();
@@ -366,7 +371,10 @@ export default {
 				top: 'calc(' + item.y + ' * var(--fhc-dg-row-height))',
 				left: 'calc(' + item.x + ' * var(--fhc-dg-col-width))',
 				width: 'calc(' + item.w + ' * var(--fhc-dg-col-width))',
-				height: 'calc(' + item.h + ' * var(--fhc-dg-row-height))'
+				height: 'calc(' + item.h + ' * var(--fhc-dg-row-height))',
+				paddingTop: 'var(--fhc-dg-item-padding-top)',
+				paddingLeft: 'var(--fhc-dg-item-padding-horizontal)',
+				paddingRight: 'var(--fhc-dg-item-padding-horizontal)'
 			}">
 			<template v-slot="item">
 				<slot v-bind="item.data" v-bind="item" :x="item.x" :y="item.y" ></slot>
diff --git a/public/js/helpers/CssVarCalcHelpers.js b/public/js/helpers/CssVarCalcHelpers.js
new file mode 100644
index 000000000..4cfdb6840
--- /dev/null
+++ b/public/js/helpers/CssVarCalcHelpers.js
@@ -0,0 +1,29 @@
+// Create a temporary div element, set styles to ensure it's scrollable and off-screen, get scrollbar width from that
+function getScrollbarWidth() {
+	const div = document.createElement('div');
+
+	div.style.position = 'absolute';
+	div.style.top = '-9999px';
+	div.style.width = '100px';
+	div.style.height = '100px';
+	div.style.overflow = 'scroll';
+
+	document.body.appendChild(div);
+	const scrollbarWidth = div.offsetWidth - div.clientWidth;
+	document.body.removeChild(div);
+
+	return scrollbarWidth;
+}
+
+// Detect the browser and set a CSS variable for the scrollbar width since chrome scrollbars mess with 100vw/vh css
+export function setScrollbarWidth() {
+	const isChromium = /Chrome/.test(navigator.userAgent);
+	const isFirefox = /Firefox/.test(navigator.userAgent);
+
+	if (isChromium) {
+		const width = getScrollbarWidth() + 'px';
+		document.body.style.setProperty('--scrollbar-width', width); // Set the value for Chrome
+	} else if (isFirefox) {
+		document.body.style.setProperty('--scrollbar-width', '0px'); // Set the value for Firefox or adjust as needed
+	}
+}
\ No newline at end of file

From b0cd599999933c430c18c64be36747f3b0df8608 Mon Sep 17 00:00:00 2001
From: Johann Hoffmann <ma0646@technikum-wien.at>
Date: Wed, 13 Nov 2024 10:41:50 +0100
Subject: [PATCH 2/5] WIP stundenplan widget tagesansicht

---
 application/config/routes.php                 |  4 +-
 public/js/apps/Cis/Stundenplan.js             |  5 ++
 .../components/DashboardWidget/Stundenplan.js | 70 ++++++++++++++-----
 3 files changed, 61 insertions(+), 18 deletions(-)

diff --git a/application/config/routes.php b/application/config/routes.php
index bb3337b23..b07497ae7 100644
--- a/application/config/routes.php
+++ b/application/config/routes.php
@@ -62,6 +62,7 @@ $route['api/v1/ressource/[B|b]etriebsmittelperson/(:any)'] = 'api/v1/ressource/b
 $route['api/v1/system/[S|s]prache/(:any)'] = 'api/v1/system/sprache2/$1';
 
 $route['CisVue'] = 'CisVue/dashboard';
+$route['Cis/Stundenplan/(:any)'] = 'Cis/Stundenplan';
 
 // load routes from extensions
 $subdir = 'application/config/extensions';
@@ -83,5 +84,4 @@ if ($dirlist)
 			}
 		}
 	}
-}
-
+}
\ No newline at end of file
diff --git a/public/js/apps/Cis/Stundenplan.js b/public/js/apps/Cis/Stundenplan.js
index cb019952c..2bc3c7d00 100644
--- a/public/js/apps/Cis/Stundenplan.js
+++ b/public/js/apps/Cis/Stundenplan.js
@@ -8,6 +8,7 @@ const app = Vue.createApp({
 	data() {
 		return {
 			stunden: [],
+			lv_id: null,
 			events: null,
 			calendarDate: new CalendarDate(new Date()),
 			currentlySelectedEvent: null,
@@ -34,6 +35,9 @@ const app = Vue.createApp({
 		},
 	},
 	methods:{
+		getLvID: function () {
+			this.lv_id = window.location.pathname
+		},
 		selectDay: function(day){
 			this.currentDay = day;
 		},
@@ -99,6 +103,7 @@ const app = Vue.createApp({
 		},
 	},
 	created(){
+		this.getLvID()
 		this.loadEvents();
 	},
 	//TODO: Stundenplan phrase
diff --git a/public/js/components/DashboardWidget/Stundenplan.js b/public/js/components/DashboardWidget/Stundenplan.js
index 0afdc3845..f8ab1e51d 100644
--- a/public/js/components/DashboardWidget/Stundenplan.js
+++ b/public/js/components/DashboardWidget/Stundenplan.js
@@ -21,7 +21,7 @@ export default {
 			stunden: [],
 			minimized: true,
 			events: null,
-			currentDay: new Date(),
+			currentDay: this.getCurrentDate(),
 			calendarDate: new CalendarDate(new Date()),
 			roomInfoContentID: null,
 			ort_kurzbz: null,
@@ -29,23 +29,51 @@ export default {
 		}
 	},
 	computed: {
-		
+		nextEventsGrouped() {
+			// groups all events of all days until end of week together
+			return new Map((this.events || []).filter(evt => evt.end < this.endOfWeek && evt.start >= this.currentDay).reduce((acc, cur) => {
+				const date = new CalendarDate(new Date(cur.datum))
+				const arr = acc.find(el => el[0].compare(date))
+				if(arr) {
+					arr[1].push(cur)
+				} else {
+					acc.push([date, [cur]])
+				}
+				return acc
+			}, []))
+		},
 		currentEvents() {
-			return (this.events || []).filter(evt => evt.end < this.dayAfterCurrentDay && evt.start >= this.currentDay);
+			return (this.events || []).filter(evt => evt.end < this.dayAfterCurrentDay && evt.start >= this.currentDay)//.sort((e1, e2) => e1.beginn > e2.beginn);
 		},
 		dayAfterCurrentDay() {
 			let currentDay = new Date(this.currentDay);
 			currentDay.setDate(currentDay.getDate() + 1);
 			return currentDay;
 		},
+		endOfWeek() {
+			let endOfWeek = new Date(this.currentDay); //
+			endOfWeek.setDate(this.currentDay.getDate() + (7 - this.currentDay.getDay()));
+			endOfWeek.setHours(23, 59, 59, 999);
+			return endOfWeek;
+		},
 		monthFirstDay: function () {
 			return this.calendarDateToString(this.calendarDate.cdFirstDayOfCalendarMonth);
 		},
 		monthLastDay: function () {
 			return this.calendarDateToString(this.calendarDate.cdLastDayOfCalendarMonth);
-		},
+		}
 	},
 	methods: {
+		getEventStyle: function(evt) {
+			const styles = {'background-color': evt.color};
+			if(evt.start.getTime() < Date.now()) styles.opacity = 0.5;
+			return styles;
+		},
+		getCurrentDate: function() {
+			const today = new Date()
+			today.setHours(0,0,0)
+			return today
+		},
 		calendarDateToString: function (calendarDate) {
 
 			return calendarDate instanceof CalendarDate ?
@@ -127,6 +155,10 @@ export default {
 				this.events = promise_events;
 			});
 		},
+
+		setCalendarMaximized() {
+			this.minimized = false
+		}
 	
 
 	},
@@ -160,23 +192,29 @@ export default {
 	<div class="dashboard-widget-stundenplan d-flex flex-column h-100">
 		<lv-modal v-if="selectedEvent" ref="lvmodal" :event="selectedEvent"  />
 		<content-modal :contentID="roomInfoContentID" :ort_kurzbz="" dialogClass="modal-lg" ref="contentModal"/>
-		<fhc-calendar @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" />
+		<fhc-calendar ref="calendar" @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" />
 		<div v-show="minimized" class="flex-grow-1 overflow-scroll">
 			<div v-if="events === null" class="d-flex h-100 justify-content-center align-items-center">
 				<i class="fa-solid fa-spinner fa-pulse fa-3x"></i>
 			</div>
-			<div v-else-if="currentEvents.length" class="list-group list-group-flush">
-				<div role="button" @click="showLvUebersicht(evt)" class="" v-for="evt in currentEvents" :key="evt.id" class="list-group-item small" :style="{'background-color':evt.color}">
-					<b>{{evt.topic}}</b>
-					<br>
-					<small class="d-flex w-100 justify-content-between">
-						<!-- event modifier stop to prevent opening the modal for the lv Uebersicht when clicking on the ort_kurzbz -->
-						<span @click.stop="showRoomInfoModal(evt.ort_kurzbz)" style="text-decoration:underline" type="button">{{evt.ort_kurzbz}}</span>
-						<span>{{evt.start.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}-{{evt.end.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}</span>
-					</small>
-				</div>
+			<div v-if="nextEventsGrouped.size" class="list-group list-group-flush">
+				<template v-for="([key, value], index) in nextEventsGrouped" :key="index" style="margin-top: 8px;">
+					<div v-if="index > 0" class="card-header d-grid p-0">
+						<button class="btn btn-link link-secondary text-decoration-none" @click="setCalendarMaximized">{{ key.format({dateStyle: "full"})}}</button>
+					</div>
+					<div role="button" @click="showLvUebersicht(evt)" v-for="evt in value" :key="evt.id" class="list-group-item small" :style="getEventStyle(evt)">
+						<b>{{evt.topic}}</b>
+						<br>
+						<small class="d-flex w-100 justify-content-between">
+							<!-- event modifier stop to prevent opening the modal for the lv Uebersicht when clicking on the ort_kurzbz -->
+							<span @click.stop="showRoomInfoModal(evt.ort_kurzbz)" style="text-decoration:underline" type="button">{{evt.ort_kurzbz}}</span>
+							<span>{{evt.start.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}-{{evt.end.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}</span>
+						</small>
+					</div>
+				</template>
 			</div>
-			<div v-else class="d-flex h-100 justify-content-center align-items-center fst-italic text-center">
+		
+			<div v-else-if class="d-flex h-100 justify-content-center align-items-center fst-italic text-center">
 				{{ p.t('lehre/noLvFound') }}
 			</div>
 		</div>

From a94d8d8fa5888b674710d842179ac4d76fb2cc48 Mon Sep 17 00:00:00 2001
From: Johann Hoffmann <ma0646@technikum-wien.at>
Date: Wed, 13 Nov 2024 13:57:37 +0100
Subject: [PATCH 3/5] calendar minimized only using slot; showing whole week in
 stundeplan widget tagesansicht grouped by day; everything in past has 0.5
 opacity

---
 public/js/components/Calendar/Minimized.js    |  3 -
 .../components/DashboardWidget/Stundenplan.js | 60 +++++--------------
 public/js/composables/CalendarDate.js         | 10 ++++
 3 files changed, 26 insertions(+), 47 deletions(-)

diff --git a/public/js/components/Calendar/Minimized.js b/public/js/components/Calendar/Minimized.js
index 71d45f6ba..fc0f96785 100644
--- a/public/js/components/Calendar/Minimized.js
+++ b/public/js/components/Calendar/Minimized.js
@@ -23,9 +23,6 @@ export default {
 	},
 	template: `
 	<div class="fhc-calendar-minimized h-100 d-flex flex-column">
-		<div class="card-header d-grid" :class="classHeader">
-			<button class="btn btn-link link-secondary text-decoration-none" @click="maximize">{{ date.format({dateStyle: ['long','full','full','full'][this.size]}) }}</button>
-		</div>
 		<slot name="minimizedPage"></slot>
 	</div>`
 }
diff --git a/public/js/components/DashboardWidget/Stundenplan.js b/public/js/components/DashboardWidget/Stundenplan.js
index e68fcdebd..dbf485a7b 100644
--- a/public/js/components/DashboardWidget/Stundenplan.js
+++ b/public/js/components/DashboardWidget/Stundenplan.js
@@ -29,18 +29,18 @@ export default {
 		}
 	},
 	computed: {
-		nextEventsGrouped() {
+		allEventsGrouped() {
 			// groups all events of all days until end of week together
-			return new Map((this.events || []).filter(evt => evt.end < this.endOfWeek && evt.start >= this.currentDay).reduce((acc, cur) => {
+			const currentCalendarDate = new CalendarDate(this.currentDay)
+			const mapArr = currentCalendarDate.wholeWorkWeek.map((d) => [new CalendarDate(d), []])
+
+			return new Map((this.events || []).filter(evt => evt.end < currentCalendarDate.lastDayOfWeek && evt.start >= currentCalendarDate.firstDayOfWeek).reduce((acc, cur) => {
 				const date = new CalendarDate(new Date(cur.datum))
 				const arr = acc.find(el => el[0].compare(date))
-				if(arr) {
-					arr[1].push(cur)
-				} else {
-					acc.push([date, [cur]])
-				}
+				arr[1].push(cur)
+				
 				return acc
-			}, []))
+			}, mapArr))
 		},
 		currentEvents() {
 			return (this.events || []).filter(evt => evt.end < this.dayAfterCurrentDay && evt.start >= this.currentDay);
@@ -50,12 +50,6 @@ export default {
 			currentDay.setDate(currentDay.getDate() + 1);
 			return currentDay;
 		},
-		endOfWeek() {
-			let endOfWeek = new Date(this.currentDay); //
-			endOfWeek.setDate(this.currentDay.getDate() + (7 - this.currentDay.getDay()));
-			endOfWeek.setHours(23, 59, 59, 999);
-			return endOfWeek;
-		},
 		monthFirstDay: function () {
 			return this.calendarDateToString(this.calendarDate.cdFirstDayOfCalendarMonth);
 		},
@@ -67,6 +61,7 @@ export default {
 		getEventStyle: function(evt) {
 			const styles = {'background-color': evt.color};
 			if(evt.start.getTime() < Date.now()) styles.opacity = 0.5;
+
 			return styles;
 		},
 		getCurrentDate: function() {
@@ -194,12 +189,15 @@ export default {
 		<content-modal :contentID="roomInfoContentID" :ort_kurzbz="" dialogClass="modal-lg" ref="contentModal"/>
 		<fhc-calendar @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" >
 			<template #minimizedPage >
-				<div class="flex-grow-1 overflow-scroll">
+				<div class="flex-grow-1" style="overflow-y: scroll; overflow-x: hidden">
 					<div v-if="events === null" class="d-flex h-100 justify-content-center align-items-center">
 						<i class="fa-solid fa-spinner fa-pulse fa-3x"></i>
 					</div>
-					<div v-else-if="currentEvents.length" class="list-group list-group-flush">
-						<div role="button" @click="showLvUebersicht(evt)" class="" v-for="evt in currentEvents" :key="evt.id" class="list-group-item small" :style="{'background-color':evt.color}">
+					<template ref="allWeek" v-else-if="allEventsGrouped.size" v-for="([key, value], index) in allEventsGrouped" :key="index" style="margin-top: 8px;">
+						<div class="card-header d-grid p-0">
+							<button class="btn btn-link link-secondary text-decoration-none" @click="setCalendarMaximized">{{ key.format({dateStyle: "full"})}}</button>
+						</div>
+						<div role="button" @click="showLvUebersicht(evt)" v-for="evt in value" :key="evt.id" class="list-group-item small" :style="getEventStyle(evt)">
 							<b>{{evt.topic}}</b>
 							<br>
 							<small class="d-flex w-100 justify-content-between">
@@ -208,39 +206,13 @@ export default {
 								<span>{{evt.start.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}-{{evt.end.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}</span>
 							</small>
 						</div>
-					</div>
+					</template>
 					<div v-else class="d-flex h-100 justify-content-center align-items-center fst-italic text-center">
 						{{ p.t('lehre/noLvFound') }}
 					</div>
 				</div>
 			</template>
 		</fhc-calendar>
-		
-		<fhc-calendar ref="calendar" @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" />
-		<div v-show="minimized" class="flex-grow-1 overflow-scroll">
-			<div v-if="events === null" class="d-flex h-100 justify-content-center align-items-center">
-				<i class="fa-solid fa-spinner fa-pulse fa-3x"></i>
-			</div>
-			<div v-if="nextEventsGrouped.size" class="list-group list-group-flush">
-				<template v-for="([key, value], index) in nextEventsGrouped" :key="index" style="margin-top: 8px;">
-					<div v-if="index > 0" class="card-header d-grid p-0">
-						<button class="btn btn-link link-secondary text-decoration-none" @click="setCalendarMaximized">{{ key.format({dateStyle: "full"})}}</button>
-					</div>
-					<div role="button" @click="showLvUebersicht(evt)" v-for="evt in value" :key="evt.id" class="list-group-item small" :style="getEventStyle(evt)">
-						<b>{{evt.topic}}</b>
-						<br>
-						<small class="d-flex w-100 justify-content-between">
-							<!-- event modifier stop to prevent opening the modal for the lv Uebersicht when clicking on the ort_kurzbz -->
-							<span @click.stop="showRoomInfoModal(evt.ort_kurzbz)" style="text-decoration:underline" type="button">{{evt.ort_kurzbz}}</span>
-							<span>{{evt.start.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}-{{evt.end.toLocaleTimeString(undefined, {hour:'numeric',minute:'numeric'})}}</span>
-						</small>
-					</div>
-				</template>
-			</div>
-		
-			<div v-else-if class="d-flex h-100 justify-content-center align-items-center fst-italic text-center">
-				{{ p.t('lehre/noLvFound') }}
-			</div>
 		</div>
 	</div>`
 }
\ No newline at end of file
diff --git a/public/js/composables/CalendarDate.js b/public/js/composables/CalendarDate.js
index 1b311739c..09bae1f21 100644
--- a/public/js/composables/CalendarDate.js
+++ b/public/js/composables/CalendarDate.js
@@ -68,6 +68,16 @@ class CalendarDate {
 		lastDayOfWeek.setDate(this.d -(lastDayOfWeek.getDay()+7-this.weekStart)%7 +6);
 		return lastDayOfWeek;
 	}
+	get wholeWorkWeek() {
+		const days = []
+		const date = new Date(this.y, this.m, this.d);
+		for(let i = 0; i < 5; i++) {
+			days[i] = new Date(this.y, this.m, this.d)
+			days[i].setDate(this.d -(date.getDay()+7-this.weekStart)%7 + i)
+		}
+		console.log('wholeWorkWeek', days)
+		return days
+	}
 	get cdLastDayOfWeek() {
 		return new CalendarDate(this.lastDayOfWeek);
 	}

From 6613b0ea4032c08ac024c69a110d52ded3c837df Mon Sep 17 00:00:00 2001
From: Johann Hoffmann <ma0646@technikum-wien.at>
Date: Wed, 13 Nov 2024 14:08:58 +0100
Subject: [PATCH 4/5] remove console.log

---
 public/js/composables/CalendarDate.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/public/js/composables/CalendarDate.js b/public/js/composables/CalendarDate.js
index 09bae1f21..95560fbfd 100644
--- a/public/js/composables/CalendarDate.js
+++ b/public/js/composables/CalendarDate.js
@@ -75,7 +75,6 @@ class CalendarDate {
 			days[i] = new Date(this.y, this.m, this.d)
 			days[i].setDate(this.d -(date.getDay()+7-this.weekStart)%7 + i)
 		}
-		console.log('wholeWorkWeek', days)
 		return days
 	}
 	get cdLastDayOfWeek() {

From 5d524c5fda1467a0f2c5962845ca2182d8f47dab Mon Sep 17 00:00:00 2001
From: Johann Hoffmann <ma0646@technikum-wien.at>
Date: Wed, 13 Nov 2024 14:14:11 +0100
Subject: [PATCH 5/5] fix dashboard alert css by adding primevue3 in
 $includeArray in Dashboard view file

---
 application/views/CisVue/Dashboard.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/application/views/CisVue/Dashboard.php b/application/views/CisVue/Dashboard.php
index cf97eacab..4b10d94cc 100644
--- a/application/views/CisVue/Dashboard.php
+++ b/application/views/CisVue/Dashboard.php
@@ -2,6 +2,7 @@
 $includesArray = array(
 	'title' => 'Dashboard',
 	'tabulator5'=>true,
+	'primevue3' => true,
 	'customJSModules' => ['public/js/apps/Dashboard/Fhc.js'],
 	'customCSSs' => [
 		'public/css/components/dashboard.css'