From f18a57d8c4fd6ede15a8397cf51af22c0dfef28c Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Sun, 7 Jan 2024 13:39:13 +0100
Subject: [PATCH] [chr-33] not-approved blockers

---
 .../plugins/tm@dashboard/_components/z-timeline.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/src/plugins/tm@dashboard/_components/z-timeline.vue b/app/src/plugins/tm@dashboard/_components/z-timeline.vue
index abc8f3e..2095587 100644
--- a/app/src/plugins/tm@dashboard/_components/z-timeline.vue
+++ b/app/src/plugins/tm@dashboard/_components/z-timeline.vue
@@ -72,7 +72,7 @@
 					</div>
 				</div>
 
-				<div v-else-if="['subtask', 'blocker', 'adhoc', 'vacation', 'free_day'].includes(event.type)" class="custom-event-body colWidth h-100 d-flex flex-column justify-space-between" :class="{'short-event' : getEventLength(event) <= 9000000, 'mini-event' : getEventLength(event) <= 5400000, 'micro-event' : getEventLength(event) <= 3600000}" :style="{backgroundColor: event._timeblock_is_finished || event.subtask?.is_finished ? '#dedfe0' : event.color || event.subtask?.color}">
+				<div v-else-if="['subtask', 'blocker', 'adhoc', 'vacation', 'free_day'].includes(event.type)" class="custom-event-body colWidth h-100 d-flex flex-column justify-space-between" :class="{'short-event' : getEventLength(event) <= 9000000, 'mini-event' : getEventLength(event) <= 5400000, 'micro-event' : getEventLength(event) <= 3600000, 'not-approved': !event.blocker?.approved && event.isBlocker }" :style="{backgroundColor: event._timeblock_is_finished || event.subtask?.is_finished ? '#dedfe0' : event.color || event.subtask?.color}">
 					<div class="event-content" :class="{'is-blocker': event.isBlocker}"> 
 						<template v-if="event.type == 'subtask'">
 							<small v-if="event.subtask.project_code" class="project-code">{{ event.subtask.project_code }}</small>
@@ -80,7 +80,13 @@
 						</template>
 
 						<template v-else>
-							<h3>{{ event.blocker.name }}</h3>
+							<v-tooltip :text="event.blocker?.approved ? 'Schválený' : 'Neschválený'" location="bottom">
+								<template v-slot:activator="{ props }">
+									<div v-bind="props">
+										<h3>{{ event.blocker?.approved ? event.blocker.name : (event.blocker.name + '*')  }}</h3>
+									</div>
+								</template>
+							</v-tooltip>
 						</template>
 						
 						<div class="d-flex align-center event-details event-initials-wrapper">
@@ -636,4 +642,7 @@ export default {
 
 							img
 								width: 18px
+
+.not-approved
+	background: repeating-linear-gradient(135deg, rgb(215, 215, 215), rgb(215, 215, 215) 1px, rgb(224, 224, 224) 1px, rgb(224, 224, 224) 20px) !important
 </style>