This commit is contained in:
Matteo Pagliazzi
2019-09-02 14:35:56 +02:00
parent 56af611212
commit b76f871288

View File

@@ -67,9 +67,9 @@
:checked="item.completed", :checked="item.completed",
@change="toggleChecklistItem(item)", @change="toggleChecklistItem(item)",
:disabled="castingSpell || !isUser", :disabled="castingSpell || !isUser",
:id="`checklist-${item.id}`" :id="`checklist-${item.id}-${random}`"
) )
label.custom-control-label(v-markdown="item.text", :for="`checklist-${item.id}`") label.custom-control-label(v-markdown="item.text", :for="`checklist-${item.id}-${random}`")
.icons.small-text.d-flex.align-items-center .icons.small-text.d-flex.align-items-center
.d-flex.align-items-center(v-if="task.type === 'todo' && task.date", :class="{'due-overdue': isDueOverdue}") .d-flex.align-items-center(v-if="task.type === 'todo' && task.date", :class="{'due-overdue': isDueOverdue}")
.svg-icon.calendar(v-html="icons.calendar", v-b-tooltip.hover.bottom="$t('dueDate')") .svg-icon.calendar(v-html="icons.calendar", v-b-tooltip.hover.bottom="$t('dueDate')")
@@ -543,6 +543,7 @@ import notifications from 'client/mixins/notifications';
import approvalHeader from './approvalHeader'; import approvalHeader from './approvalHeader';
import approvalFooter from './approvalFooter'; import approvalFooter from './approvalFooter';
import MenuDropdown from '../ui/customMenuDropdown'; import MenuDropdown from '../ui/customMenuDropdown';
import uuid from 'uuid';
export default { export default {
mixins: [notifications], mixins: [notifications],
@@ -557,6 +558,7 @@ export default {
props: ['task', 'isUser', 'group', 'dueDate'], // @TODO: maybe we should store the group on state? props: ['task', 'isUser', 'group', 'dueDate'], // @TODO: maybe we should store the group on state?
data () { data () {
return { return {
random: uuid.v4(), // used to avoid conflicts between checkboxes ids
icons: Object.freeze({ icons: Object.freeze({
positive: positiveIcon, positive: positiveIcon,
negative: negativeIcon, negative: negativeIcon,