Öffnungszeiten: Speichern zeichnet nur neu, was sich geändert hat

Ungespeicherte Eingaben in anderen Formularen bleiben stehen: nach dem Speichern
wird nur die Plankarte, die Planliste (mit den Eingaben der übrigen Karten),
Feiertage oder Ausnahmen neu gezeichnet, „Nein, danke“ entfernt nur die Frage.
Während des Speicherns sind auch die Eingabefelder gesperrt.

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

public/zeiten-editor.js

@@ -9,6 +9,8 @@
        leereDaten(), leer() }
    stand = Antwort des Servers { state, daten (null vor dem ersten Speichern), version, kundenansicht, vorschau, feiertage, googleText }; sie wird bei jedem
    Speichern und bei „Neu laden“ ersetzt. Ein Abschnitt ist eine Funktion (t) => Element mit t = { ctx, sp, zeichne, wurzel }.
+   t.zeichne() zeichnet alles neu (nur nach „Neu laden“, wenn die Daten vom Server neu sind); t.zeichne(['ausnahmen', …]) zeichnet nur die genannten Abschnitte
+   neu und laesst alle anderen Formulare mit ihren ungespeicherten Eingaben stehen – das ist der Weg nach einem Speichern.
    Vor dem ersten Speichern (stand.daten null) gibt es nur den leeren Hauptplan; die anderen Abschnitte (mitDaten) erscheinen danach, denn der
    Server verlangt mindestens einen Plan. Die Kontaktdaten (daten.kontakt) gehen unveraendert zurueck: der Editor setzt nie ein neues
    kontakt.whatsapp.bestaetigtAt (R12, das tut Aufgabe 30 mit dem Haken des Kunden). */
@@ -18,12 +20,15 @@ import { istTag } from './termine-view.js'
 import { leererPlan } from './zeiten-view.js'
 import { neuerZeitenSpeicher } from './zeiten-speichern.js'
 import { plaene } from './zeiten-plaene.js'
-import { ausnahmen, feiertage } from './zeiten-ausnahmen.js'
+import { ausnahmen, feiertage, feiertageUebernehmen } from './zeiten-ausnahmen.js'
 
-/** Abschnitte in der Reihenfolge der Seite (Spec 3.4). mitDaten: erst nach dem ersten Speichern. */
+/**
+ * Abschnitte in der Reihenfolge der Seite (Spec 3.4). mitDaten: erst nach dem ersten Speichern. uebernehmen(alt, neu): wird gerufen, wenn der Abschnitt allein
+ * neu gezeichnet wird, und nimmt ungespeicherte Eingaben aus dem alten Abschnitt in den neuen mit (optional).
+ */
 const ABSCHNITTE = [
   { key: 'plaene', bauen: plaene, mitDaten: false },
-  { key: 'feiertage', bauen: feiertage, mitDaten: true },
+  { key: 'feiertage', bauen: feiertage, mitDaten: true, uebernehmen: feiertageUebernehmen },
   { key: 'ausnahmen', bauen: ausnahmen, mitDaten: true },
 ]
 
@@ -114,8 +119,33 @@ export async function renderEditor(root, ctx = {}) {
   const sp = neuerZeitenSpeicher(ec, root, zeichne)
   const t = { ctx: ec, sp, zeichne, wurzel: root }
 
-  function zeichne() {
+  let leerGezeichnet = null
+  const abschnittEl = new Map() // key => das gezeichnete Element des Abschnitts
+
+  function baueAbschnitt(abschnitt) {
+    const el = abschnitt.bauen(t)
+    el.dataset.abschnitt = abschnitt.key
+    abschnittEl.set(abschnitt.key, el)
+    return el
+  }
+
+  /** Alles neu (welche fehlt) oder nur die Abschnitte in welche (Liste von Schluesseln). Aenderte sich leer/nicht leer, muss alles neu. */
+  function zeichne(welche) {
     const leer = ec.leer()
+    if (Array.isArray(welche) && welche.length && leer === leerGezeichnet) {
+      for (const key of welche) {
+        const abschnitt = ABSCHNITTE.find((a) => a.key === key)
+        const alt = abschnittEl.get(key)
+        if (!abschnitt || !alt?.parentNode) continue
+        const neu = baueAbschnitt(abschnitt)
+        abschnitt.uebernehmen?.(alt, neu)
+        alt.parentNode.insertBefore(neu, alt)
+        alt.remove()
+      }
+      return
+    }
+    leerGezeichnet = leer
+    abschnittEl.clear()
     const teile = [meldungEl, sp.konflikt]
     if (ec.kundenansicht || ec.stand.kundenansicht) teile.push(h('div', { class: 'tm-box tm-box-info', role: 'note', 'data-hinweis': 'kundenansicht' }, h('span', null, KUNDENANSICHT)))
     if (nurLesen) teile.push(h('div', { class: 'tm-box tm-box-warn', role: 'note', 'data-hinweis': 'nurlesen' }, h('span', null, NUR_LESEN)))
@@ -123,9 +153,7 @@ export async function renderEditor(root, ctx = {}) {
     teile.push(h('div', { class: 'zt-kopfbereich' })) // Platz der Live-Vorschau (Aufgabe 30)
     for (const abschnitt of ABSCHNITTE) {
       if (abschnitt.mitDaten && leer) continue
-      const el = abschnitt.bauen(t)
-      el.dataset.abschnitt = abschnitt.key
-      teile.push(el)
+      teile.push(baueAbschnitt(abschnitt))
     }
     if (leer && !nurLesen) teile.push(h('p', { class: 'tm-hinweis zt-spaeter' }, SPAETER))
     root.replaceChildren(...teile)