From cc3d3b116d1e48bfb0ad33648adcb770af297a31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Thu, 23 Feb 2023 14:40:23 +0100
Subject: [PATCH] [Projects] Added assigned by filter WIP

---
 .../projects/_components/a-project-filter.vue | 35 +++++------------
 .../tm@dashboard/projects/projects.vue        |  7 +---
 .../_components/a-task-assigned-by.vue        | 38 +++++++++++++++++++
 .../task/_components/z-task-readonly-info.vue |  3 ++
 4 files changed, 53 insertions(+), 30 deletions(-)
 create mode 100644 app/src/plugins/tm@modal/task/_components/_components/a-task-assigned-by.vue

diff --git a/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue b/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
index f0a627f..f0d6b79 100644
--- a/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
+++ b/app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
@@ -5,6 +5,8 @@
 		<v-select v-model="filter.selectedTeam" class="subheader-input" :items="[null, ...teams]" label="Tím" variant="outlined" item-title="name" item-value="id" />
 
 		<v-select v-model="filter.selectedEmployee" class="subheader-input" :items="[null, ...enrichedEmployees]" label="Zamestnanec" variant="outlined" item-title="_fullName" item-value="id" />
+		
+		<v-select v-model="filter.selectedAssignedBy" class="subheader-input" :items="[null, ...enrichedEmployees]" label="Vytvoril" variant="outlined" item-title="_fullName" item-value="id" />
 
 		<v-select v-model="filter.selectedMonth" class="subheader-input" :items="months" label="Mesiac" variant="outlined" />
 
@@ -16,26 +18,11 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
+
 export default {
 	emits: ['filterChanged'],
 
-	props: {
-		projects: {
-			type: Array,
-			required: true
-		},
-
-		teams: {
-			type: Array,
-			required: true
-		},
-
-		employees: {
-			type: Array,
-			required: true
-		}
-	},
-
 	data() {
 		return {
 			months: [
@@ -57,6 +44,7 @@ export default {
 				selectedProject: null,
 				selectedTeam: null,
 				selectedEmployee: null,
+				selectedAssignedBy: null,
 				selectedMonth: new Date().getMonth(),
 				showFinishedTasks: false
 			}
@@ -64,14 +52,11 @@ export default {
 	},
 
 	computed: {
-		enrichedEmployees() {
-			const employees = this.employees
-
-			return employees.map(employee => {
-				employee._fullName = `${employee.name} ${employee.surname}`
-				return employee
-			})
-		}
+		...mapGetters('tm', [
+			'teams',
+			'projects',
+			'enrichedEmployees'
+		])
 	},
 
 	watch: {
diff --git a/app/src/plugins/tm@dashboard/projects/projects.vue b/app/src/plugins/tm@dashboard/projects/projects.vue
index 0284925..072c384 100644
--- a/app/src/plugins/tm@dashboard/projects/projects.vue
+++ b/app/src/plugins/tm@dashboard/projects/projects.vue
@@ -1,6 +1,6 @@
 <template>
 	<W-loadable :content="filteredEvents" empty-message="Nepodarilo sa nacitat data!">
-		<A-project-filter :projects="projects" :teams="teams" :employees="employees" @filterChanged="onFilterChanged" />
+		<A-project-filter @filterChanged="onFilterChanged" />
 		<A-project-calendar :events="filteredEvents" :month="filter.selectedMonth" @open-detail="openMasterTaskModal" />
 	</W-loadable>
 </template>
@@ -26,10 +26,7 @@ export default {
 
 	computed: {
 		...mapGetters('tm', [
-			'employees',
-			'mastertasks',
-			'teams',
-			'projects'
+			'mastertasks'
 		]),
 
 		filteredEvents() {
diff --git a/app/src/plugins/tm@modal/task/_components/_components/a-task-assigned-by.vue b/app/src/plugins/tm@modal/task/_components/_components/a-task-assigned-by.vue
new file mode 100644
index 0000000..8d9b35b
--- /dev/null
+++ b/app/src/plugins/tm@modal/task/_components/_components/a-task-assigned-by.vue
@@ -0,0 +1,38 @@
+<template>
+    <v-row no-gutters class="align-center">
+		<v-col cols="5">
+			<v-sheet class="py-3">
+				<div class="d-flex align-center">
+					<v-icon icon="mdi-account-star-outline" size="large"></v-icon>
+					<p class="mx-3">Vytvoril</p>
+				</div>
+			</v-sheet>
+		</v-col>
+        
+		<v-col cols="7">
+			<v-sheet class="py-3 d-flex align-center">
+				<p class="employee-selected-avatar d-flex justify-center align-center">
+					{{ employee.name.charAt(0) + employee.surname.charAt(0) }}
+				</p>
+				<p class="ml-2" v-html="`${employee.name} ${employee.surname}`" />
+			</v-sheet>
+		</v-col>
+	</v-row>
+</template>
+
+<script>
+export default {
+    props: {
+        employee: {
+            type: Object,
+            // required: true,
+
+			// TODO Remove
+			default: () => ({
+				name: 'Zachariach',
+				surname: 'VonRunden (MOCK)'
+			})
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/task/_components/z-task-readonly-info.vue b/app/src/plugins/tm@modal/task/_components/z-task-readonly-info.vue
index 319ecaa..b352618 100644
--- a/app/src/plugins/tm@modal/task/_components/z-task-readonly-info.vue
+++ b/app/src/plugins/tm@modal/task/_components/z-task-readonly-info.vue
@@ -2,6 +2,7 @@
 	<A-mastertask-name      	:name="task.master_task?.name || task.master_task" :id="task.master_task.id" :color="task.master_task.color" @close-modal="$emit('close-modal')" />
     <A-mastertask-status    	:status="task.is_finished" />
 	<A-task-timeblocks			:timeblocks="task.timeblocks" :task="task" />
+    <A-task-assigned-by  		:employee="task.assigned_by" />
     <A-task-assigned-employee  	:employee="task.employee" />
     <A-task-planned-time        :hours="task.duration" />
     <A-task-remaining-time      :hours="task.duration - task.spent_time" />
@@ -14,6 +15,7 @@
 import AMastertaskName          from './_components/a-mastertask-name.vue'
 import AMastertaskStatus        from './_components/a-mastertask-status.vue'
 import ATaskTimeblocks    		from './_components/a-task-timeblocks.vue'
+import ATaskAssignedBy    		from './_components/a-task-assigned-by.vue'
 import ATaskAssignedEmployee    from './_components/a-task-assigned-employee.vue'
 import ATaskPlannedTime         from './_components/a-task-planned-time.vue'
 import ATaskSpentTime           from './_components/a-task-spent-time.vue'
@@ -29,6 +31,7 @@ export default {
         AMastertaskName,
         AMastertaskStatus,
 		ATaskTimeblocks,
+		ATaskAssignedBy,
         ATaskAssignedEmployee,
         ATaskPlannedTime,
         ATaskSpentTime,