[Teams] WIP

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

@@ -59,6 +59,7 @@
 			<template v-slot:event="{ event }">
 				<!-- <div v-if="!event.nonWorking" @click.stop="editTask(event.id)" class="w-100 h-100 d-flex flex-column justify-space-between" :class="{'short-event' : getEventLenght(event) <= 9000000, 'mini-event' : getEventLenght(event) <= 5400000, 'micro-event' : getEventLenght(event) <= 3600000}"> -->
 				<div v-if="!event.nonWorking" class="w-100 h-100 d-flex flex-column justify-space-between" :class="{'short-event' : getEventLenght(event) <= 9000000, 'mini-event' : getEventLenght(event) <= 5400000, 'micro-event' : getEventLenght(event) <= 3600000}">
+					<h1>KOKOT</h1>
 					<div class="event-content">
 						<small v-if="(event.subtask.project_code && !event.is_blocker)" class="project-code">{{ event.subtask.project_code }}</small>
 						<h3>{{ event.subtask.master_task?.name || event.subtask.master_task }}</h3>

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

@@ -10,9 +10,8 @@
 import ATeamFilter from './_components/a-team-filter.vue'
 import ZTimeline from '@/plugins/tm@dashboard/_components/z-timeline.vue'
 
-import { format, setHours, setMinutes, setSeconds, subDays, addDays } from 'date-fns'
+import { setHours, setMinutes } from 'date-fns'
 import moment from 'moment'
-import timelineUtils from '../tasks/_utils/timeline.utils'
 
 export default {
 	components: {
@@ -21,20 +20,6 @@ export default {
 	},
 
 	data() {
-		// return {
-		// 	timelineData: null,
-		// 	formatedTasks: {tasks: []},
-		// 	errorToast: false,
-		// 	errorToastMessage: "Nepodarilo sa nacitat data!",
-		// 	dataLoaded: false,
-		// 	splitDays: [],
-		// 	unscheduledTime: 0,
-		// 	config: {
-		// 		date: new Date(),
-		// 		scrollHour: 7,
-		// 	}
-		// }
-
 		return {
 			filter: null,
 			subtasks: null,
@@ -174,121 +159,6 @@ export default {
 			} catch (error) {
 				this.$toast.error('Nepodarilo sa nacitat data!')
 			}
-		},
-
-
-
-
-
-
-		async getTimelineData(data) {
-			this.config.date = data.date
-			try {
-				this.timelineData = await this.$axios.get_auth_data('v1/overview/teams', {date: data.date, team: data.teamId})
-				this.generateEmployees()
-				this.formatTimelineDataToTimelineFormat()
-				this.generateNonWorkingHours(data.date)
-			} catch(error) {
-				this.timelineData = {error: error || 'Nepodarilo sa nacitat data!'}
-				console.error(error)
-			}
-		},
-
-		generateEmployees() {
-			this.splitDays = []
-			for (let i = 0; i < this.timelineData.length; i++) {
-				this.timelineData[i].splitId = i + 1
-				this.splitDays.push({
-					id: i + 1,
-					employeeId: this.timelineData[i].id,
-					firstName: this.timelineData[i].name,
-					name: this.timelineData[i].name + " " + this.timelineData[i].surname,
-					initials: this.timelineData[i].name.charAt(0).toUpperCase() + this.timelineData[i].surname.charAt(0).toUpperCase(),
-					unscheduledTime: Math.floor(this.timelineData[i].unscheduled_time / 60) + "," + String(this.timelineData[i].unscheduled_time % 60)[0]
-				})
-			}
-		},
-
-		formatTimelineDataToTimelineFormat() {
-			this.timelineData.tasks = []
-			this.unscheduledTime = 0
-
-			// format events
-			this.timelineData.forEach(user => {
-				user.tasks.forEach(event => {
-					event.name = user.name
-					event.surname = user.surname
-
-					event.start = new Date(event.starts_at)
-					event.end = new Date(event.ends_at)
-					event.split = user.splitId
-				})
-				this.timelineData.tasks.push(...user.tasks)
-				this.unscheduledTime += user.unscheduled_time
-			})
-
-			this.unscheduledTime = Math.floor(this.unscheduledTime / 60) + "," + String(this.unscheduledTime % 60)[0] + " h"
-		},
-
-		generateNonWorkingHours(date) {
-			let nonWorkingHours = []
-			let workStartHour = 23
-
-			this.timelineData.forEach(user => {
-				const start1 = { hour: 0, minutes: 0, seconds: 0}
-				const end1 = { hour: Number(user.work_hours_from.split(':')[0]), minutes: Number(user.work_hours_from.split(':')[1]) - 1, seconds: 0 }
-				const start2 = { hour: Number(user.work_hours_to.split(':')[0]), minutes: Number(user.work_hours_to.split(':')[1]) + 1, seconds: 0 }
-				const end2 = { hour: 23, minutes: 59, seconds: 59}
-
-				if (workStartHour > Number(user.work_hours_from.split(':')[0])) workStartHour = Number(user.work_hours_from.split(':')[0])
-
-				nonWorkingHours.push({
-					title: "Non working hours",
-					start: setSeconds(setMinutes(setHours(date, start1.hour), start1.minutes), start1.seconds),
-					end: setSeconds(setMinutes(setHours(date, end1.hour), end1.minutes), end1.seconds),
-					nonWorking: true,
-					split: user.splitId,
-					draggable: false
-				})
-				nonWorkingHours.push({
-					title: "Non working hours",
-					start: setSeconds(setMinutes(setHours(date, start2.hour), start2.minutes), start2.seconds),
-					end: setSeconds(setMinutes(setHours(date, end2.hour), end2.minutes), end2.seconds),
-					nonWorking: true,
-					split: user.splitId,
-					draggable: false
-				})
-			})
-
-			this.config.scrollHour = workStartHour - 1
-			this.timelineData.tasks.push(...nonWorkingHours)
-		},
-
-		async onEventMoved(event) {
-			// console.log("drag", event)
-			const task = this.timelineData.tasks.find(task => task.id == event.event.id)
-			const newEmployeeId = this.splitDays.find(split => split.id == event.newSplit).employeeId
-
-			try {
-				// await this.$axios.post_auth_data(`v1/overview/tasks/${event.event.id}`, {start: newEmployeeId})
-				task.split = event.newSplit
-				task.start = event.event.start
-				task.end = event.event.end
-			} catch(error) {
-				task.split = event.oldSplit
-				task.start = new Date(event.originalEvent.start)
-				task.end = new Date(event.originalEvent.end)
-				this.$toast.error(error)
-			}
-		},
-
-		completeTask(id) {
-			const task = this.timelineData.tasks.find(task => task.id == id)
-			task.completed = !task.completed
-		},
-
-		deleteTask(id) {
-			this.timelineData.tasks.splice(this.timelineData.tasks.findIndex(item => item.id === id), 1)
 		}
 	}
 }