From 2be06712a8e258d2ee2b7b910af7fbc6150a3c34 Mon Sep 17 00:00:00 2001
From: Raphael Kabo <raphaelkabo@hey.com>
Date: Mon, 27 May 2024 09:56:57 +0100
Subject: Improve event lists

---
 views/publicEventList.handlebars | 41 +++++-----------------------------------
 1 file changed, 5 insertions(+), 36 deletions(-)

(limited to 'views/publicEventList.handlebars')

diff --git a/views/publicEventList.handlebars b/views/publicEventList.handlebars
index 8dccaaa..b8cacd0 100644
--- a/views/publicEventList.handlebars
+++ b/views/publicEventList.handlebars
@@ -21,44 +21,13 @@
 
 <div x-show="currentTab === 'events'">
     <div class="card mt-4 mb-4" id="upcomingEvents">
-    <h5 class="card-header">Upcoming events</h5>
-    <div class="list-group list-group-flush">
-    {{#if upcomingEvents}}
-        {{#each upcomingEvents}}
-        <a href="/{{this.id}}" class="list-group-item list-group-item-action">
-            <i class="fas fa-fw fa-calendar-day"></i>
-            <strong>{{this.name}}</strong>
-            {{#if this.location}}<span class="ml-2 text-muted"><i class="fas fa-map-marker-alt"></i> {{this.location}}</span>{{/if}}
-            <span class="ml-2 text-muted">{{this.displayDate}}</span>
-            {{#if this.eventGroup}}
-            <span class="badge badge-secondary ml-2">{{this.eventGroup.name}}</span>
-            {{/if}}
-        </a>
-        {{/each}}
-    {{else}}
-        <div class="list-group-item">No events!</div>
-    {{/if}}
-    </div>
+        <h5 class="card-header">Upcoming events</h5>
+        {{> eventList upcomingEvents }}
     </div>
 
     <div class="card mt-4 mb-4" id="pastEvents">
-    <h5 class="card-header">Past events</h5>
-    <div class="list-group list-group-flush">
-    {{#if pastEvents}}
-        {{#each pastEvents}}
-        <a href="/{{this.id}}" class="list-group-item list-group-item-action">
-            <i class="fas fa-fw fa-calendar-day"></i>
-            <strong>{{this.name}}</strong>
-            <span class="ml-2 text-muted">{{this.displayDate}}</span>
-            {{#if this.eventGroup}}
-            <span class="badge badge-secondary ml-2">{{this.eventGroup.name}}</span>
-            {{/if}}
-        </a>
-        {{/each}}
-    {{else}}
-        <div class="list-group-item">No events!</div>
-    {{/if}}
-    </div>
+        <h5 class="card-header">Past events</h5>
+        {{> eventList pastEvents }}
     </div>
 </div>
 
@@ -79,4 +48,4 @@
     {{/if}}
 </div>
 
-</main>
\ No newline at end of file
+</main>
-- 
cgit v1.2.3