From 07595eb34ad03bedddc7163b983c95717e11f3c0 Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Thu, 6 Apr 2023 14:49:07 +0200
Subject: [PATCH 1/5] .

---
 ...sult-task.vue => a-search-result-task.vue} |  6 ++---
 app/src/plugins/lib@search/search/search.vue  | 26 ++++++++++++-------
 .../tm@modal/blocker/z-blocker-modal.vue      | 19 ++++++++------
 3 files changed, 30 insertions(+), 21 deletions(-)
 rename app/src/plugins/lib@search/search/_components/{a-seach-result-task.vue => a-search-result-task.vue} (94%)

diff --git a/app/src/plugins/lib@search/search/_components/a-seach-result-task.vue b/app/src/plugins/lib@search/search/_components/a-search-result-task.vue
similarity index 94%
rename from app/src/plugins/lib@search/search/_components/a-seach-result-task.vue
rename to app/src/plugins/lib@search/search/_components/a-search-result-task.vue
index be23a4d..8b38681 100644
--- a/app/src/plugins/lib@search/search/_components/a-seach-result-task.vue
+++ b/app/src/plugins/lib@search/search/_components/a-search-result-task.vue
@@ -5,13 +5,13 @@
 			<tbody>
 				<tr v-for="subtask in subtasks" :key="subtask.id">
 					<td>{{ subtask.project_code }}</td>
-					<td>{{ subtask.title }}</td>
-					<td>		
+					<td>{{ subtask.master_task }}</td>
+					<!-- <td>		
 						<p>{{ subtask.user.name + subtask.user.surname }}</p>				
 						<p class="employee-avatar d-flex justify-center align-center">
 							{{ subtask.user.name.charAt(0) }}
 						</p>
-					</td>
+					</td> -->
 					<td class="task-action">
 						<div class="d-flex justify-start">
 							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon">
diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index 057a62b..5886941 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -8,7 +8,7 @@
 <script>
 import { debounce } 		from 'lodash-es'
 import ASearchResultTeam 	from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
