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 +20 -20
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7a7a1c985e - Show all commits

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

@ -1,24 +1,24 @@
<template>
<div class="gantt-container">
konrad marked this conversation as resolved Outdated
dpschen commented 2022-07-21 22:21:18 +00:00
Outdated
Review
Copy Link

Use loading component. This way it's easier for us to refactor the is-loading styles from bulma later.

Use loading component. This way it's easier for us to refactor the `is-loading` styles from bulma later.
konrad commented 2022-08-02 12:02:07 +00:00
Outdated
Review
Copy Link

Done.

Done.
🎉 1
<div :style="{'width': ganttChartWidth + 'px'}">
<g-gantt-chart
:chart-start="`${dateFrom} 00:00`"
:chart-end="`${dateTo} 23:59`"
:precision="precision"
bar-start="startDate"
bar-end="endDate"
:grid="true"
@dragend-bar="updateTask"
@dblclick-bar="openTask"
>
<g-gantt-row
v-for="(bar, k) in ganttBars"
:key="k"
label=""
:bars="bar"
/>
</g-gantt-chart>
</div>
<g-gantt-chart
:chart-start="`${dateFrom} 00:00`"
:chart-end="`${dateTo} 23:59`"
:precision="precision"
bar-start="startDate"
bar-end="endDate"
:grid="true"
@dragend-bar="updateTask"
@dblclick-bar="openTask"
font="'Open Sans', sans-serif"
konrad marked this conversation as resolved Outdated
dpschen commented 2022-07-21 22:22:47 +00:00
Outdated
Review
Copy Link

Is it possible to use here simply inherit as value?

Is it possible to use here simply `inherit` as value?
konrad commented 2022-08-02 12:02:23 +00:00
Outdated
Review
Copy Link

Seems to work, yes.

Seems to work, yes.
🎉 1
dpschen commented 2022-10-07 11:46:32 +00:00
Outdated
Review
Copy Link

Not necessary with lates release. Removed.

Not necessary with lates release. Removed.
:width="ganttChartWidth + 'px'"
>
<g-gantt-row
v-for="(bar, k) in ganttBars"
:key="k"
label=""
:bars="bar"
/>
</g-gantt-chart>
</div>
<form
@submit.prevent="createTask()"
@ -82,7 +82,7 @@ const ganttChartWidth = computed(() => {
const from = parse(props.dateFrom, 'yyyy-LL-dd', new Date())
const to = parse(props.dateTo, 'yyyy-LL-dd', new Date())
const dateDiff = Math.floor((to - from) / (1000 * 60 * 60 * 24))
return dateDiff * DAY_WIDTH_PIXELS
})