@@ -3,12 +3,11 @@
|
|||||||
<ul class="labels">
|
<ul class="labels">
|
||||||
<li v-for="label in labels" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
|
<li v-for="label in labels" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
|
||||||
<template v-if="editingLabelId === label.id">
|
<template v-if="editingLabelId === label.id">
|
||||||
<form class="label-form">
|
<form class="label-form" @submit.prevent="updateLabel(label)">
|
||||||
<input v-model="editingLabel.title" type="text">
|
<input v-model="editingLabel.title" type="text">
|
||||||
<input v-tooltip="{content: missingDataLabel, show: !editLabelObjValidated, trigger: 'manual' }" :disabled="!editLabelObjValidated" type="submit"
|
<input v-tooltip="{content: missingDataLabel, show: !editLabelObjValidated, trigger: 'manual' }" :disabled="!editLabelObjValidated" type="submit"
|
||||||
value="" class="icon-confirm"
|
value="" class="icon-confirm">
|
||||||
@click="updateLabel(label)">
|
<input v-tooltip="t('deck', 'Cancel')" value=""
|
||||||
<input v-tooltip="t('deck', 'Cancel')" type="submit" value=""
|
|
||||||
class="icon-close" @click="editingLabelId = null">
|
class="icon-close" @click="editingLabelId = null">
|
||||||
</form>
|
</form>
|
||||||
<ColorPicker :value="'#' + editingLabel.color" @input="updateColor" />
|
<ColorPicker :value="'#' + editingLabel.color" @input="updateColor" />
|
||||||
@@ -24,19 +23,20 @@
|
|||||||
|
|
||||||
<li v-if="addLabel" class="editing">
|
<li v-if="addLabel" class="editing">
|
||||||
<template>
|
<template>
|
||||||
<form class="label-form">
|
<form class="label-form" @submit.prevent="clickAddLabel">
|
||||||
<input v-model="addLabelObj.title" type="text">
|
<input v-model="addLabelObj.title" type="text">
|
||||||
<input v-tooltip="{content: missingDataLabel, show: !addLabelObjValidated, trigger: 'manual' }" :disabled="!addLabelObjValidated" type="submit"
|
<input v-tooltip="{content: missingDataLabel, show: !addLabelObjValidated, trigger: 'manual' }" :disabled="!addLabelObjValidated"
|
||||||
value="" class="icon-confirm"
|
type="submit"
|
||||||
@click="clickAddLabel()">
|
value="" class="icon-confirm">
|
||||||
<input v-tooltip="t('deck', 'Cancel')" type="submit" value=""
|
<input v-tooltip="t('deck', 'Cancel')" value=""
|
||||||
class="icon-close" @click="addLabel=false">
|
class="icon-close" @click="addLabel=false">
|
||||||
</form>
|
</form>
|
||||||
<ColorPicker :value="'#' + addLabelObj.color" @input="updateColor" />
|
<ColorPicker :value="'#' + addLabelObj.color" @input="updateColor" />
|
||||||
</template>
|
</template>
|
||||||
</li>
|
</li>
|
||||||
<button @click="clickShowAddLabel()">
|
<button @click="clickShowAddLabel()">
|
||||||
<span class="icon-add" />{{ t('deck', 'Add a new label') }}</button>
|
<span class="icon-add" />{{ t('deck', 'Add a new label') }}
|
||||||
|
</button>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -96,9 +96,9 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
updateColor(c) {
|
updateColor(c) {
|
||||||
if (this.editingLabel === null) {
|
if (this.editingLabel === null) {
|
||||||
this.addLabelObj.color = c.hex.substring(1, 7)
|
this.addLabelObj.color = c.substring(1, 7)
|
||||||
} else {
|
} else {
|
||||||
this.editingLabel.color = c.hex.substring(1, 7)
|
this.editingLabel.color = c.substring(1, 7)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
clickEdit(label) {
|
clickEdit(label) {
|
||||||
|
|||||||
Reference in New Issue
Block a user