+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ' + s.eyebrow + '
' + @@ -1890,13 +1814,11 @@ el.dataset.bg = bgState[i].bg; el.dataset.int = bgState[i].int; el.dataset.layout = layoutState[i]; - el.dataset.cont = continuous; el.dataset.tagout = tagOut; el.dataset.frame = frameStyle; el.dataset.editmode = editMode; el.style.setProperty("--slide-i", i); el.innerHTML = BG_HTML; - buildWaben(el.querySelector(".layer-waben"), i); /* Jede Slide traegt das vollstaendige Blatt, nicht nur ihre Nachbarn. Vorher waren es i-1 bis i+1, und ein Element liess sich damit genau eine @@ -1997,7 +1919,6 @@ el.dataset.bg = bgState[i].bg; el.dataset.int = bgState[i].int; el.dataset.layout = layoutState[i]; - el.dataset.cont = continuous; el.dataset.tagout = tagOut; el.dataset.frame = frameStyle; if (SLIDES[i].type === "title") rebuildPage(i); @@ -2023,7 +1944,6 @@ // Reflect the active slide's own ground in the panel. function syncBgButtons() { - press("bgs", "b", bgState[current].bg); press("ints", "i", bgState[current].int); } @@ -3352,6 +3272,79 @@ } }); + /* ─── Menueleiste ──────────────────────────────────────────────────────── + Die Eintraege fuehren nichts selbst aus, sondern betaetigen die Schalter + im Bedienfeld. Damit gibt es weiter genau eine Stelle, an der ein + Verhalten steht, und die Leiste kann nicht auseinanderlaufen. + data-klick Knopf mit dieser id anklicken + data-opt Knopf einer Optionsgruppe: gruppe:attribut:wert + data-tun benannte Aktion + data-gehe anderes Projekt oeffnen */ + (function menueleiste() { + const bar = document.getElementById("menubar"); + if (!bar) return; + const menues = [...bar.querySelectorAll(".menu")]; + const zu = () => menues.forEach(m => delete m.dataset.offen); + + const AKTION = { undo, redo }; + + // Haken und graue Eintraege erst beim Oeffnen setzen: vorher weiss die + // Leiste nicht, was gerade gilt. + function stand(m) { + m.querySelectorAll("button[data-opt]").forEach(b => { + const [gruppe, attr, wert] = b.dataset.opt.split(":"); + const q = document.querySelector("#" + gruppe + " button[data-" + attr + '="' + wert + '"]'); + const an = q && q.getAttribute("aria-pressed") === "true"; + b.querySelector(".haken")?.remove(); + b.insertAdjacentHTML("afterbegin", + '' + (an ? "✓" : "") + ""); + }); + m.querySelectorAll("button[data-klick]").forEach(b => { + const q = document.getElementById(b.dataset.klick); + b.disabled = !q || q.disabled; + }); + m.querySelectorAll("button[data-gehe]").forEach(b => { + const hier = b.dataset.gehe.endsWith(location.pathname.split("/").pop() || "post1.html"); + b.querySelector(".haken")?.remove(); + b.insertAdjacentHTML("afterbegin", + '' + (hier ? "✓" : "") + ""); + }); + } + + bar.addEventListener("click", e => { + const titel = e.target.closest(".menu > button"); + if (titel) { + const m = titel.parentElement; + const war = m.dataset.offen === "ja"; + zu(); + if (!war) { m.dataset.offen = "ja"; stand(m); } + return; + } + const el = e.target.closest(".liste button"); + if (!el || el.disabled) return; + zu(); + if (el.dataset.gehe) { location.href = el.dataset.gehe; return; } + if (el.dataset.tun) { (AKTION[el.dataset.tun] || (() => {}))(); return; } + if (el.dataset.klick) { document.getElementById(el.dataset.klick)?.click(); return; } + if (el.dataset.opt) { + const [gruppe, attr, wert] = el.dataset.opt.split(":"); + document.querySelector("#" + gruppe + " button[data-" + attr + '="' + wert + '"]')?.click(); + } + }); + + // Ueberfahren wechselt das offene Menue, wie gewohnt. + bar.addEventListener("mouseover", e => { + const titel = e.target.closest(".menu > button"); + if (!titel || !menues.some(m => m.dataset.offen === "ja")) return; + const m = titel.parentElement; + if (m.dataset.offen === "ja") return; + zu(); m.dataset.offen = "ja"; stand(m); + }); + + document.addEventListener("mousedown", e => { if (!bar.contains(e.target)) zu(); }); + document.addEventListener("keydown", e => { if (e.key === "Escape") zu(); }); + })(); + document.getElementById("reset-all").addEventListener("click", resetAll); // Übersicht der Standards, direkt aus derselben Tabelle wie der Reset. @@ -3478,14 +3471,6 @@ const b = e.target.closest("button"); if (b) { layoutState[current] = b.dataset.l; syncLayoutButtons(); rebuildPage(current); applyAll(); saveState(); } }); - document.getElementById("conts").addEventListener("click", e => { - const b = e.target.closest("button"); - if (b) { continuous = b.dataset.c; press("conts", "c", continuous); applyAll(); saveState(); } - }); - document.getElementById("bgs").addEventListener("click", e => { - const b = e.target.closest("button"); - if (b) { bgState[current].bg = b.dataset.b; syncBgButtons(); applyAll(); saveState(); } - }); document.getElementById("ints").addEventListener("click", e => { const b = e.target.closest("button"); if (b) { bgState[current].int = b.dataset.i; syncBgButtons(); applyAll(); saveState(); } @@ -3511,7 +3496,6 @@ document.getElementById("dl-png").addEventListener("click", guard(downloadOne)); document.getElementById("dl-all").addEventListener("click", guard(downloadAll)); - const BG_CYCLE = ["formen", "formen-g", "nur-g", "waben", "punkte", "raster", "aus"]; /* ⌘/Strg + Z. Eigener Zuhoerer, weil der allgemeine unten alles mit Sondertaste durchlaesst. In Eingabefeldern hat das Zurueckgehen des Browsers Vorrang, sonst kaeme man aus einem Tippfehler nicht mehr heraus. */ @@ -3551,11 +3535,6 @@ layoutState[current] = cat[(n + 1) % cat.length].id; syncLayoutButtons(); rebuildPage(current); applyAll(); saveState(); } - else if (k === "m") { - const st = bgState[current]; - st.bg = BG_CYCLE[(BG_CYCLE.indexOf(st.bg) + 1) % BG_CYCLE.length]; - syncBgButtons(); applyAll(); - } else if (k === "i") { const st = bgState[current]; st.int = st.int === "dezent" ? "kraeftig" : "dezent"; @@ -3573,7 +3552,6 @@ press("frames", "f", frameStyle); applyAll(); saveState(); } else if (k === "g") { tagOut = tagOut === "an" ? "aus" : "an"; press("tagouts", "o", tagOut); applyAll(); saveState(); } - else if (k === "c") { continuous = continuous === "an" ? "aus" : "an"; press("conts", "c", continuous); applyAll(); saveState(); } else if (k === "d") guard(downloadOne)(); else if (k === "a") guard(downloadAll)(); }); @@ -3608,7 +3586,6 @@ press("variants", "v", variant); press("tilts", "t", tilt); press("quality", "q", String(superSample)); - press("conts", "c", continuous); press("tagouts", "o", tagOut); press("frames", "f", frameStyle); press("views", "w", view); diff --git a/post2.html b/post2.html new file mode 100644 index 0000000..e363b20 --- /dev/null +++ b/post2.html @@ -0,0 +1,3611 @@ + + + + + +