Add post and event cards, shared calendar sheet and per-event ICS; rework past events and next-event card

Elternbeirat.Web/Features/Events/EventList.razor

@@ -21,10 +21,9 @@
 }
 else
 {
-    <p class="intro">
-        Alle Termine des Elternbeirats auf einen Blick. Sie können den Kalender auch
-        <a href="/events.ics">abonnieren</a> und in Ihrer Kalender-App automatisch
-        aktuell halten.
+    @* The page body above is the intro; the page only adds the subscribe button. *@
+    <p class="events-subscribe">
+        <a class="btn btn-secondary" href="/events.ics"><Icon Name="calendar-plus" Size="18" /> Kalender abonnieren</a>
     </p>
 
     <h2>Kommende Termine</h2>
@@ -38,41 +37,38 @@ else
         <ul class="event-list">
             @foreach (var ev in _upcomingEvents)
             {
-                <li>
-                    <a class="card-link" href="/events">
-                        <span class="event-title">@ev.Title</span>
-                        <EventDate Value="ev" />
-                        @if (!string.IsNullOrWhiteSpace(ev.Location))
-                        {
-                            <span class="event-location">@ev.Location</span>
-                        }
-                        @if (!string.IsNullOrWhiteSpace(ev.Note))
-                        {
-                            <p class="event-note">@ev.Note</p>
-                        }
-                    </a>
-                </li>
+                @* No Href: a card linking to this very page would lead nowhere. *@
+                <li><EventCard Value="ev" /></li>
             }
         </ul>
     }
 
+    @* Past events matter rarely, so they wait folded up and compact: grouped by year,
+       then day, title and (if the event has one) the time per row. *@
     @if (_pastEvents.Count > 0)
     {
-        <h2>Vergangene Termine</h2>
-        <ul class="event-list event-list-past">
-            @foreach (var ev in _pastEvents)
+        <details class="past-events disclosure">
+            <summary>Vergangene Termine anzeigen (@_pastEvents.Count)</summary>
+            @foreach (var year in PastYears)
             {
-                <li>
-                    <a class="card-link" href="/events">
-                        <span class="event-title">@ev.Title</span>
-                        <EventDate Value="ev" />
-                        @if (!string.IsNullOrWhiteSpace(ev.Location))
-                        {
-                            <span class="event-location">@ev.Location</span>
-                        }
-                    </a>
-                </li>
+                <h3 class="past-events-year">@year.Key</h3>
+                <ul>
+                    @foreach (var ev in year)
+                    {
+                        var time = EventDateFormat.PastTime(ev);
+                        <li>
+                            <span class="past-event-date">@EventDateFormat.PastDays(ev)</span>
+                            <span class="past-event-title">
+                                @ev.Title
+                                @if (time.Length > 0)
+                                {
+                                    <span class="past-event-time">@time</span>
+                                }
+                            </span>
+                        </li>
+                    }
+                </ul>
             }
-        </ul>
+        </details>
     }
 }