f0498fd767
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/562 Co-authored-by: konrad <konrad@kola-entertainments.de> Co-committed-by: konrad <konrad@kola-entertainments.de>
50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<template>
|
|
<div class="select">
|
|
<select :disabled="disabled" @change="updateData" v-model="priority">
|
|
<option :value="priorities.UNSET">{{ $t('task.priority.unset') }}</option>
|
|
<option :value="priorities.LOW">{{ $t('task.priority.low') }}</option>
|
|
<option :value="priorities.MEDIUM">{{ $t('task.priority.medium') }}</option>
|
|
<option :value="priorities.HIGH">{{ $t('task.priority.high') }}</option>
|
|
<option :value="priorities.URGENT">{{ $t('task.priority.urgent') }}</option>
|
|
<option :value="priorities.DO_NOW">{{ $t('task.priority.doNow') }}</option>
|
|
</select>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import priorites from '../../../models/priorities'
|
|
|
|
export default {
|
|
name: 'prioritySelect',
|
|
data() {
|
|
return {
|
|
priorities: priorites,
|
|
priority: 0,
|
|
}
|
|
},
|
|
props: {
|
|
value: {
|
|
default: 0,
|
|
type: Number,
|
|
},
|
|
disabled: {
|
|
default: false,
|
|
},
|
|
},
|
|
watch: {
|
|
// Set the priority to the :value every time it changes from the outside
|
|
value(newVal) {
|
|
this.priority = newVal
|
|
},
|
|
},
|
|
mounted() {
|
|
this.priority = this.value
|
|
},
|
|
methods: {
|
|
updateData() {
|
|
this.$emit('input', this.priority)
|
|
this.$emit('change')
|
|
},
|
|
},
|
|
}
|
|
</script>
|