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

feat: percentDoneSelect script setup (#1922)

Browse source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1922
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-05-14 15:07:04 +00:00 committed by konrad
parent 4b6015da99
commit 8d785cbf29
1 changed files with 23 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/tasks/partials/percentDoneSelect.vue
View file

@ -1,6 +1,9 @@
<template>
<div class="select">
<select :disabled="disabled || null" v-model.number="percentDone">
<select
v-model.number="percentDone"
:disabled="disabled || undefined"
>
<option value="0">0%</option>
<option value="0.1">10%</option>
<option value="0.2">20%</option>
@ -16,11 +19,10 @@
</div>
</template>
<script lang="ts">
import {defineComponent} from 'vue'
export default defineComponent({
name: 'percentDoneSelect',
props: {
<script setup lang="ts">
import {computed} from 'vue'
const props = defineProps({
modelValue: {
default: 0,
type: Number,
@ -28,18 +30,15 @@ export default defineComponent({
disabled: {
default: false,
},
},
emits: ['update:modelValue', 'change'],
computed: {
percentDone: {
get() {
return this.modelValue
},
})
const emit = defineEmits(['update:modelValue', 'change'])
const percentDone = computed({
get: () => props.modelValue,
set(percentDone) {
this.$emit('update:modelValue', percentDone)
this.$emit('change')
},
},
emit('update:modelValue', percentDone)
emit('change')
},
})
</script>