From e3a6f1b5f5d28bfd15d800decc8c3b82a5123764 Mon Sep 17 00:00:00 2001
From: Norbert Szulc <norbert@not7cd.net>
Date: Sun, 7 Jul 2024 20:17:02 +0200
Subject: [PATCH] feat: Show if an event is in the past

---
 components/Event.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/Event.vue b/components/Event.vue
index a59bf198..797f875d 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -1,7 +1,7 @@
 <template>
 <article class='h-event' itemscope itemtype="https://schema.org/Event">
 
-  
+
   <nuxt-link :to='`/event/${event.slug || event.id}`' itemprop="url">
     <MyPicture v-if='!hide_thumbs' :event='event' thumb :lazy='lazy' />
     <v-icon class='float-right mr-1' v-if='event.parentId' color='success' v-text='mdiRepeat' />
@@ -25,6 +25,7 @@
       <span itemprop='name'>{{ event.place.name }}</span>
     </nuxt-link>
     <div class='d-none' itemprop='address'>{{ event.place.address }}</div>
+    <div class='d-block' v-if="isPast">This event is in the past.</div>
 
   </v-card-text>
 
@@ -51,6 +52,17 @@ export default {
     event: { type: Object, default: () => ({}) },
     lazy: Boolean
   },
-  computed: mapGetters(['hide_thumbs'])
+  computed: {
+    ...mapGetters(['hide_thumbs']),
+    isPast() {
+      const now = new Date();
+      console.log(now, this.event.start_datetime)
+      if (this.event.end_datetime) {
+        return new Date(this.event.end_datetime*1000) < now;
+      } else {
+        return new Date(this.event.start_datetime*1000) < now;
+      }
+    }
+  }
 }
 </script>