[task overview] blocker

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

@@ -48,9 +48,9 @@
 			<template v-slot:event="{ event }">
 				<div class="event-content-wrapper w-100 h-100 d-flex flex-column justify-space-between">
 					<div>
-						<small v-if="event.project_code && (event.end.getTime() - event.start.getTime() >= 7200000)" class="project-code">{{ event.project_code }}</small>
+						<small v-if="event.project_code && (event.end.getTime() - event.start.getTime() >= 7200000) && !event.is_blocker" class="project-code">{{ event.project_code }}</small>
 						<h3>{{ event.title }}</h3>
-						<div v-if="event.end.getTime() - event.start.getTime() >= 7200000" class="d-flex align-center">
+						<div v-if="event.end.getTime() - event.start.getTime() >= 7200000" class="d-flex align-center event-details">
 							<div class="event-initials d-flex justify-center align-center">
 								<small>{{ getUserInitials(event) }}</small>
 							</div>
@@ -125,8 +125,6 @@ export default {
 
 		correctTimecolumnMargin() {
 			const heightOfDayHeader = document.getElementsByClassName('vuecal__heading')[0].clientHeight
-			console.log(heightOfDayHeader)
-			console.log(document.getElementsByClassName('vuecal__time-column')[0].style)
 			document.getElementsByClassName('vuecal__time-column')[0].style.marginTop = `${heightOfDayHeader}px`
 		},
 
@@ -310,15 +308,18 @@ export default {
 				&:focus
 					z-index: 100 !important
 
-				&.red
-					background: #FFC9C9 !important
+				&.event-blocker
+					background: #B00020 !important
 
-				&.green
-					background: #E9FFE5 !important
+					h3,
+					.event-details *
+						color: white !important
+
+					.event-details .event-initials
+						border: 1px solid white
+
+					.event-footer
+						border-top: 1px solid rgba(255, 255, 255, 0.19)
 
-				&.blue
-					background: #DADEF8 !important
 
-				&.yellow
-					background: #F6ECD3 !important
 </style>

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

@@ -69,8 +69,6 @@ export default {
 				time.surname = this.timelineData.surname
 			})
 
-			console.log(this.timelineData.unscheduled_times)
-
 			// format working hours
 			this.config.startHour = Number(this.timelineData.work_hours_from.split(':')[0]) - 1
 			this.config.endHour = Number(this.timelineData.work_hours_to.split(':')[0]) + 1