-import ASearchResultTasks 	from '@/plugins/lib@search/search/_components/a-seach-result-task.vue'
+import ASearchResultTasks 	from '@/plugins/lib@search/search/_components/a-search-result-task.vue'
 
 export default {
 	components: {
@@ -24,21 +24,27 @@ export default {
 	},
 
 	created() {
-		try {
-			this.searchResults = this.$axios.get_auth_data('v1/search')
-		} catch (error) {
-			this.$toast.error(error)
-		}
-
 		this.$events.on('onSearch', (search) => {
 			this.search = search
 		})
 	},
 
+	watch: {
+		search(newVal) {
+			this.updateSearchResults(newVal)
+		}
+	},
+	
 	methods: {
-		debounceSearch: debounce(function () {
-			this.search()
-		}, 300),
+		updateSearchResults: debounce(async function (search) {
+			try {
+				this.searchResults = await this.$axios.get_auth(`v1/search?q=${search}`)
+				// const { mastertasks: mastertasks.data, subtasks: subtasks.data, teams: teams.data} 
+				console.log(this.searchResults)
+			} catch (error) {
+				this.$toast.error(error)
+			}
+		}, 500)
 	}
 }
 </script>
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
index b53e487..a4ac7cb 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -10,7 +10,7 @@
 				<v-card-actions class="d-flex flex-column modal-content">
 					<v-text-field @focus="onInputFocus" class="modal-input" label="Názov blockeru" :class="{ error: v$.blocker.name.$errors.length }" :hint="v$.blocker.name.$errors ? errorUtils.parseErrors(v$.blocker.name.$errors) : null" v-model="blocker.name" variant="solo"></v-text-field>
 					
-					<!-- <v-autocomplete
+					<v-autocomplete
 						clearable
 						label="Vyhľadať zamestnanca"
 						:items="[...enrichedEmployees]" 
@@ -18,8 +18,10 @@
 						item-value="id"
 						variant="solo"
 						class="modal-input" 
-					/> -->
-					<Z-autocomplete label="Vyhľadať zamestnanca" :value="blocker?.employee ? `${blocker?.employee?.name} ${blocker?.employee?.surname}` : ''" :options="enrichedEmployees.map(employee => ({key: employee.id, value: employee._fullName}))" :clear-on-submit="false" :class="{ error: v$.blocker.employee.$errors.length }" class="modal-input" @option-selected="onEmployeeSelected" />
+
+						v-model="blocker.employee_id"
+					/>
+					<!-- <Z-autocomplete label="Vyhľadať zamestnanca" :value="blocker?.employee ? `${blocker?.employee?.name} ${blocker?.employee?.surname}` : ''" :options="enrichedEmployees.map(employee => ({key: employee.id, value: employee._fullName}))" :clear-on-submit="false" :class="{ error: v$.blocker.employee.$errors.length }" class="modal-input" @option-selected="onEmployeeSelected" /> -->
 					<Datepicker class="modal-input mb-5" v-model="datepicker" format="dd.MM.yyyy" locale="sk" :class="{ error: v$.datepicker.$errors?.length }" :validations="v$.datepicker" select-text="Vybrať" cancel-text="Zrušiť" placeholder="Dátum" :enable-time-picker="false" ref="datepicker" />
 
 					<v-text-field v-model="starts_at_time" type="time" variant="solo" bg-color="white" :hint="v$.starts_at_time.$errors ? errorUtils.parseErrors(v$.starts_at_time.$errors) : null" :class="{ error: v$.starts_at_time.$errors.length }" class="mb-1 modal-input" label="Začiatok" />
@@ -40,7 +42,7 @@ import errorUtils from "@/plugins/lib@auth/_utils/error.utils"
 import VuetifyFixFocusMixin from "@/plugins/tm@modal/_mixins/vuetify-fix-focus"
 import { mapGetters } from "vuex"
 import moment from "moment"
-import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
+// import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
 
 export default {
 	mixins: [VuetifyFixFocusMixin],
@@ -49,7 +51,7 @@ export default {
 
 	components: {
 		Datepicker,
-		ZAutocomplete
+		// ZAutocomplete
 	},
 
 	data() {
@@ -76,7 +78,7 @@ export default {
 				name: { required },
 				start: { required },
 				end: { required },
-				employee: { required }
+				// employee: { required }
 			},
 
 			starts_at_time: { required },
@@ -102,7 +104,8 @@ export default {
 					this.starts_at_time = moment(blocker.start).format("HH:mm")
 					this.ends_at_time = moment(blocker.end).format("HH:mm")
 					this.datepicker = new Date(blocker.start)
-
+					blocker.employee_id = blocker.employee.id
+					//fixnut validacie employee_id
 					this.blocker = blocker
 				} else {
 					this.blocker = { start: null }
@@ -116,7 +119,7 @@ export default {
 			if (!(await this.v$.$validate())) return
 
 			try {
-				this.blocker.employee_id = this.blocker.employee?.id
+				// this.blocker.employee_id = this.blocker.employee?.id
 
 				if (this.blocker.id) {
 					const { blocker } = await this.$axios.put_auth(`v1/blockers/${this.blocker.id}`, this.blocker)

From 45197746be09a411f5d791f87b5e3b8609eb4c40 Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Thu, 6 Apr 2023 14:49:38 +0200
Subject: [PATCH 2/5] Merge branch 'main' of
 https://bitbucket.org/studiotem/jandl-taskmanager-app

---
 package-lock.json | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 package-lock.json

diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..df3080f
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "jandl-taskmanager-app",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}

From 3867635078f31cf7cb644b5365aeaaefdb0dac31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Thu, 6 Apr 2023 14:55:58 +0200
Subject: [PATCH 3/5] [Search] Request result object destruction

---
 app/src/plugins/lib@search/search/search.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index 5886941..44c970d 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -18,7 +18,7 @@ export default {
 
 	data() {
 		return {
-			searchResults: [],
+			searchResults: {},
 			search: ''
 		}
 	},
@@ -38,9 +38,8 @@ export default {
 	methods: {
 		updateSearchResults: debounce(async function (search) {
 			try {
-				this.searchResults = await this.$axios.get_auth(`v1/search?q=${search}`)
-				// const { mastertasks: mastertasks.data, subtasks: subtasks.data, teams: teams.data} 
-				console.log(this.searchResults)
+				const { mastertasks, subtasks, teams} = await this.$axios.get_auth(`v1/search?q=${search}`)
+				this.searchResults = {mastertasks: mastertasks.data, subtasks: subtasks.data, teams: teams.data}
 			} catch (error) {
 				this.$toast.error(error)
 			}

From 14d7f4f4da6367e6eeb078982e77055cf53d1804 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Thu, 6 Apr 2023 14:57:33 +0200
Subject: [PATCH 4/5] [Search] .

---
 ...-search-result-task.vue => a-search-result-subtasks.vue} | 0
 app/src/plugins/lib@search/search/search.vue                | 6 +++---
 2 files changed, 3 insertions(+), 3 deletions(-)
 rename app/src/plugins/lib@search/search/_components/{a-search-result-task.vue => a-search-result-subtasks.vue} (100%)

diff --git a/app/src/plugins/lib@search/search/_components/a-search-result-task.vue b/app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue
similarity index 100%
rename from app/src/plugins/lib@search/search/_components/a-search-result-task.vue
rename to app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue
diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index 44c970d..6601cff 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -1,19 +1,19 @@
 <template>
 	<form>
 		<A-search-result-team v-if="searchResults?.teams" :teams="searchResults.teams" />
-		<A-search-result-tasks v-if="searchResults?.tasks" :subtasks="searchResults.tasks" />
+		<A-search-result-subtasks v-if="searchResults?.subtasks" :subtasks="searchResults.subtasks" />
 	</form>
 </template>
 
 <script>
 import { debounce } 		from 'lodash-es'
 import ASearchResultTeam 	from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
-import ASearchResultTasks 	from '@/plugins/lib@search/search/_components/a-search-result-task.vue'
+import ASearchResultSubtasks from '@/plugins/lib@search/search/_components/a-search-result-subtasks.vue'
 
 export default {
 	components: {
 		ASearchResultTeam,
-		ASearchResultTasks
+		ASearchResultSubtasks
 	},
 
 	data() {

From 05121b48f289a25027efb74b7c3c52b97131e6fc Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Thu, 6 Apr 2023 21:03:34 +0200
Subject: [PATCH 5/5] [search page]

---
 .../app/_layout/app/_components/a-header.vue  |  8 ++-
 .../a-search-result-mastertasks.vue           | 61 +++++++++++++++++++
 .../_components/a-search-result-subtasks.vue  | 57 +++++++++++++----
 .../_components/a-search-result-team.vue      | 16 ++++-
 app/src/plugins/lib@search/search/search.vue  | 14 +++--
 .../tm@modal/blocker/z-blocker-modal.vue      | 12 ++--
 6 files changed, 144 insertions(+), 24 deletions(-)
 create mode 100644 app/src/plugins/lib@search/search/_components/a-search-result-mastertasks.vue

diff --git a/app/src/plugins/app/_layout/app/_components/a-header.vue b/app/src/plugins/app/_layout/app/_components/a-header.vue
index 7c998e9..d2e7041 100644
--- a/app/src/plugins/app/_layout/app/_components/a-header.vue
+++ b/app/src/plugins/app/_layout/app/_components/a-header.vue
@@ -93,7 +93,13 @@ export default {
 		createBlocker() {
 			this.$events.emit('show-blocker-modal', {})
 		}
-	}
+	},
+
+	watch: {
+		'$route' (to, from) {
+			this.search = ''
+		}
+	},
 }
 </script>
 
diff --git a/app/src/plugins/lib@search/search/_components/a-search-result-mastertasks.vue b/app/src/plugins/lib@search/search/_components/a-search-result-mastertasks.vue
new file mode 100644
index 0000000..50b0c53
--- /dev/null
+++ b/app/src/plugins/lib@search/search/_components/a-search-result-mastertasks.vue
@@ -0,0 +1,61 @@
+<template>
+	<div v-if="Array.isArray(mastertasks) && mastertasks.length">
+		<h1 class="px-3 py-3">Mastertasks</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="mastertask in mastertasks" :key="mastertask.id">
+					<td>{{ mastertask.name }}</td>
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon" @click.stop="openEditMasterTaskModal(mastertask)">
+							<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon" @click.stop="openDeleteMasterTaskModal(mastertask)">
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+	</div>
+	<div v-else class="px-3 py-3">
+		<h1>Mastertasks</h1>
+		<p>No mastertasks match the search</p>
+	</div>
+</template>
+  
+<script>
+
+export default {
+	props: {
+		mastertasks: {
+			type: Array,
+			required: true
+		}
+	},
+
+	methods: {
+		openDeleteMasterTaskModal(mastertask) {
+			this.$events.emit('show-delete-master-task-modal', { mastertask })
+		},
+
+		openEditMasterTaskModal(mastertask) {
+			this.$events.emit('show-mastertask-modal', { mastertask, editMode: false })
+		},
+	}
+}
+</script>
+
+<style lang="sass" scoped>
+v-table, th, td
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+
+.employee-avatar
+	background: #6200EE
+	color: #fff
+	border-radius: 50%
+	padding: 13px
+	font-size: 11.5px
+	height: 24px
+	width: 24px
+
+.task-action
+
+</style>
\ No newline at end of file
diff --git a/app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue b/app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue
index 8b38681..57babad 100644
--- a/app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue
+++ b/app/src/plugins/lib@search/search/_components/a-search-result-subtasks.vue
@@ -1,31 +1,36 @@
 <template>
-	<div>
+	<div v-if="Array.isArray(subtasks) && subtasks.length">
 		<h1 class="px-3 py-3">Tasks</h1>
 		<v-table>
 			<tbody>
-				<tr v-for="subtask in subtasks" :key="subtask.id">
-					<td>{{ subtask.project_code }}</td>
+				<tr v-for="subtask in enrichedtasks" :key="subtask.id">
 					<td>{{ subtask.master_task }}</td>
-					<!-- <td>		
-						<p>{{ subtask.user.name + subtask.user.surname }}</p>				
-						<p class="employee-avatar d-flex justify-center align-center">
-							{{ subtask.user.name.charAt(0) }}
+					<td class="d-flex align-center">
+						<p class="employee-selected-avatar d-flex justify-center align-center">
+							{{ subtask._employeeInitials }}
 						</p>
-					</td> -->
+						<p class="ml-2">{{ subtask._employeeFullName }}</p>
+					</td>
 					<td class="task-action">
 						<div class="d-flex justify-start">
-							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon">
-							<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon">
-							<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon">
+							<img v-if="subtask.is_finished" class="pencil-icon is-finished" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon" @click.stop="clickCompleteTask(subtask)">
+							<img v-if="!subtask.is_finished" class="pencil-icon" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon" @click.stop="clickCompleteTask(subtask)">
+							<img class="pencil-icon ml-2" :src="require('@/plugins/app/_img/icons/eye.svg')" alt="pencil-icon" @click.stop="openTaskModal(subtask)">
+							<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon" @click.stop="openDeleteTaskModal(subtask)">
 						</div>
 					</td>
 				</tr>
 			</tbody>
 		</v-table>
 	</div>
+	<div v-else class="px-3 py-3">
+		<h1>Subtasks</h1>
+		<p>No subtasks match the search</p>
+	</div>
 </template>
   
 <script>
+import { mapGetters } from 'vuex'
 
 export default {
 	props: {
@@ -34,6 +39,36 @@ export default {
 			required: true
 		}
 	},
+
+	computed: {
+		...mapGetters('tm', ['enrichedEmployees']),
+
+		enrichedtasks() {
+			return this.subtasks.map(subtask => {
+				const employee = this.enrichedEmployees.find(employee => employee.id == subtask.employee_id)
+
+				return {
+					...subtask,
+					_employeeInitials: employee._initials,
+					_employeeFullName: employee._fullName
+				}
+			})
+		}
+	},
+
+	methods: {
+		openDeleteTaskModal(subtask) {
+			this.$events.emit('show-delete-task-modal', { subtask })
+		},
+
+		openTaskModal(subtask) {
+			this.$events.emit('show-subtask-modal', { subtask, editMode: false })
+		},
+
+		async clickCompleteTask(subtask) {
+			this.$events.emit('show-complete-task-modal', { subtask })
+		}
+	}
 }
 </script>
 
diff --git a/app/src/plugins/lib@search/search/_components/a-search-result-team.vue b/app/src/plugins/lib@search/search/_components/a-search-result-team.vue
index 3d415a3..d3d3bf6 100644
--- a/app/src/plugins/lib@search/search/_components/a-search-result-team.vue
+++ b/app/src/plugins/lib@search/search/_components/a-search-result-team.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div v-if="Array.isArray(teams) && teams.length">
 		<h1 class="px-3 py-3">Teams</h1>
 		<v-table>
 			<tbody>
@@ -15,6 +15,10 @@
 			</tbody>
 		</v-table>
 	</div>
+	<div v-else class="px-3 py-3">
+		<h1>Teams</h1>
+		<p>No teams match the search</p>
+	</div>
 </template>
   
 <script>
@@ -24,6 +28,16 @@ export default {
 			type: Array,
 			required: true
 		}
+	},
+
+	methods: {
+		editTeam(team) {
+			this.$events.emit('show-team-modal', {team})
+		},
+
+		deleteTeam(team) {
+			this.$events.emit('show-delete-team-modal', {team})
+		}
 	}
 }
 </script>
diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index 6601cff..e4615bd 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -1,19 +1,22 @@
 <template>
 	<form>
-		<A-search-result-team v-if="searchResults?.teams" :teams="searchResults.teams" />
+		<A-search-result-mastertasks v-if="searchResults?.mastertasks" :mastertasks="searchResults.mastertasks"/>
 		<A-search-result-subtasks v-if="searchResults?.subtasks" :subtasks="searchResults.subtasks" />
+		<A-search-result-team v-if="searchResults?.teams" :teams="searchResults.teams" />
 	</form>
 </template>
 
 <script>
-import { debounce } 		from 'lodash-es'
-import ASearchResultTeam 	from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
-import ASearchResultSubtasks from '@/plugins/lib@search/search/_components/a-search-result-subtasks.vue'
+import { debounce } 				from 'lodash-es'
+import ASearchResultTeam 			from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
+import ASearchResultSubtasks 		from '@/plugins/lib@search/search/_components/a-search-result-subtasks.vue'
+import ASearchResultMastertasks 	from '@/plugins/lib@search/search/_components/a-search-result-mastertasks.vue'
 
 export default {
 	components: {
 		ASearchResultTeam,
-		ASearchResultSubtasks
+		ASearchResultSubtasks,
+		ASearchResultMastertasks
 	},
 
 	data() {
@@ -40,6 +43,7 @@ export default {
 			try {
 				const { mastertasks, subtasks, teams} = await this.$axios.get_auth(`v1/search?q=${search}`)
 				this.searchResults = {mastertasks: mastertasks.data, subtasks: subtasks.data, teams: teams.data}
+				console.log(this.searchResults)
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
index a4ac7cb..4af852d 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -35,13 +35,13 @@
 </template>
 
 <script>
-import Datepicker from "@vuepic/vue-datepicker"
-import useVuelidate from "@vuelidate/core"
-import { required } from "@vuelidate/validators"
-import errorUtils from "@/plugins/lib@auth/_utils/error.utils"
+import Datepicker 			from "@vuepic/vue-datepicker"
+import useVuelidate 		from "@vuelidate/core"
+import { required } 		from "@vuelidate/validators"
+import errorUtils 			from "@/plugins/lib@auth/_utils/error.utils"
 import VuetifyFixFocusMixin from "@/plugins/tm@modal/_mixins/vuetify-fix-focus"
-import { mapGetters } from "vuex"
-import moment from "moment"
+import { mapGetters } 		from "vuex"
+import moment 				from "moment"
 // import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
 
 export default {