kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(gantt): update relation arrows in real-time during drag and resize

This commit is contained in:
kolaente 2026-03-02 10:31:12 +01:00
parent df766a0636
commit 71a2cdbb28
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/components/gantt/GanttChart.vue
View File

@ -339,14 +339,30 @@ const ROW_HEIGHT = 40
const barPositions = computed(() => {
const positions = new Map<number, GanttBarPosition>()
const ds = dragState.value
const dragPixelOffset = ds ? ds.currentDays * DAY_WIDTH_PIXELS : 0
ganttBars.value.forEach((rowBars, rowIndex) => {
for (const bar of rowBars) {
const taskId = Number(bar.id)
const x = computeBarX(bar.start)
const width = computeBarWidth(bar)
let x = computeBarX(bar.start)
let width = computeBarWidth(bar)
const y = rowIndex * ROW_HEIGHT + ROW_HEIGHT / 2
// Apply drag/resize offset for the active bar
if (ds && bar.id === ds.barId && dragPixelOffset !== 0) {
if (isDragging.value) {
x += dragPixelOffset
} else if (isResizing.value) {
if (ds.edge === 'start') {
x += dragPixelOffset
width -= dragPixelOffset
} else {
width += dragPixelOffset
}
}
}
positions.set(taskId, {x, y, width, rowIndex})
}
})