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

Reminders in the past are now shown in red

Browse source
This commit is contained in:
kolaente 2018-11-26 00:24:20 +01:00
parent f4e84d4497
commit fe1b5a1af8
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -78,7 +78,7 @@
</div> </div>
<b>Reminder Dates</b> <b>Reminder Dates</b>
<div class="reminder-input" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index"> <div class="reminder-input" :class="{ 'overdue': (r < nowUnix && index !== (taskEditTask.reminderDates.length - 1))}" v-for="(r, index) in taskEditTask.reminderDates" v-bind:key="index">
<flat-pickr <flat-pickr
:class="{ 'disabled': loading}" :class="{ 'disabled': loading}"
:disabled="loading" :disabled="loading"
@ -89,7 +89,7 @@
:data-index="index" :data-index="index"
placeholder="Add a new reminder..."> placeholder="Add a new reminder...">
</flat-pickr> </flat-pickr>
<a v-if="index !== (taskEditTask.reminderDates.length - 1)" @click="removeReminderByIndex(index)"><icon icon="times"></icon></a> <a v-if="index !== (taskEditTask.reminderDates.length - 1)" @click="removeReminderByIndex(index)"><icon icon="times"></icon></a>
</div> </div>
<div class="field"> <div class="field">
@ -139,6 +139,7 @@
isTaskEdit: false, isTaskEdit: false,
taskEditTask: {}, taskEditTask: {},
lastReminder: 0, lastReminder: 0,
nowUnix: new Date(),
flatPickerConfig:{ flatPickerConfig:{
altFormat: 'j M Y H:i', altFormat: 'j M Y H:i',
altInput: true, altInput: true,

4
src/vikunja.scss
View file

@ -127,6 +127,10 @@ h1,h2,h3,h4,h5,h6{
.reminder-input{ .reminder-input{
margin: 0; margin: 0;
&.overdue input{
color: $red;
}
&:last-child { &:last-child {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }