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

Add pen icon to link to task detail

Browse source
This commit is contained in:
kolaente 2021-05-20 17:15:53 +02:00
parent 7e6d5956ba
commit affaa95e3f
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/tasks/gantt-component.vue
View file

@ -37,11 +37,13 @@
:highlight-on-hover="true" :highlight-on-hover="true"
> >
<template v-slot:bar-label> <template v-slot:bar-label>
{{ t.title }} <span>
{{ t.title }}
</span>
<router-link :to="{name: 'task.detail', params: {id: t.id}}" class="edit-task-link">
<icon icon="pen"/>
</router-link>
</template> </template>
<!-- <template #bar-label="{bar}">-->
<!-- <span>{{ bar.label }}</span>-->
<!-- </template>-->
</g-gantt-row> </g-gantt-row>
</g-gantt-chart> </g-gantt-chart>
@ -546,7 +548,6 @@ export default {
const bar = e.movedBars.entries().next().value[0] const bar = e.movedBars.entries().next().value[0]
const index = this.theTasks.findIndex(t => t.id === bar.id) const index = this.theTasks.findIndex(t => t.id === bar.id)
const task = this.theTasks[index] const task = this.theTasks[index]
console.log(bar, task)
task.startDate = new Date(bar.start) task.startDate = new Date(bar.start)
task.endDate = new Date(bar.end) task.endDate = new Date(bar.end)
this.$set(this.theTasks, index, task) this.$set(this.theTasks, index, task)

12
src/styles/components/gantt.scss
View file

@ -246,12 +246,22 @@ $gantt-vertical-border-color: $grey-100;
.g-gantt-bar { .g-gantt-bar {
border-radius: 6px !important; border-radius: 6px !important;
overflow: visible !important; overflow: visible !important;
cursor: grab;
&:active {
cursor: grabbing;
}
.g-gantt-bar-label { .g-gantt-bar-label {
font-size: .85rem; font-size: .85rem;
justify-content: start; justify-content: space-between;
padding: 0 .5rem !important; padding: 0 .5rem !important;
overflow: hidden; overflow: hidden;
.edit-task-link {
color: inherit;
padding: 0 .25rem;
}
} }
.g-gantt-bar-handle-left, .g-gantt-bar-handle-right { .g-gantt-bar-handle-left, .g-gantt-bar-handle-right {