[timeline] farebne odlisenie vikendov

app/src/plugins/tm@dashboard/_components/z-timeline.vue

@@ -37,7 +37,7 @@
 						<p class="day-name" >{{ split.date.toLocaleDateString('en-EN', { weekday: 'long' }) }}</p>
 					</span>
 
-					<div v-if="split.unscheduledTime && split.initials" class="unscheduled-time d-flex align-center text-left">
+					<div v-if="split.unscheduledTime && split.initials" class="unscheduled-time d-flex align-center text-left" :class="{'vuecal__cell-split--weekend': split.isWeekend}">
 						<div class="unscheduled-time-initials d-flex align-center justify-center me-4">
 							<p>{{split.initials}}</p>
 						</div>
@@ -356,6 +356,11 @@ export default {
 				.vuecal__cell--highlighted,
 				.vuecal__cell--selected
 					background-color: white
+					border-radius: 16px
+
+				.vuecal__cell-split--weekend
+					background-color: #F2E7FE !important
+					border-radius: 16px
 
 				// EVENT
 

app/src/plugins/tm@dashboard/tasks/tasks.vue

@@ -56,11 +56,17 @@ export default {
 					name: this.timelineData.name + " " + this.timelineData.surname,
 					initials: this.timelineData.name.charAt(0).toUpperCase() + this.timelineData.surname.charAt(0).toUpperCase(),
 					unscheduledTime: Math.floor(this.timelineData.unscheduled_times[i].time / 60) + "," + String(this.timelineData.unscheduled_times[i].time % 60)[0],
-					date: addDays(date, i)
+					date: addDays(date, i),
+					isWeekend: this.isWeekend(addDays(date, i))
 				})
 			}
 		},
 
+		isWeekend(date) {
+			if (date.getDay() == 6 || date.getDay() == 0) return true
+			return false
+		},
+
 		formatTimelineDataToTimelineFormat(date) {
 			// format events
 			this.timelineData.tasks.forEach(event => {