[Review]

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

@@ -66,7 +66,7 @@
 						</div>
 					</div>
 
-					<div class="event-footer d-flex">		
+					<div class="event-footer d-flex">
 						<v-btn rounded class="event-footer-button me-2" :class="{'completed': event.completed}" @click="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="this.showDeleteModal = {task: event}"><img :src="require('./_img/bin.svg')" alt=""></v-btn>
@@ -83,12 +83,15 @@
 		</Vue-cal>
 
 		<Z-sub-task-modal ref="z-sub-task-modal" />
+
+		<!-- Kravarik: Prerobit modaly na novy sposob -->
 		<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" />
 	</div>
 </template>
 
 <script>
+// Kaluza: Cely tento komponent presun do tm@dashboard/_components/z-timeline.vue
 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 ZSubTaskModal 		from '@/plugins/tm@modal/sub-task/z-sub-task-modal.vue'
@@ -142,12 +145,10 @@ export default {
 		}
 	},
 
-	mounted() {
-		// console.log(this.calData.tasks)
-	},
-
 	methods: {
 		weekChanged() {
+			// Kaluza: Skus tieto document.getElementBy... prerobit na this.$el.getElement ...
+			// Je za tym viacero problemov ktore by to mohlo sposobit, v tejto appke asi ne ale nech si drzime best practices
 			const scrollContainer = document.getElementsByClassName('vuecal__scrollable-body')[0]
 			scrollContainer.scrollLeft = 0
 		},
@@ -162,7 +163,9 @@ export default {
 		},
 
 		correctMargins() {
-			if (!document.getElementsByClassName('vuecal__split-days-headers').length) return
+			if (!document.getElementsByClassName('vuecal__split-days-headers').length)
+				return
+
 			const heightOfDayHeader = document.getElementsByClassName('vuecal__split-days-headers')[0].clientHeight
 			document.getElementsByClassName('vuecal__time-column')[0].style.marginTop = `${heightOfDayHeader}px`
 			document.getElementsByClassName('vuecal__cells-body')[0].style.marginTop = `${heightOfDayHeader}px`
@@ -230,7 +233,7 @@ export default {
 	.calendar-wrapper
 		width: 100%
 		height: 100%
-		// padding: 0 20px 0 0 
+		// padding: 0 20px 0 0
 
 		&:deep()
 			.vuecal__cells