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

Show a loading spinner when creating a new kanban task

Browse source
This commit is contained in:
kolaente 2020-11-28 15:44:48 +01:00
parent 1e72105635
commit 25bd9d17f9
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/views/list/views/Kanban.vue
View file

@ -154,15 +154,13 @@
</div> </div>
<div class="bucket-footer" v-if="canWrite"> <div class="bucket-footer" v-if="canWrite">
<div class="field" v-if="showNewTaskInput[bucket.id]"> <div class="field" v-if="showNewTaskInput[bucket.id]">
<div class="control"> <div class="control" :class="{'is-loading': taskService.loading}">
<input <input
class="input"
:class="{'is-loading': taskService.loading}"
:disabled="taskService.loading" :disabled="taskService.loading"
@focusout="toggleShowNewTaskInput(bucket.id)" @focusout="toggleShowNewTaskInput(bucket.id)"
@keyup.enter="addTaskToBucket(bucket.id)" @keyup.enter="addTaskToBucket(bucket.id)"
@keyup.esc="toggleShowNewTaskInput(bucket.id)" @keyup.esc="toggleShowNewTaskInput(bucket.id)"
class="input"
placeholder="Enter the new task text..." placeholder="Enter the new task text..."
type="text" type="text"
v-focus.always v-focus.always
@ -182,7 +180,7 @@
</span> </span>
<span v-if="bucket.tasks.length === 0"> <span v-if="bucket.tasks.length === 0">
Add a task Add a task
</span> </span>
<span v-else> <span v-else>
Add another task Add another task
</span> </span>