napojenie modalov na tasks screene

app/src/plugins/tm@dashboard/tasks/tasks.vue

@@ -3,7 +3,7 @@
 		<A-task-filter :unscheduledTime="unscheduledTime" @dataChanged="getTimelineData" />
 
 		<W-loadable :content="timelineData" class="w-loadable" empty-message="Nepodarilo sa nacitat data!">
-			<Z-timeline :calData="timelineData" :calConfig="config" :splits="splitDays" />
+			<Z-timeline :calData="timelineData" :calConfig="config" :splits="splitDays" @reopenTask="toggleCompleteTask" />
 		</W-loadable>
 	</div>
 </template>
@@ -31,6 +31,20 @@ export default {
 		}
 	},
 
+	mounted() {
+		this.$events.on('on-task-deleted', (task) => {
+			this.deleteTask(task)
+		})
+
+		this.$events.on('on-task-completed', (task) => {
+			this.toggleCompleteTask(task)
+		})
+
+		this.$events.on('on-task-edited', (task) => {
+			this.editTask(task)
+		})
+	},
+
 	methods: {
 		async getTimelineData(data) {
 			this.config.date = data.firstDay
@@ -147,13 +161,20 @@ export default {
 			}
 		},
 
-		// deleteTask(id) {
-		// 	const task = this.timelineData.find(task => task.id == id)
-		// 	this.$refs['z-delete-task-modal'].delete(task)
+		deleteTask(task) {
+			const id = task.id
+			this.timelineData.tasks.splice(this.timelineData.tasks.findIndex(item => item.id === id), 1)
+		},
 
-		// 	// TODO: Remove after BE integration
-		// 	this.timelineData.tasks.splice(this.timelineData.tasks.findIndex(item => item.id === id), 1)
-		// }
+		toggleCompleteTask(task) {
+			const taskInTasks = this.timelineData.tasks.find(e => e.id == task.id)
+			taskInTasks.completed = !taskInTasks.completed
+		},
+
+		editTask(task) {
+			const taskIndex = this.timelineData.tasks.findIndex(item => item.id === task.id)
+			this.timelineData.tasks[taskIndex] = task
+		},
 	}
 }
 </script>