[napajanie modalov na BE]

app/src/plugins/tm@dashboard/_components/z-timeline.vue

@@ -71,9 +71,9 @@
 					</div>
 
 					<div class="event-footer d-flex">
-						<v-btn rounded class="event-footer-button me-2" :class="{'completed': event.completed}" @click.stop="clickCompleteTask(event)"><img :src="require('./_img/checkmark.svg')" alt=""></v-btn>
-						<v-btn rounded class="event-footer-button me-2" @click.stop="editTask(event.id, true)"><img :src="require('./_img/pencil.svg')" alt=""></v-btn>
-						<v-btn rounded class="event-footer-button me-2" @click.stop="showDeleteModal = {task: event}"><img :src="require('./_img/bin.svg')" alt=""></v-btn>
+						<v-btn rounded class="event-footer-button me-2" :class="{'completed': event.completed}" @click.stop="completeTask(event)"><img :src="require('./_img/checkmark.svg')" alt=""></v-btn>
+						<v-btn rounded class="event-footer-button me-2" @click.stop="editTask(event, true)"><img :src="require('./_img/pencil.svg')" alt=""></v-btn>
+						<v-btn rounded class="event-footer-button me-2" @click.stop="deleteTask(event)"><img :src="require('./_img/bin.svg')" alt=""></v-btn>
 					</div>
 				</div>
 
@@ -85,30 +85,11 @@
 				</div>
 			</template>
 		</Vue-cal>
-
-		<!-- Kravarik: Prerobit modaly na novy sposob -->
-		<Z-sub-task-modal ref="z-sub-task-modal" />
-		<Z-complete-task-modal v-if="showCompleteModal" :visible="showCompleteModal ? true : false" :task="showCompleteModal.task" @completeTask="completeTask" @close="showCompleteModal = null" />
-		<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @deleteTask="deleteTask" @close="showDeleteModal = null" />
-		<Z-add-time-task-modal ref="z-add-time-task-modal" />
 	</div>
 </template>
 
 <script>
-import ZCompleteTaskModal 	from '@/plugins/tm@modal/task/z-complete-task-modal.vue'
-import ZDeleteTaskModal 	from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
-import ZAddTimeTaskModal 	from '@/plugins/tm@modal/sub-task/z-add-time-task-modal.vue'
-import ZSubTaskModal 		from '@/plugins/tm@modal/sub-task/z-sub-task-modal.vue'
-
-
 export default {
-	components: {
-		ZCompleteTaskModal,
-		ZDeleteTaskModal,
-		ZAddTimeTaskModal,
-		ZSubTaskModal
-	},
-
 	props: {
 		calData: {
 			type: Object,
@@ -145,8 +126,6 @@ export default {
 				}
 			},
 			focusedEventId: null,
-			showCompleteModal: null,
-			showDeleteModal: null,
 			timeCellHeight: 100,
 		}
 	},
@@ -212,37 +191,24 @@ export default {
 		},
 
 		clickCompleteTask(event) {
-			if (event.completed) this.completeTask(event.id)
-			else this.showCompleteModal = {task: event}
+			if (event.completed) this.completeTask(event)
 		},
 
-		completeTask(id) {
-			this.$emit('completeTask', id)
+		completeTask(task) {
+			this.$events.emit('show-complete-task-modal', {task})
 		},
 
-		editTask(subTask, editMode) {
-			this.$refs['z-sub-task-modal'].create(subTask, editMode)
+		editTask(task, editMode) {
+			this.$events.emit('show-task-modal', {task, editMode})
 		},
 
-		addTimeModal() {
-			this.$refs['z-add-time-task-modal'].showModal()
+		addTimeModal(task) {
+			this.$events.emit('show-task-add-time-modal', {task})
 		},
 
-		deleteTask(id) {
-			this.$emit('deleteTask', id)
-		},
-
-		// completeTask(id) {
-		// 	this.$emit('completeTask', id)
-		// },
-
-		// editTask(id) {
-		// 	this.$emit('edit-task', id)
-		// },
-
-		// deleteTask(id) {
-		// 	this.$emit('deleteTask', id)
-		// },
+		deleteTask(task) {
+			this.$events.emit('show-delete-task-modal', {task})
+		}
 	}
 }
 </script>