[napajanie modalov na BE]

app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue

@@ -22,24 +22,11 @@
 				</td>
 			</tr>
 		</tbody>
-
-		<Z-sub-task-modal ref="z-sub-task-modal" />
-		<Z-delete-task-modal ref="z-delete-task-modal" @deleted="onTaskDeleted"/>
 	</v-table>
 </template>
 
 <script>
-import ZDeleteTaskModal from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
-import ZSubTaskModal 	from '@/plugins/tm@modal/sub-task/z-sub-task-modal.vue'
-
 export default {
-	emits: ['refresh'],
-
-	components: {
-		ZDeleteTaskModal,
-		ZSubTaskModal
-	},
-
 	props: {
 		tasks: {
 			type: Array,
@@ -48,16 +35,12 @@ export default {
 	},
 
 	methods: {
-		deleteTask(task) {
-			this.$refs['z-delete-task-modal'].delete(task)
-		},
-
-		onTaskDeleted() {
-			this.$emit('refresh')
-		},
-
 		editTask(task, editMode) {
-			this.$refs['z-sub-task-modal'].create(task, editMode)
+			this.$events.emit('show-task-modal', {task, editMode})
+		},
+
+		deleteTask(task) {
+			this.$events.emit('show-delete-task-modal', {task})
 		}
 	}
 }

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

@@ -5,12 +5,6 @@
 
 		<W-loadable :content="filteredUnscheduledTasks" :emptyMessage="searchQuery.length ? 'Neboli nájdené žiadne úlohy' : 'Nenašli sa žiadne záznamy'">
 			<A-unscheduled-table :tasks="filteredUnscheduledTasks" />
-			<h6
-				v-if="filteredUnscheduledTasks && !filteredUnscheduledTasks.length"
-				class="px-4"
-			>
-				Aktuálnemu hľadaniu nevyhovujú žiadne nenaplánované úlohy
-			</h6>
 		</W-loadable>
 
 	</div>
@@ -19,7 +13,6 @@
 <script>
 import ZTasksSearch 		from '@/plugins/tm@overview/_components/z-tasks-search.vue'
 import AUnscheduledTable 	from './_components/a-unscheduled-table.vue'
-
 export default {
 	components: {
 		ZTasksSearch,
@@ -48,14 +41,23 @@ export default {
 	},
 
 	async created() {
-		try {
-			this.unscheduledTasks = await this.$axios.get_auth_data('v1/overview/unscheduled-tasks')
-		} catch (error) {
-			this.unscheduledTasks = {error}
-		}
+		await this._loadData()
+	},
+
+	mounted() {
+		this.$events.on('on-task-deleted', () => this._loadData())
 	},
 
 	methods: {
+		async _loadData() {
+			this.unscheduledTasks = null
+			try {
+				this.unscheduledTasks = await this.$axios.get_auth_data('v1/overview/unscheduled-tasks')
+			} catch (error) {
+				this.unscheduledTasks = {error}
+			}
+		},
+
 		onSearch(searchQuery) {
 			this.searchQuery = searchQuery
 		},