[napajanie modalov na BE]

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

@@ -25,23 +25,12 @@
 			</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,
@@ -50,16 +39,12 @@ export default {
 	},
 
 	methods: {
+		editTask(task, editMode = false) {
+			this.$events.emit('show-task-modal', {task, editMode})
+		},
+
 		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-delete-task-modal', {task})
 		}
 	}
 }

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

@@ -42,14 +42,23 @@ export default {
 	},
 
 	async created() {
-		try {
-			this.ongoingTasks = await this.$axios.get_auth_data('v1/overview/ongoing-tasks')
-		} catch (error) {
-			this.ongoingTasks = {error}
-		}
+		await this._loadData()
+	},
+
+	mounted() {
+		this.$events.on('on-task-deleted', () => this._loadData())
 	},
 
 	methods: {
+		async _loadData() {
+			this.ongoingTasks = null
+			try {
+				this.ongoingTasks = await this.$axios.get_auth_data('v1/overview/ongoing-tasks')
+			} catch (error) {
+				this.ongoingTasks = {error}
+			}
+		},
+
 		onSearch(searchQuery) {
 			this.searchQuery = searchQuery
 		},

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
 		},	

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

@@ -20,24 +20,11 @@
 				</tr>
 			</tbody>
 		</v-table>
-
-		<Z-team-modal ref="z-team-modal" />
-		<Z-delete-team-modal ref="z-delete-team-modal" @deleted="onTeamDeleted" />
 	</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 {
-	emits: ['refresh'],
-
-	components: {
-		ZDeleteTeamModal,
-		ZTeamModal
-	},
-
 	props: {
 		teams: {
 			type: Array,
@@ -47,15 +34,11 @@ export default {
 
 	methods: {
 		editTeam(team) {
-			this.$refs['z-team-modal'].create(team.id)
+			this.$events.emit('show-team-modal', {team})
 		},
 
 		deleteTeam(team) {
-			this.$refs['z-delete-team-modal'].delete(team)
-		},
-
-		onTeamDeleted() {
-			this.$emit('refresh')
+			this.$events.emit('show-delete-team-modal', {team})
 		}
 	}
 }

app/src/plugins/tm@overview/teams/teams.vue

@@ -1,6 +1,6 @@
 <template>
 	<W-loadable :content="teams">
-		<A-teams-table :teams="teams" @refresh="loadData" />
+		<A-teams-table :teams="teams" />
 	</W-loadable>
 </template>
 
@@ -19,15 +19,19 @@ export default {
 	},
 
 	async created() {
-		await this.loadData()
+		await this._loadData()
+	},
+
+	mounted() {
+		this.$events.on('on-team-deleted', () => this._loadData())
 	},
 
 	methods: {
-		async loadData() {
+		async _loadData() {
 			this.teams = null
 			
 			try {
-				this.teams = await this.$axios.get_auth_data('v1/teamsx')
+				this.teams = await this.$axios.get_auth_data('v1/teams')
 			} catch (error) {
 				this.teams = {error}
 			}