From aac4812ba8c15c4b42d3aff41f42e15d472fce03 Mon Sep 17 00:00:00 2001
From: Torsten Schulz <tsschulz@gmx.net>
Date: Fri, 6 Sep 2024 23:47:01 +0200
Subject: [PATCH] enhanced worship edit page

---
 src/content/admin/WorshipManagement.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/content/admin/WorshipManagement.vue b/src/content/admin/WorshipManagement.vue
index 9c0a3f3..32be261 100644
--- a/src/content/admin/WorshipManagement.vue
+++ b/src/content/admin/WorshipManagement.vue
@@ -47,7 +47,7 @@
     </form>
 
     <ul>
-      <li v-for="worship in worships" :key="worship.id">
+      <li v-for="worship in worships" :key="worship.id" :class="dateIsLowerCurrentDate(worship.date) ? 'old-items' : ''">
         <span>{{ worship.title }} - {{ formatDate(worship.date) }}, {{ formatTime(worship.time) }}</span>
         <button @click="editWorship(worship)">Bearbeiten</button>
         <button @click="deleteWorship(worship.id)">Löschen</button>
@@ -169,6 +169,11 @@ export default {
     getEventPlaceName(eventPlaceId) {
       const place = this.eventPlaces.find(place => place.id === eventPlaceId);
       return place ? place.name : 'Unbekannter Ort';
+    },
+    dateIsLowerCurrentDate(date) {
+      const currentDate = new Date();
+      const inputDate = new Date(date);
+      return inputDate < currentDate;
     }
   }
 };
@@ -236,4 +241,12 @@ li:hover .tooltip {
   visibility: visible;
   opacity: 1;
 }
+
+li > span {
+  flex: 1;
+}
+
+.old-items {
+  color: #aaa;
+}
 </style>