feat: create task when pressing the button

This commit is contained in:
kolaente 2022-07-21 16:17:24 +02:00
parent 7d61635182
commit 3a32501064
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B

View file

@ -46,7 +46,7 @@
v-model="newTaskTitle" v-model="newTaskTitle"
/> />
</transition> </transition>
<x-button @click="showCreateNewTask" :shadow="false" icon="plus"> <x-button @click="showCreateTaskOrCreate" :shadow="false" icon="plus">
{{ $t('task.new') }} {{ $t('task.new') }}
</x-button> </x-button>
</form> </form>
@ -195,13 +195,15 @@ const newTaskFieldActive = ref(false)
const newTaskTitleField = ref() const newTaskTitleField = ref()
const newTaskTitle = ref('') const newTaskTitle = ref('')
function showCreateNewTask() { function showCreateTaskOrCreate() {
if (!newTaskFieldActive.value) { if (!newTaskFieldActive.value) {
// Timeout to not send the form if the field isn't even shown // Timeout to not send the form if the field isn't even shown
setTimeout(() => { setTimeout(() => {
newTaskFieldActive.value = true newTaskFieldActive.value = true
nextTick(() => newTaskTitleField.value.focus()) nextTick(() => newTaskTitleField.value.focus())
}, 100) }, 100)
} else {
createTask()
} }
} }