local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

chore: use width property

Browse source
This commit is contained in:
kolaente 2022-07-20 21:53:21 +02:00
parent 40f7871f1b
commit ecaa09285b
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,24 +1,24 @@
<template> <template>
<div class="gantt-container"> <div class="gantt-container">
<div :style="{'width': ganttChartWidth + 'px'}"> <g-gantt-chart
<g-gantt-chart :chart-start="`${dateFrom} 00:00`"
:chart-start="`${dateFrom} 00:00`" :chart-end="`${dateTo} 23:59`"
:chart-end="`${dateTo} 23:59`" :precision="precision"
:precision="precision" bar-start="startDate"
bar-start="startDate" bar-end="endDate"
bar-end="endDate" :grid="true"
:grid="true" @dragend-bar="updateTask"
@dragend-bar="updateTask" @dblclick-bar="openTask"
@dblclick-bar="openTask" font="'Open Sans', sans-serif"
> :width="ganttChartWidth + 'px'"
<g-gantt-row >
v-for="(bar, k) in ganttBars" <g-gantt-row
:key="k" v-for="(bar, k) in ganttBars"
label="" :key="k"
:bars="bar" label=""
/> :bars="bar"
</g-gantt-chart> />
</div> </g-gantt-chart>
</div> </div>
<form <form
@submit.prevent="createTask()" @submit.prevent="createTask()"
@ -82,7 +82,7 @@ const ganttChartWidth = computed(() => {
const from = parse(props.dateFrom, 'yyyy-LL-dd', new Date()) const from = parse(props.dateFrom, 'yyyy-LL-dd', new Date())
const to = parse(props.dateTo, '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)) const dateDiff = Math.floor((to - from) / (1000 * 60 * 60 * 24))
return dateDiff * DAY_WIDTH_PIXELS return dateDiff * DAY_WIDTH_PIXELS
}) })