[review, add time modal]

app/src/plugins/tm@overview/tasks-ongoing/tasks-ongoing.vue

@@ -1,16 +1,10 @@
 <template>
 	<div>
 
-		<Z-tasks-search @queryChange="filterOngoingTasks" />
+		<Z-tasks-search @queryChange="onSearch" />
 
-		<W-loadable :content="ongoingTasks">
+		<W-loadable :content="filteredOngoingTasks" :emptyMessage="searchQuery.length ? 'Neboli nájdené žiadne úlohy' : 'Nenašli sa žiadne záznamy'">
 			<A-ongoing-table :tasks="filteredOngoingTasks" />
-			<h6
-				v-if="filteredOngoingTasks && !filteredOngoingTasks.length"
-				class="px-4"
-			>
-				Aktuálnemu hľadaniu nevyhovujú žiadne prebiehajúce úlohy
-			</h6>
 		</W-loadable>
 
 	</div>
@@ -28,30 +22,36 @@ export default {
 
 	data() {
 		return {
-			ongoingTasks: null,
-			filteredOngoingTasks: []
+			searchQuery: '',
+			ongoingTasks: null
+		}
+	},
+
+	computed: {
+		filteredOngoingTasks() {
+			if (!this.ongoingTasks)
+				return null
+
+			if (!this.searchQuery)
+				return this.ongoingTasks
+
+			return this.ongoingTasks.filter((task) => {
+				return this.filterParams(this.searchQuery, task.title) || this.filterParams(this.searchQuery, task.project_code)
+			})
 		}
 	},
 
 	async created() {
 		try {
 			this.ongoingTasks = await this.$axios.get_auth_data('v1/overview/ongoing-tasks')
-			this.filterOngoingTasks()
 		} catch (error) {
-			// Kravarik: ked to je takto ze idu data do w-loadable tak musis dat this.ongoingTasks = {error}
-			// Ten toast vyhod a to kde nastavujes error musis dat do {} ako v riadku hore lebo ono to pozera if (content.error)
-			this.ongoingTasks = error
-			this.$toast.error(error)
+			this.ongoingTasks = {error}
 		}
 	},
 
 	methods: {
-		// Kravarik: Toto sprav cez computed. A bude tam ze if (!searchQuerry) return this.ongoing tasks. Else to prefiltrujes
-		filterOngoingTasks(searchQuery) {
-			if(!searchQuery) return this.filteredOngoingTasks = this.ongoingTasks
-			this.filteredOngoingTasks = this.ongoingTasks.filter((task) => {
-				return this.filterParams(searchQuery, task.title) || this.filterParams(searchQuery, task.project_code)
-			})
+		onSearch(searchQuery) {
+			this.searchQuery = searchQuery
 		},
 
 		filterParams(searchQuery, row) {