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

WIP: fix: replace the "Mark as done/undone" button with checkbox #3279

Closed
WofWca wants to merge 1 commits from WofWca/frontend:replace-done-button-with-checkbox into main
pull from: WofWca/frontend:replace-done-button-with-checkbox
merge into: vikunja:main
Conversation 11 Commits 1 Files Changed 1 +6 -10
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/tasks/TaskDetailView.vue
View File

@ -284,17 +284,12 @@
</div> </div>
<div class="column is-one-third action-buttons d-print-none" v-if="canWrite || isModal"> <div class="column is-one-third action-buttons d-print-none" v-if="canWrite || isModal">
<template v-if="canWrite"> <template v-if="canWrite">
<x-button <fancycheckbox
:class="{'is-success': !task.done}" @change="toggleTaskDone()"
:shadow="task.done" :value="task.done"
@click="toggleTaskDone()"
class="is-outlined has-no-border"
icon="check-double"
variant="secondary"
v-shortcut="'t'"
> >
{{ task.done ? $t('task.detail.undone') : $t('task.detail.done') }} {{ $t('task.attributes.done') }}
</x-button> </fancycheckbox>
<task-subscription <task-subscription
entity="task" entity="task"
:entity-id="task.id" :entity-id="task.id"
@ -472,6 +467,7 @@ import Datepicker from '@/components/input/datepicker.vue'
import Description from '@/components/tasks/partials/description.vue' import Description from '@/components/tasks/partials/description.vue'
import EditAssignees from '@/components/tasks/partials/editAssignees.vue' import EditAssignees from '@/components/tasks/partials/editAssignees.vue'
import EditLabels from '@/components/tasks/partials/editLabels.vue' import EditLabels from '@/components/tasks/partials/editLabels.vue'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import Heading from '@/components/tasks/partials/heading.vue' import Heading from '@/components/tasks/partials/heading.vue'
import ProjectSearch from '@/components/tasks/partials/projectSearch.vue' import ProjectSearch from '@/components/tasks/partials/projectSearch.vue'
import PercentDoneSelect from '@/components/tasks/partials/percentDoneSelect.vue' import PercentDoneSelect from '@/components/tasks/partials/percentDoneSelect.vue'