vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

feat: replace our home-grown gantt implementation with ganttastic #2180

Merged
konrad merged 78 commits from feature/ganttastic into main 2022-10-27 16:03:27 +00:00
Conversation 41 Commits 78 Files Changed 48 +5 -5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 98d0398ca8 - Show all commits

10
src/components/tasks/gantt-chart.vue
View File

@ -65,7 +65,7 @@ import TaskModel from '@/models/task'
import {useRouter} from 'vue-router'
import Loading from '@/components/misc/loading.vue'
konrad marked this conversation as resolved Outdated
dpschen commented 2022-07-21 22:25:35 +00:00
Outdated
Review
Copy Link

picky: use DATE_FORMAT to make clear it's a 'config const'

picky: use `DATE_FORMAT` to make clear it's a 'config const'
dpschen commented 2022-07-21 22:26:04 +00:00
Outdated
Review
Copy Link

But also: shouldn't this depend on the user setting / language?

But also: shouldn't this depend on the user setting / language?
konrad commented 2022-08-02 11:47:35 +00:00
Outdated
Review
Copy Link

shouldn't this depend on the user setting / language?

It's only used to pass the date in the correct format to the gantt chart libaray so it will always be the same. Not sure why they only take strings as input instead of Date objects but that's how it is.

> shouldn't this depend on the user setting / language? It's only used to pass the date in the correct format to the gantt chart libaray so it will always be the same. Not sure why they only take strings as input instead of `Date` objects but that's how it is.
👍 1
const dateFormat = 'yyyy-LL-dd HH:mm'
const DATE_FORMAT = 'yyyy-LL-dd HH:mm'
const store = useStore()
const router = useRouter()
@ -112,14 +112,14 @@ const canWrite = computed(() => store.state.currentList.maxRight > Rights.READ)
const tasks = ref([])
const ganttBars = ref([])
const defaultStartDate = format(new Date(), dateFormat)
const defaultEndDate = format(new Date((new Date()).setDate((new Date()).getDate() + 7)), dateFormat)
const defaultStartDate = format(new Date(), DATE_FORMAT)
const defaultEndDate = format(new Date((new Date()).setDate((new Date()).getDate() + 7)), DATE_FORMAT)
function transformTaskToGanttBar(t: TaskModel) {
const black = 'var(--grey-800)'
return [{
startDate: t.startDate ? format(t.startDate, dateFormat) : defaultStartDate,
endDate: t.endDate ? format(t.endDate, dateFormat) : defaultEndDate,
startDate: t.startDate ? format(t.startDate, DATE_FORMAT) : defaultStartDate,
endDate: t.endDate ? format(t.endDate, DATE_FORMAT) : defaultEndDate,
ganttBarConfig: {
id: t.id,
label: t.title,