# Conflicts:
#	package.json
#	src/components/tasks/gantt-component.vue
#	src/main.ts

@@ -0,0 +1,44 @@
+<!--
+
+Please fill out this issue template to report a bug.

@@ -0,0 +1,341 @@
+<template>
+	<div class="gantt-container loading-container" :class="{'is-loading': taskService.loading || taskCollectionService.loading}">

@@ -0,0 +9,4 @@
+			:grid="true"
+			@dragend-bar="updateTask"
+			@dblclick-bar="openTask"
+			font="'Open Sans', sans-serif"

@@ -0,0 +59,4 @@
+import {format, parse} from 'date-fns'
+import {colorIsDark} from '@/helpers/color/colorIsDark'
+import {useStore} from 'vuex'
+import Rights from '../../models/constants/rights.json'

@@ -0,0 +63,4 @@
+import TaskModel from '@/models/task'
+import {useRouter} from 'vue-router'
+
+const dateFormat = 'yyyy-LL-dd HH:mm'

@@ -0,0 +87,4 @@
+	},
+	showTasksWithoutDates: {
+		type: Boolean,
+		required: false,

@@ -0,0 +107,4 @@
+
+const canWrite = computed(() => store.state.currentList.maxRight > Rights.READ)
+
+const tasks = ref([])

@@ -0,0 +141,4 @@
+}
+
+async function loadTasks() {
+	tasks.value = new Map()

@@ -0,0 +173,4 @@
+	mapGanttBars()
+}
+
+loadTasks()

@@ -0,0 +184,4 @@
+	task.startDate = e.bar.startDate
+	task.endDate = e.bar.endDate
+	const r = await taskService.value.update(task)
+	for (const i in ganttBars.value) {

@@ -0,0 +192,4 @@
+}
+
+const newTaskFieldActive = ref(false)
+const newTaskTitleField = ref()

@@ -124,6 +124,9 @@ if (window.SENTRY_ENABLED) {
 	import('./sentry').then(sentry => sentry.default(app, router))
 }
 
+import ganttastic from '@infectoone/vue-ganttastic'

@@ -89,2 +75,4 @@
+const showTasksWithoutDates = ref(false)
+const precision = ref('day')
 
 const now = ref(new Date())

@@ -93,0 +80,4 @@
+const defaultTo = format(new Date((new Date()).setDate(now.value.getDate() + 55)), 'yyyy-LL-dd')
+const range = ref(`${defaultFrom} to ${defaultTo}`)
+
+// TODO: only update once both dates are available (maybe use a watcher + refs instead?)

@@ -4607,6 +4614,11 @@ dayjs@^1.10.4:
   resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.3.tgz#4754eb694a624057b9ad2224b67b15d552589258"
   integrity sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A==
 
+dayjs@^1.10.5:

@@ -0,0 +104,4 @@
+
+const canWrite = computed(() => store.state.currentList.maxRight > Rights.READ)
+
+const tasks = ref<Map<number, TaskModel>>([])

@@ -0,0 +268,4 @@
+
+.g-timeunit .timeunit-wrapper {
+	padding: 0.5rem 0;
+	font-size: 1rem !important;

@@ -0,0 +1,234 @@
+<template>

@@ -0,0 +1,21 @@
+import { defineAsyncComponent, type AsyncComponentLoader, type AsyncComponentOptions, type Component, type ComponentPublicInstance } from 'vue'

@@ -0,0 +1,30 @@
+import type {DateISO} from '@/types/DateISO'
+import type {DateKebab} from '@/types/DateKebab'
+
+export function parseDateProp(kebabDate: DateKebab | undefined): string | undefined {

@@ -86,0 +105,4 @@
+				return
+			}
+			console.log('foo')
+			await import(`../../node_modules/dayjs/locale/${dayjsLanguageCode}.js`)