From b37e91663a3cd27262d981a8ca0c78ba7829baf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 18 Feb 2025 10:06:01 +0100
Subject: [PATCH] Feat(Office365) Changed Office 365 event color to Blue.
 Removed deadline from Office 365 blocker event.

---
 .../tm@dashboard/_components/a-timeline-event.vue      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue b/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue
index 3b5d75d..6eb91ca 100644
--- a/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue
+++ b/app/src/plugins/tm@dashboard/_components/a-timeline-event.vue
@@ -10,7 +10,7 @@
 		<div v-else-if="['subtask', 'blocker', 'adhoc', 'vacation', 'free_day', 'office365', 'office365_blocker'].includes(event.type)" class="custom-event-body colWidth h-100 d-flex flex-column justify-space-between" :class="subtaskCssClass" :style="{ backgroundColor: eventColor.backgroundColor, color: eventColor.color }">
 			<div class="event-content" :class="{ 'is-blocker': props.event.isBlocker }">
 				<template v-if="['subtask', 'office365'].includes(event.type)">
-					<small v-if="props.event.subtask.project_code" class="project-code">{{ props.event.subtask.project_code }}</small>
+					<small v-if="props.event.subtask.project_code" class="project-code" :style="{ color: eventColor.color }">{{ props.event.subtask.project_code }}</small>
 					<h3 class="text-inherit">{{ props.event.subtask.title ?? props.event.subtask.master_task?.name ?? props.event.subtask.master_task }}</h3>
 				</template>
 				<template v-else>
@@ -30,7 +30,7 @@
 					<small class="event-initials-date text-inherit">{{ props.event.date?.toLocaleDateString('sk-SK') }}</small>
 				</div>
 
-				<div v-if="['subtask', 'office365'].includes(event.type)" class="d-flex align-center">
+				<div v-if="['subtask'].includes(event.type)" class="d-flex align-center">
 					<v-icon icon="mdi-skull-outline" size="small" />
 					<small v-if="props.event?.subtask.deadline" class="ml-1">{{ deadline }}</small>
 					<v-tooltip v-else text="Deadline z Mastertasku" location="bottom">
@@ -42,10 +42,10 @@
 
 				<div v-if="['office365'].includes(event.type)" class="d-flex align-center mt-1">
 					<v-icon icon="mdi-pin-outline" size="small" />
-					<small v-if="props.event?.subtask.office365_location" class="ml-1">{{ props.event?.subtask.office365_location }}</small>
+					<small v-if="props.event?.subtask.office365_location" :style="{ color: eventColor.color }" class="ml-1">{{ props.event?.subtask.office365_location }}</small>
 					<v-tooltip v-else text="Miesto" location="bottom">
 						<template v-slot:activator="{ props }">
-							<small class="cursor-pointer ml-1" v-if="!props.event?.subtask?.office365_location" v-bind="props">{{ office365_location }}*</small>
+							<small class="cursor-pointer ml-1" :style="{ color: eventColor.color }" v-if="!props.event?.subtask?.office365_location" v-bind="props">{{ office365_location }}*</small>
 						</template>
 					</v-tooltip>
 				</div>
@@ -108,7 +108,7 @@ const deadline: ComputedRef<string | undefined> = computed(() => {
 const eventLength: ComputedRef<number> = computed(() => props.event.end.getTime() - props.event.start.getTime())
 
 const eventColor: ComputedRef<{ color: string, backgroundColor: string }> = computed(() => {
-	if (props.event.type === 'office365_blocker') {
+	if (props.event.type === 'office365_blocker' || props.event.type === 'office365') {
 		return {
 			color: '#ffffff',
 			backgroundColor: '#326cb8'