[subTask] v-select employee, [refactor], [masterTaskDetail] formattedDates

app/src/plugins/lib@search/search/_components/a-seach-result-task.vue

@@ -0,0 +1,55 @@
+<template>
+	<div>
+		<h1 class="px-3 py-3">Tasks</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="task in tasks" :key="task.id">
+					<td>{{ task.project_code }}</td>
+					<td>{{ task.title }}</td>
+					<td>		
+						<p>{{ task.user.name + task.user.surname }}</p>				
+						<p class="employee-avatar d-flex justify-center align-center">
+							{{ task.user.name.charAt(0) }}
+						</p>
+					</td>
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/tm@dashboard/_components/_img/checkmark.svg')" alt="checkmark-icon">
+							<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon">
+							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon">
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+	</div>
+</template>
+  
+<script>
+
+export default {
+	props: {
+		tasks: {
+			type: Array,
+			required: true
+		}
+	},
+}
+</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>

app/src/plugins/lib@search/search/_components/a-seach-result-team.vue

@@ -1,10 +0,0 @@
-<template>
-	<div>
-
-	</div>
-</template>
-
-<script>
-export default {
-}
-</script>

app/src/plugins/lib@search/search/_components/a-search-result-team.vue

@@ -0,0 +1,63 @@
+<template>
+	<div>
+		<h1 class="px-3 py-3">Teams</h1>
+		<v-table>
+			<tbody>
+				<tr v-for="team in teams" :key="team.id">
+					<td>{{ team.name }}</td>
+					<td class="task-action">
+						<div class="d-flex justify-start">
+							<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" @click.stop="editTeam(team)" />
+							<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteTeam(team)" />
+						</div>
+					</td>
+				</tr>
+			</tbody>
+		</v-table>
+
+		<Z-team-modal ref="z-team-modal" />
+		<!-- Kravarik: Aj tento modal prerob novym sposobom -->
+		<!-- <Z-delete-team-modal 	v-if="deleteModal" 	:visible="deleteModal ? true : false" 	:team="deleteModal.team" 	@close="(deleteModal = null)" /> -->
+		<Z-delete-team-modal ref="z-delete-team-modal" />
+	</div>
+</template>
+  
+<script>
+import ZDeleteTeamModal from '@/plugins/tm@modal/team/z-delete-team-modal.vue'
+import ZTeamModal		from '@/plugins/tm@modal/team/z-team-modal.vue'
+
+export default {
+	components: {
+		ZDeleteTeamModal,
+		ZTeamModal
+	},
+
+	props: {
+		teams: {
+			type: Array,
+			required: true
+		}
+	},
+
+	data() {
+		return {
+			deleteModal: null
+		}
+	},
+
+	methods: {
+		editTeam(team) {
+			this.$refs['z-team-modal'].create(team)
+		},
+
+		deleteTeam(team) {
+			this.$refs['z-delete-team-modal'].delete(team)
+		}
+	}
+}
+</script>
+
+<style lang="sass" scoped>
+v-table, th, td
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
+</style>

app/src/plugins/lib@search/search/search.vue

@@ -1,12 +1,13 @@
 <template>
 	<form>
-		<A-search-result-team />
+		<A-search-result-team v-if="searchResults?.teams" :teams="searchResults.teams" />
+		<A-search-result-tasks v-if="searchResults?.tasks" :tasks="searchResults.tasks" />
 	</form>
 </template>
 
 <script>
 import { debounce } from 'lodash-es'
-import ASearchResultTeam from '@/plugins/lib@search/search/_components/a-seach-result-team.vue'
+import ASearchResultTeam from '@/plugins/lib@search/search/_components/a-search-result-team.vue'
 
 export default {
 	components: {
@@ -15,11 +16,19 @@ export default {
 
 	data() {
 		return {
-			search: null
+			searchResults: [],
+			search: ''
 		}
 	},
 
 	created() {
+		try {
+			this.searchResults = this.$axios.get_auth_data('v1/search')
+			console.log(this.searchResults)
+		} catch (error) {
+			this.$toast.error(error)
+		}
+
 		this.eventBus.on('onSearch', (search) => {
 			this.search = search
 		})
@@ -27,8 +36,8 @@ export default {
 
 	methods: {
 		debounceSearch: debounce(function () {
-			console.log("object")
-		}, 2000),
+			this.search
+		}, 300),
 	}
 }
 </script>