Serve 503 when PocketBase is unavailable across all content pages

Elternbeirat.Web/Features/Events/EventList.razor

@@ -4,53 +4,60 @@
 
 <h1>Termine</h1>
 
-<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.
-</p>
-
-<h2>Kommende Termine</h2>
-
-@if (_upcoming.Count == 0)
+@if (_unavailable)
 {
-    <p>Zurzeit sind keine Termine geplant.</p>
+    <p>Die Termine sind gerade nicht erreichbar. Bitte später erneut versuchen.</p>
 }
 else
 {
-    <ul class="event-list">
-        @foreach (var ev in _upcoming)
-        {
-            <li>
-                <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
-                <span class="event-title">@ev.Title</span>
-                @if (!string.IsNullOrWhiteSpace(ev.Location))
-                {
-                    <span class="event-location">@ev.Location</span>
-                }
-                @if (!string.IsNullOrWhiteSpace(ev.Note))
-                {
-                    <p class="event-note">@ev.Note</p>
-                }
-            </li>
-        }
-    </ul>
-}
+    <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.
+    </p>
 
-@if (_past.Count > 0)
-{
-    <h2>Vergangene Termine</h2>
-    <ul class="event-list event-list-past">
-        @foreach (var ev in _past)
-        {
-            <li>
-                <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
-                <span class="event-title">@ev.Title</span>
-                @if (!string.IsNullOrWhiteSpace(ev.Location))
-                {
-                    <span class="event-location">@ev.Location</span>
-                }
-            </li>
-        }
-    </ul>
+    <h2>Kommende Termine</h2>
+
+    @if (_upcoming.Count == 0)
+    {
+        <p>Zurzeit sind keine Termine geplant.</p>
+    }
+    else
+    {
+        <ul class="event-list">
+            @foreach (var ev in _upcoming)
+            {
+                <li>
+                    <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
+                    <span class="event-title">@ev.Title</span>
+                    @if (!string.IsNullOrWhiteSpace(ev.Location))
+                    {
+                        <span class="event-location">@ev.Location</span>
+                    }
+                    @if (!string.IsNullOrWhiteSpace(ev.Note))
+                    {
+                        <p class="event-note">@ev.Note</p>
+                    }
+                </li>
+            }
+        </ul>
+    }
+
+    @if (_past.Count > 0)
+    {
+        <h2>Vergangene Termine</h2>
+        <ul class="event-list event-list-past">
+            @foreach (var ev in _past)
+            {
+                <li>
+                    <time datetime="@ev.Start.ToString("s")">@EventFormat.Range(ev)</time>
+                    <span class="event-title">@ev.Title</span>
+                    @if (!string.IsNullOrWhiteSpace(ev.Location))
+                    {
+                        <span class="event-location">@ev.Location</span>
+                    }
+                </li>
+            }
+        </ul>
+    }
 }