Terminplaner-Banner und Meldung nach Abschaltgrund mit Löschdatum

GET /api/termine/einstellungen liefert bei abgeschalteter Funktion
abgeschaltet { grund, seit, loeschungAm }. Die 409-Meldung bei
Schreibversuchen (Code abgeschaltet) und der Banner im Portal
unterscheiden Wartungs-Abo beendet, Abo vor der Einrichtung beendet und
die übrigen Gründe und nennen das Löschdatum, wenn es eines gibt.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

public/termine.js

@@ -8,7 +8,7 @@
    hinweise() zeichnet die Hinweisleiste ueber den Reitern neu (z. B. wenn Telefon und Anschrift nach dem Speichern nicht mehr fehlen). Server: server/routes/termine.js. Tage sind Berliner Kalendertage 'JJJJ-MM-TT';
    gerechnet wird in termine-view.js. Helfer ohne Zustand: termine-dom.js. Styles: termine.css. */
 
-import { fehltText, heuteBerlin } from './termine-view.js'
+import { abschaltText, fehltText, heuteBerlin } from './termine-view.js'
 import { exportLink, fehlerKarte, h, infoKarte, request } from './termine-dom.js'
 import { render as renderTermine } from './termine-tab-termine.js'
 import { render as renderLeistungen } from './termine-tab-leistungen.js'
@@ -62,11 +62,15 @@ function projektwahl(s) {
 
 const ladeDaten = (projectId) => request(`/api/termine/einstellungen?projectId=${encodeURIComponent(projectId)}`)
 
-/** Hinweis fuer abgeschaltete Funktionen: nur noch ansehen und exportieren. */
-const hinweisAbgeschaltet = (projectId) => h('div', { class: 'tm-box tm-box-warn', role: 'note' },
-  'Der Terminplaner ist für diese Website abgeschaltet. Du kannst Termine nur noch ansehen und ',
-  exportLink(projectId, 'exportieren'),
-  '.')
+/**
+ * Hinweis fuer abgeschaltete Funktionen: Grund, Loeschdatum und (ausser vor der Einrichtung) der Export-Link, der einzige Link im Hinweis.
+ * abgeschaltet: { grund, seit, loeschungAm } aus GET /einstellungen (fehlt bei einer aelteren Antwort: dann der bisherige Satz).
+ */
+function hinweisAbgeschaltet(projectId, abgeschaltet) {
+  const { davor, danach, mitExport } = abschaltText(abgeschaltet)
+  // ein einziger Textblock in der Flex-Zeile der Box, sonst zerfaellt der Satz in drei Spalten (Text, Link, Punkt)
+  return h('div', { class: 'tm-box tm-box-warn', role: 'note' }, h('span', null, davor, mitExport && exportLink(projectId, 'exportieren'), danach))
+}
 
 /**
  * Je nach Zustand der Funktion: nicht freigeschaltet, Vorlage waehlen oder die Reiter. Jeder Aufruf zaehlt s.lauf hoch: die Antwort
@@ -95,7 +99,7 @@ async function zeigeProjekt(s) {
   if (daten.einstellung) zeigeReiter(s, { projekt, aktuell })
   else if (s.nurLesen) {
     s.buehne.replaceChildren(
-      hinweisAbgeschaltet(projekt.projectId),
+      hinweisAbgeschaltet(projekt.projectId, daten.abgeschaltet),
       infoKarte('Keine Termine eingerichtet', 'Für diese Website wurden keine Einstellungen und Termine angelegt.', { chat: true }))
   } else zeigeVorlagen(s, { projekt, aktuell })
 }
@@ -197,7 +201,7 @@ function zeigeReiter(s, { projekt, aktuell }) {
   function zeichneHinweise() {
     const hinweise = []
     if (nurLesen) {
-      hinweise.push(hinweisAbgeschaltet(projectId))
+      hinweise.push(hinweisAbgeschaltet(projectId, s.daten.abgeschaltet))
     } else if ((s.daten.fehlt || []).length) {
       hinweise.push(h('div', { class: 'tm-box tm-box-warn', role: 'note' },
         h('span', null, `Noch nicht buchbar: Es fehlt ${fehltText(s.daten.fehlt) || 'eine Angabe zu deinem Betrieb'}. Solange das fehlt, können Gäste über deine Website nicht buchen.`),