From fe1b5a1af8a470e3b111647fe5ea8cd76022fb00 Mon Sep 17 00:00:00 2001
From: kolaente <konrad@kola-entertainments.de>
Date: Mon, 26 Nov 2018 00:24:20 +0100
Subject: [PATCH] Reminders in the past are now shown in red

---
 src/components/lists/ShowList.vue | 5 +++--
 src/vikunja.scss                  | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/lists/ShowList.vue b/src/components/lists/ShowList.vue
index 87548e3c2..9370819e5 100644
--- a/src/components/lists/ShowList.vue
+++ b/src/components/lists/ShowList.vue
@@ -78,7 +78,7 @@
 								</div>
 
 								<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
 										:class="{ 'disabled': loading}"
 										:disabled="loading"
@@ -89,7 +89,7 @@
 										:data-index="index"
 										placeholder="Add a new reminder...">
 									</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 class="field">
@@ -139,6 +139,7 @@
 				isTaskEdit: false,
 				taskEditTask: {},
 				lastReminder: 0,
+				nowUnix: new Date(),
                 flatPickerConfig:{
                     altFormat: 'j M Y H:i',
                     altInput: true,
diff --git a/src/vikunja.scss b/src/vikunja.scss
index 4562f205e..63f1e8a3b 100644
--- a/src/vikunja.scss
+++ b/src/vikunja.scss
@@ -127,6 +127,10 @@ h1,h2,h3,h4,h5,h6{
   .reminder-input{
     margin: 0;
 
+    &.overdue input{
+      color: $red;
+    }
+
     &:last-child {
       margin-bottom: 0.75rem;
     }