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

UI improvements when editing a task

Browse source
This commit is contained in:
kolaente 2018-09-11 07:13:55 +02:00
parent b12496c983
commit f69b0bbb97
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/lists/ShowList.vue
View file

@ -60,13 +60,13 @@
<div class="field"> <div class="field">
<label class="label" for="tasktext">Task Text</label> <label class="label" for="tasktext">Task Text</label>
<div class="control"> <div class="control">
<input class="input" type="text" id="tasktext" placeholder="The task text is here..." v-model="taskEditTask.text"> <input :class="{ 'disabled': loading}" :disabled="loading" class="input" type="text" id="tasktext" placeholder="The task text is here..." v-model="taskEditTask.text">
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label class="label" for="taskdescription">Description</label> <label class="label" for="taskdescription">Description</label>
<div class="control"> <div class="control">
<textarea class="textarea" placeholder="The tasks description goes here..." id="taskdescription" v-model="taskEditTask.description"></textarea> <textarea :class="{ 'disabled': loading}" :disabled="loading" class="textarea" placeholder="The tasks description goes here..." id="taskdescription" v-model="taskEditTask.description"></textarea>
</div> </div>
</div> </div>
@ -75,7 +75,7 @@
<div class="field"> <div class="field">
<label class="label" for="taskduedate">Due Date</label> <label class="label" for="taskduedate">Due Date</label>
<div class="control"> <div class="control">
<input type="date" class="input" id="taskduedate" placeholder="The tasks due date is here..." v-model="taskEditTask.dueDate"> <input :class="{ 'disabled': loading}" :disabled="loading" type="date" class="input" id="taskduedate" placeholder="The tasks due date is here..." v-model="taskEditTask.dueDate">
</div> </div>
</div> </div>
</div> </div>
@ -83,13 +83,13 @@
<div class="field"> <div class="field">
<label class="label" for="taskreminderdate">Reminder Date</label> <label class="label" for="taskreminderdate">Reminder Date</label>
<div class="control"> <div class="control">
<input type="date" class="input" id="taskreminderdate" placeholder="The tasks reminder date is here..." v-model="taskEditTask.reminderDate"> <input :class="{ 'disabled': loading}" :disabled="loading" type="date" class="input" id="taskreminderdate" placeholder="The tasks reminder date is here..." v-model="taskEditTask.reminderDate">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<button type="submit" class="button is-success is-fullwidth"> <button type="submit" class="button is-success is-fullwidth" :class="{ 'is-loading': loading}">
Save Save
</button> </button>