{{ if $isLeft }}
diff --git a/views/routes/body.gohtml b/views/routes/body.gohtml
index 27807ba..b262f42 100644
--- a/views/routes/body.gohtml
+++ b/views/routes/body.gohtml
@@ -1,6 +1,5 @@
{{ $y := .model.Year }}
-
{{ range $index, $month := .model.Issues }}
diff --git a/views/routes/datenschutz/body.gohtml b/views/routes/datenschutz/body.gohtml
index e69de29..a38f23d 100644
--- a/views/routes/datenschutz/body.gohtml
+++ b/views/routes/datenschutz/body.gohtml
@@ -0,0 +1,238 @@
+
+
+
Impressum
+
+
+ Telemedienanbieter im Sinne des § 5 TMG:
Theodor Springmann
+ Stiftung
Hirschgasse 2
69120 Heidelberg
Telefon +49 6221 436235
Email info@theodor-springmann-stiftung.de
+
+
+ Rechtsform und Sitz:
Die Theodor Springmann Stiftung ist eine
+ rechtsfähige Stiftung bürgerlichen Rechts. Sitz der Stiftung ist Heidelberg.
+
+
+ Vorstand der Theodor Springmann Stiftung:
Dr. Randolf Straky
+ (Präsident)
+
+
+ Geschäftsführung:
Dr. Randolf Straky
Theodor Springmann
+ Stiftung
Hirschgasse 2
69120 Heidelberg
+
+
+ Zuständige Aufsichtsbehörde:
Regierungspräsidium Karlsruhe
Schlossplatz
+ 1-3
76131 Karlsruhe
Ansprechpartner
+
+
+ Redaktionelle Verantwortung nach § 55 Abs. 2 RStV:
Janina Reibold
+
Theodor Springmann Stiftung
Hirschgasse 2
69120 Heidelberg
+
+
+ 2024-10-17 09:52:17.412Z
+
+
+
Datenschutzerklärung
+
+
+
Präambel
+
+ Diese Datenschutzerklärung informiert Sie über die Art, den Umfang und den Zweck der
+ personenbezogenen Daten, die im Rahmen dieser Onlinepräsenz von Ihnen erhoben und von uns
+ verarbeitet werden, sowie die Ihnen zustehenden Rechte.
Personenbezogene Daten sind
+ alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche
+ Person beziehen. Als identifizierbar wird eine natürliche Person angesehen, die direkt
+ oder indirekt identifiziert werden kann. Im Hinblick auf weitere verwendete
+ Begrifflichkeiten verweisen wir auf die Definitionen der Datenschutz-Grundverordnung
+ (DSGVO), Artikel 4.
Erfolgt die Verarbeitung personenbezogener Daten auf Grundlage
+ des Art. 6 Abs. 1 lit. f DSGVO, so besteht unser berechtigtes Interesse in der Erfüllung
+ unseres satzungsgemäßen Stiftungszwecks. Zweck der Stiftung ist es, in gemeinnütziger
+ Weise Wissenschaft und Kunst, Völkerverständigung und Entwicklungshilfe zu fördern und zum
+ menschlichen Selbstverständnis sowie zum Erkennen und Lindern strukturell bedingter Not
+ und Bedürftigkeit von Menschen in aller Welt beizutragen.
+
+
Verantwortlicher
+
+ Verantwortlich im Sinne von Art. 4 Abs. 7 DSGVO für die Verarbeitung personenbezogener
+ Daten ist:
Theodor Springmann Stiftung
Hirschgasse 2
69120 Heidelberg
info@theodor-springmann-stiftung.de
+
+
Automatisch bei Nutzung unserer Onlinepräsenz erfasste Daten
+
+ Mit der Nutzung unserer Onlinepräsenz werden automatisch personenbezogene und allgemeine
+ Daten vom Nutzer übermittelt und von uns erfasst und gespeichert. Die von uns erhobenen
+ Daten umfassen:
+
+
+ -
+ die IP-Adresse des ans Internet angeschlossenen Netzwerkgeräts (Computer oder Router des
+ Nutzers),
+
+ - den verwendeten Browsertyp und dessen Version,
+ - das verwendete Betriebssystem und dessen Version,
+ - die Internetseite, die den Nutzer auf unsere Onlinepräsenz verweist (Referrer),
+ - die Unterwebseiten, die der Nutzer auf unserer Onlinepräsenz aufruft,
+ - das Datum und die Uhrzeit des Aufrufs,
+ - den Internet-Service-Provider des Nutzers,
+ - sonstige ähnliche Daten.
+
+
+ Die Theodor Springmann Stiftung zieht aus diesen Daten keine Rückschlüsse auf die
+ betroffenen Nutzer. Diese Informationen werden benötigt, um
+
+
+ - die vom Nutzer angeforderten Inhalte korrekt auszuliefern,
+ -
+ technische Probleme zu diagnostizieren, unsere IT-Systeme vor Angriffen zu schützen und
+ im Falle eines Angriffs den zuständigen Behörden notwendige Informationen zur
+ Strafverfolgung bereitstellen zu können,
+
+ - die Inhalte und die Bedienung unserer Onlinepräsenz zu optimieren.
+
+
+ Die oben genannten Verarbeitungszwecke werden von Subsystemen erfüllt, die unabhängig von
+ anderen Subsystemen ihre jeweils eigene Kopie der vom Nutzer erhobenen Daten erhalten,
+ verarbeiten und löschen. Dabei werden den Subsystemen lediglich die zur Ausführung ihrer
+ Aufgabe erforderlichen Daten übergeben. Alle Subsysteme befinden sich auf Servern der
+ Theodor Springmann Stiftung.
+
+
Auslieferung der vom Nutzer angeforderten Inhalte
+
+ Mit der Anforderung einer Seite dieser Onlinepräsenz übermittelt der Browser des Nutzers
+ automatisch die IP-Adresse seines ans Internet angeschlossenen Netzwerkgeräts (Computer
+ oder Router) und andere Daten. Ohne diese IP-Adresse können die Inhalte dieser
+ Online-Präsenz nicht an den Nutzer zurückgesendet werden. Daher ist die Speicherung und
+ Verarbeitung der IP-Adresse für den Betrieb dieser Onlinepräsenz notwendig. Ebenfalls
+ übermittelte Daten über den verwendeten Browser usw. werden gegebenenfalls verwendet, um
+ die Anzeige der Webseite an das Anzeigegerät oder den Browser anzupassen. Die zum Zwecke
+ der Auslieferung von Inhalten gesammelten Daten werden direkt nach Ãœbertragung der Inhalte
+ vom Subsystem gelöscht. Die Verarbeitung dieser Daten erfolgt auf der Grundlage eines
+ berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO.
+
+
Diagnose und Schutz der IT-Systeme
+
+ Daneben erfolgt eine Speicherung der oben genannten Daten in Diagnose-Protokollen. Die
+ Protokollierung ist notwendig, um etwaige technische Probleme analysieren oder Angriffe
+ erkennen und abwehren zu können. Bei Angriffen auf unsere IT-Systeme übergeben wir die
+ Diagnose-Protokolle den zuständigen Strafverfolgungsbehörden. Die Diagnose-Protokolle
+ werden nach 14 Tagen automatisch gelöscht. Die Speicherung und Verarbeitung dieser Daten
+ erfolgt auf Grundlage eines berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO.
+
+
Analyse zur Optimierung der Inhalte und der Bedienung
+
+ Die oben genannten Daten werden von einem Webanalyseprogramm verarbeitet. Dabei werden die
+ Daten pseudonymisiert und aggregiert, so dass sie einzelnen Nutzern nicht mehr zugeordnet
+ werden können. Das Analyseprogramm wird auf einem von uns betriebenen Server ausgeführt,
+ daher werden keine Daten an Dritte übermittelt. Der Zweck dieser Erfassung besteht in der
+ Analyse der Nutzung unseres Angebots, durch die eine Verbesserung unserer Webseiten, der
+ Inhalte und der Bedienung ermöglicht wird. Das Analyseprogramm speichert die
+ anonymisierten Daten ohne zeitliche Begrenzung. Die Verarbeitung dieser Daten erfolgt auf
+ der Grundlage eines berechtigten Interesses (Art. 6 Abs. 1 lit. f DSGVO).
+
+
Sonstige Daten
+
+ Sämtliche Daten, die mit dem Aufruf einer Webseite von unserer Onlinepräsenz an den Nutzer
+ übertragen werden, werden von unseren Servern bereitgestellt. Wir nutzen kein von Dritten
+ bereitgestelltes Content Delivery Network (CDN), um Teile unserer Onlinepräsenz (z. B.
+ Javascript- oder Webfont-Dateien) von dort an den Nutzer zu übermitteln. Wir verlinken
+ auch nicht in soziale Netzwerke. Insofern können von Dritten keine personenbezogenen Daten
+ über unsere Onlinepräsenz erhoben werden, es sei denn, die Datenerfassung durch Dritte
+ basiert auf einer gesetzlichen Grundlage und/oder wurde behördlich angeordnet.
In
+ unseren Inhalten können sich jedoch Hyperlinks („Links“) auf fremde Onlineangebote
+ befinden. Mit dem Anklicken eines solchen Links verlässt der Nutzer unsere Onlinepräsenz
+ und damit den Geltungsbereich dieser Datenschutzerklärung.
+
+
Erhobene Daten bei Kontakt
+
+ Unsere Onlinepräsenz hält unter anderem aufgrund gesetzlicher Vorgaben verschiedene
+ Möglichkeiten bereit, mit uns in Kontakt zu treten. Sofern eine betroffene Person Kontakt
+ zu uns aufnimmt, werden die von der betroffenen Person übermittelten personenbezogenen
+ Daten automatisch gespeichert (z. B. Telefonnummer, E-Mail-Adresse). Diese Angaben werden
+ zum Zwecke der Bearbeitung sowie für sich möglicherweise anschließende Kommunikation von
+ uns gespeichert. Sobald die Speicherung dieser Daten nicht mehr erforderlich ist und keine
+ gesetzlichen Archivierungsgründe vorliegen, werden die Daten gelöscht. Die
+ Erforderlichkeit wird alle zwei Jahre überprüft. Es erfolgt keine Weitergabe dieser
+ personenbezogenen Daten an Dritte.
Von betroffenen Personen übermittelte
+ Informationen zur Bearbeitung einer Kontaktanfrage werden gemäß Art. 6 Abs. 1 lit. b
+ (vertragliche und vorvertragliche Beziehungen) oder lit. f (andere Anfragen) der DSGVO
+ verarbeitet.
+
+
Speicherung und Löschung von personenbezogenen Daten
+
+ Personenbezogene Daten werden von uns für die Dauer der entsprechenden gesetzlichen
+ Aufbewahrungspflichten oder für den zur Vertragserfüllung erforderlichen Zeitraum
+ gespeichert. Liegen solche Gründe nicht vor, werden personenbezogene Daten für den
+ Zeitraum, der zur Erreichung des Speicherzwecks erforderlich ist, verarbeitet und
+ gespeichert, sofern in dieser Datenschutzerklärung nicht ausdrücklich anderes angegeben
+ ist. Sobald die Daten für ihre Zweckbestimmung nicht mehr erforderlich sind oder der
+ Speicherungszweck entfällt, werden sie nach Maßgabe der gesetzlichen Vorschriften gelöscht
+ oder in ihrer Verarbeitung eingeschränkt.
Sollten die Daten nicht gelöscht werden
+ dürfen, weil sie einer gesetzlichen Aufbewahrungspflicht unterliegen, wird deren
+ Verarbeitung durch Archivierung eingeschränkt. Die Daten werden erst nach Ablauf der
+ gesetzlich vorgeschriebenen Speicherfrist gelöscht.
Alle sechs Monate wird
+ routinemäßig geprüft, ob der Speicherungszweck weggefallen bzw. die Aufbewahrungspflicht
+ abgelaufen ist. Anschließend wird gegebenenfalls die Löschung durchgeführt.
+
+
Rechte der betroffenen Personen
+
+ Unter den angegebenen Kontaktdaten können betroffene Personen jederzeit nachgenannte
+ Rechte ausüben. Eine betroffene Person kann von uns verlangen, dass
+
+
+ -
+ Auskunft über sie betreffende, bei uns gespeicherte Daten und deren Verarbeitung erteilt
+ wird (Art. 15 DSGVO),
+
+ -
+ sie betreffende unrichtige personenbezogene Daten berichtigt werden (Art. 16 DSGVO),
+
+ -
+ sie betreffende, bei uns gespeicherte personenbezogene Daten gelöscht werden (Art. 17
+ DSGVO),
+
+ -
+ die Verarbeitung sie betreffender, bei uns gespeicherter Daten, die aufgrund
+ gesetzlicher Vorschriften oder anderer Gründe nicht gelöscht werden dürfen,
+ eingeschränkt wird (Art. 18 DSGVO),
+
+ -
+ sie betreffende Daten übertragbar sind, soweit sie in die Datenverarbeitung eingewilligt
+ oder einen Vertrag mit uns geschlossen hat (Art. 20 DSGVO),
+
+ -
+ sie betreffende Daten nach einem Widerspruch nicht weiter von uns verarbeitet werden
+ (Art. 21 DSGVO).
+
+
+
Eine betroffene Person hat ferner jederzeit das Recht,
+
+ -
+ eine erteilte Einwilligung in die Erhebung und Verarbeitung personenbezogener Daten nach
+ Art. 6 Abs. 1 lit. a oder Art. 9 Abs. 2 lit. a DSGVO für die Zukunft zu widerrufen (Art.
+ 7 Abs. 3 DSGVO),
+
+ -
+ sich mit einer Beschwerde an eine Aufsichtsbehörde zu wenden (Art. 15 Abs. 1 lit. f
+ DSGVO). Eine Liste der Aufsichtsbehörden lässt sich unter diesem Link abrufen.
+
+
+
Änderung unserer Datenschutzerklärung
+
+ Wir behalten uns vor, diese Datenschutzerklärung ohne vorherige Ankündigung an neue
+ rechtliche oder technische Sachverhalte sowie an Änderungen unserer Leistungen oder
+ Prozesse anzupassen. Es gilt die jeweils auf der Onlinepräsenz veröffentlichte Version der
+ Datenschutzerklärung.
+
+
+
+
+
diff --git a/views/routes/filter/body.gohtml b/views/routes/filter/body.gohtml
new file mode 100644
index 0000000..d5ad7e4
--- /dev/null
+++ b/views/routes/filter/body.gohtml
@@ -0,0 +1,118 @@
+
+
+
+
+ Auswahl nach Datum, Nummer od. Seite
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Auswahl nach Person
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ range $person := .Persons }}
+
+ {{ end }}
+
+
+
+
+ {{ range $author := .Authors }}
+
+ {{ end }}
+
+
+
+
+
+
diff --git a/views/routes/ort/body.gohtml b/views/routes/ort/body.gohtml
index e69de29..d23dc7a 100644
--- a/views/routes/ort/body.gohtml
+++ b/views/routes/ort/body.gohtml
@@ -0,0 +1,125 @@
+{{ if .model.SelectedPlace }}
+
+
+
+
+
+
+
+
+
+ {{ if .model.SelectedPlace.Place.Names }}
+ {{ index .model.SelectedPlace.Place.Names 0 }}
+ {{ else }}
+ {{ .model.SelectedPlace.Place.ID }}
+ {{ end }}
+
+ {{ if .model.SelectedPlace.Place.Geo }}
+
+
+ Geonames: {{ .model.SelectedPlace.Place.Geo }}
+
+ {{ end }}
+
+
+
+
+
+ Beiträge ({{ len .model.SelectedPlace.Pieces }})
+
+
+ {{ if .model.SelectedPlace.Pieces }}
+
+ {{ range $piece := .model.SelectedPlace.Pieces }}
+
+ {{ end }}
+
+ {{ else }}
+
Keine Beiträge für diesen Ort gefunden.
+ {{ end }}
+
+
+
+
+{{ else }}
+
+
+
+
Orte
+
+
+ {{ if .model.AvailableLetters }}
+
+
Nach Anfangsbuchstabe
+
+ {{ range $letter := .model.AvailableLetters }}
+
+ {{ $letter }}
+
+ {{ end }}
+
+
+ {{ end }}
+
+
+ {{ if .model.Places }}
+
+
+ Alle Orte ({{ len .model.Places }})
+
+
+
+ {{ range $placeID := .model.Sorted }}
+ {{ $place := index $.model.Places $placeID }}
+
+ {{ end }}
+
+
+ {{ else }}
+
Keine Orte gefunden.
+ {{ end }}
+
+
+{{ end }}
\ No newline at end of file
diff --git a/views/transform/akteure.js b/views/transform/akteure.js
index 68c7699..a11427f 100644
--- a/views/transform/akteure.js
+++ b/views/transform/akteure.js
@@ -1,3 +1,4 @@
+import { ExecuteNextSettle } from "./helpers.js";
// ===========================
// AKTEURE/AUTHORS SCROLLSPY WEB COMPONENT
// ===========================
@@ -13,7 +14,7 @@ export class AkteureScrollspy extends HTMLElement {
connectedCallback() {
// Small delay to ensure DOM is fully rendered after HTMX swap
- window.ExecuteNextSettle(() => {
+ ExecuteNextSettle(() => {
this.initializeScrollspyAfterDelay();
});
}
@@ -68,7 +69,7 @@ export class AkteureScrollspy extends HTMLElement {
this.manualNavigation = true;
target.scrollIntoView({
- behavior: "smooth",
+ behavior: "instant",
block: "start",
});
diff --git a/views/transform/error-modal.js b/views/transform/error-modal.js
new file mode 100644
index 0000000..de9ac21
--- /dev/null
+++ b/views/transform/error-modal.js
@@ -0,0 +1,83 @@
+/**
+ * ErrorModal Web Component
+ * A reusable error modal component without shadow DOM for Tailwind compatibility
+ */
+class ErrorModal extends HTMLElement {
+ constructor() {
+ super();
+ // No shadow DOM - use regular DOM for Tailwind styling
+ this.innerHTML = `
+
+
+
+
+
+
+ Fehler
+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+
+ this.modal = this.querySelector('#error-modal');
+ this.errorContent = this.querySelector('.error-content');
+ this.closeButtons = this.querySelectorAll('.close-btn');
+
+ this.setupEventListeners();
+ }
+
+ setupEventListeners() {
+ // Close button clicks
+ this.closeButtons.forEach(btn => {
+ btn.addEventListener('click', () => this.close());
+ });
+
+ // Close on ESC key
+ document.addEventListener('keydown', (event) => {
+ if (event.key === 'Escape' && !this.modal.classList.contains('hidden')) {
+ this.close();
+ }
+ });
+
+ // Close when clicking outside modal
+ this.modal.addEventListener('click', (event) => {
+ if (event.target === this.modal) {
+ this.close();
+ }
+ });
+ }
+
+ show(content) {
+ this.errorContent.innerHTML = content;
+ this.modal.classList.remove('hidden');
+ }
+
+ close() {
+ this.modal.classList.add('hidden');
+ }
+
+ // Global helper functions for backward compatibility
+ connectedCallback() {
+ // Make functions globally available
+ window.showErrorModal = (content) => this.show(content);
+ window.closeErrorModal = () => this.close();
+ }
+}
+
+// Define the custom element
+customElements.define('error-modal', ErrorModal);
+
+export { ErrorModal };
\ No newline at end of file
diff --git a/views/transform/helpers.js b/views/transform/helpers.js
new file mode 100644
index 0000000..665044d
--- /dev/null
+++ b/views/transform/helpers.js
@@ -0,0 +1,35 @@
+// This is a queue that stores functions to be executed after the DOM is settled.
+// It is used to ensure the DOM is fully rendered before executing certain actions.
+// Works as well as a DOMContentLoaded event listener.
+
+const settleQueue = [];
+
+document.addEventListener("DOMContentLoaded", () => {
+ ExecuteSettleQueue();
+});
+
+const ExecuteNextSettle = function (fn) {
+ if (typeof fn === "function") {
+ settleQueue.push(fn);
+ }
+};
+
+const DeleteNextSettle = function (fn) {
+ const index = settleQueue.indexOf(fn);
+ if (index !== -1) {
+ settleQueue.splice(index, 1);
+ }
+};
+
+const ExecuteSettleQueue = function () {
+ while (settleQueue.length > 0) {
+ const fn = settleQueue.shift();
+ try {
+ fn();
+ } catch (error) {
+ console.error("Error executing settle queue function:", error);
+ }
+ }
+};
+
+export { ExecuteNextSettle, ExecuteSettleQueue, DeleteNextSettle };
diff --git a/views/transform/main.js b/views/transform/main.js
index 79ef92b..b23f218 100644
--- a/views/transform/main.js
+++ b/views/transform/main.js
@@ -1,8 +1,11 @@
import "./site.css";
+import "./search.js";
import "./akteure.js";
import { SinglePageViewer } from "./single-page-viewer.js";
import { ScrollToTopButton } from "./scroll-to-top.js";
import { InhaltsverzeichnisScrollspy } from "./inhaltsverzeichnis-scrollspy.js";
+import { ErrorModal } from "./error-modal.js";
+import { ExecuteSettleQueue } from "./helpers.js";
import {
enlargePage,
closeModal,
@@ -91,29 +94,7 @@ function applyPageBackdrop() {
}
}
-// Function queue system for HTMX settle events
-let settleQueue = [];
-
-// Global function to register functions for next settle event
-window.ExecuteNextSettle = function(fn) {
- if (typeof fn === 'function') {
- settleQueue.push(fn);
- }
-};
-
-// Execute and clear the queue
-function executeSettleQueue() {
- while (settleQueue.length > 0) {
- const fn = settleQueue.shift();
- try {
- fn();
- } catch (error) {
- console.error('Error executing settle queue function:', error);
- }
- }
-}
-
-// Export functions for global access
+// Export functions for global access - moved outside setup() so they're available immediately
window.enlargePage = enlargePage;
window.closeModal = closeModal;
window.scrollToPreviousPage = scrollToPreviousPage;
@@ -124,44 +105,35 @@ window.generateCitation = generateCitation;
window.copyPagePermalink = copyPagePermalink;
window.generatePageCitation = generatePageCitation;
-// INFO: This is intended to be called once on website load
-function setup() {
- // Apply page-specific backdrop styling
- applyPageBackdrop();
+// Apply page-specific backdrop styling
+applyPageBackdrop();
- // Update citation links on initial load
- updateCitationLinks();
+// Update citation links on initial load
+updateCitationLinks();
- // Initialize newspaper layout if present
- if (document.querySelector(".newspaper-page-container")) {
- initializeNewspaperLayout();
- }
-
- // Akteure scrollspy web component will auto-initialize when present in template
-
- // HTMX event handling for newspaper layout, scrollspy, and scroll-to-top button
- let htmxAfterSwapHandler = function (event) {
- // Apply page-specific backdrop styling after navigation
- applyPageBackdrop();
- // Update citation links after navigation
- updateCitationLinks();
-
- // Execute all queued functions
- executeSettleQueue();
-
- // Use shorter delay since afterSettle ensures DOM is ready
- setTimeout(() => {
- if (document.querySelector(".newspaper-page-container")) {
- initializeNewspaperLayout();
- }
- }, 50);
- };
-
- let htmxBeforeRequestHandler = function (event) {};
-
- document.body.addEventListener("htmx:afterSettle", htmxAfterSwapHandler);
- document.body.addEventListener("htmx:afterSettle", updateCitationLinks);
- document.body.addEventListener("htmx:beforeRequest", htmxBeforeRequestHandler);
+// Initialize newspaper layout if present
+if (document.querySelector(".newspaper-page-container")) {
+ initializeNewspaperLayout();
}
-export { setup };
+// Akteure scrollspy web component will auto-initialize when present in template
+
+// HTMX event handling for newspaper layout, scrollspy, and scroll-to-top button
+let htmxAfterSwapHandler = function (event) {
+ // Apply page-specific backdrop styling after navigation
+ applyPageBackdrop();
+ // Update citation links after navigation
+ updateCitationLinks();
+
+ // Execute all queued functions
+ ExecuteSettleQueue();
+
+ // Use shorter delay since afterSettle ensures DOM is ready
+ setTimeout(() => {
+ if (document.querySelector(".newspaper-page-container")) {
+ initializeNewspaperLayout();
+ }
+ }, 50);
+};
+
+document.body.addEventListener("htmx:afterSettle", htmxAfterSwapHandler);
diff --git a/views/transform/search.js b/views/transform/search.js
new file mode 100644
index 0000000..f97e727
--- /dev/null
+++ b/views/transform/search.js
@@ -0,0 +1,410 @@
+const filterBtn = document.getElementById("filter-toggle");
+if (filterBtn) {
+ filterBtn.addEventListener("click", toggleFilter);
+}
+
+// Filter toggle functionality
+function toggleFilter() {
+ const filterContainer = document.getElementById("filter-container");
+ const filterButton = document.getElementById("filter-toggle");
+ const filterContentDiv = filterContainer?.querySelector("div.flex.justify-center");
+
+ if (filterContainer.classList.contains("hidden")) {
+ // Show the filter
+ filterContainer.classList.remove("hidden");
+ filterButton.classList.add("bg-slate-200");
+
+ // Load content only if it doesn't exist - check for actual content
+ const hasContent = filterContentDiv && filterContentDiv.querySelector("div, form, h3");
+ if (!hasContent) {
+ htmx
+ .ajax("GET", "/filter", {
+ target: "#filter-container",
+ select: "#filter",
+ swap: "innerHTML",
+ })
+ .then(() => {
+ console.log("HTMX request completed");
+ // Re-query the element to see if it changed
+ const updatedDiv = document.querySelector("#filter-container .flex.justify-center");
+ })
+ .catch((error) => {
+ console.log("HTMX request failed:", error);
+ });
+ }
+ } else {
+ filterContainer.classList.add("hidden");
+ filterButton.classList.remove("bg-slate-200");
+ }
+}
+
+// Export for global access
+window.toggleFilter = toggleFilter;
+
+// Close filter when clicking outside
+document.addEventListener("click", function (event) {
+ const filterContainer = document.getElementById("filter-container");
+ const filterButton = document.getElementById("filter-toggle");
+
+ if (
+ filterContainer &&
+ filterButton &&
+ !filterContainer.contains(event.target) &&
+ !filterButton.contains(event.target)
+ ) {
+ if (!filterContainer.classList.contains("hidden")) {
+ filterContainer.classList.add("hidden");
+ filterButton.classList.remove("bg-slate-200");
+ }
+ }
+});
+
+// Handle search input logic
+document.body.addEventListener("htmx:configRequest", function (event) {
+ let element = event.detail.elt;
+
+ if (element.id === "search" && element.value === "") {
+ event.detail.parameters = {};
+ event.detail.path = window.location.pathname + window.location.search;
+ }
+});
+
+/**
+ * PersonJumpFilter - Web component for filtering persons list
+ * Works with server-rendered person list and provides client-side filtering
+ */
+class PersonJumpFilter extends HTMLElement {
+ constructor() {
+ super();
+ }
+
+ connectedCallback() {
+ this.setupEventListeners();
+ }
+
+ setupEventListeners() {
+ const searchInput = this.querySelector('#person-search');
+ const authorsCheckbox = this.querySelector('#authors-only');
+ const allPersonsList = this.querySelector('#all-persons');
+ const authorsOnlyList = this.querySelector('#authors-only-list');
+
+ if (!searchInput || !authorsCheckbox || !allPersonsList || !authorsOnlyList) {
+ return;
+ }
+
+ // Search functionality
+ searchInput.addEventListener('input', (e) => {
+ const query = e.target.value.toLowerCase().trim();
+ this.filterPersons(query);
+ });
+
+ // Checkbox functionality
+ authorsCheckbox.addEventListener('change', () => {
+ this.togglePersonsList();
+ // Clear and re-apply search filter
+ const query = searchInput.value.toLowerCase().trim();
+ this.filterPersons(query);
+ });
+ }
+
+ togglePersonsList() {
+ const authorsCheckbox = this.querySelector('#authors-only');
+ const allPersonsList = this.querySelector('#all-persons');
+ const authorsOnlyList = this.querySelector('#authors-only-list');
+
+ if (!authorsCheckbox || !allPersonsList || !authorsOnlyList) {
+ return;
+ }
+
+ if (authorsCheckbox.checked) {
+ allPersonsList.style.display = 'none';
+ authorsOnlyList.style.display = 'block';
+ } else {
+ allPersonsList.style.display = 'block';
+ authorsOnlyList.style.display = 'none';
+ }
+ }
+
+ filterPersons(query) {
+ // Filter items in the currently visible list
+ const authorsCheckbox = this.querySelector('#authors-only');
+ const currentList = authorsCheckbox?.checked ?
+ this.querySelector('#authors-only-list') :
+ this.querySelector('#all-persons');
+
+ if (!currentList) {
+ return;
+ }
+
+ const personItems = currentList.querySelectorAll('.person-item');
+
+ personItems.forEach(item => {
+ const name = item.querySelector('.person-name')?.textContent || '';
+ const life = item.querySelector('.person-life')?.textContent || '';
+
+ const matches = !query ||
+ name.toLowerCase().includes(query) ||
+ life.toLowerCase().includes(query);
+
+ if (matches) {
+ item.style.display = 'block';
+ } else {
+ item.style.display = 'none';
+ }
+ });
+ }
+}
+
+// Register the custom element
+customElements.define('person-jump-filter', PersonJumpFilter);
+
+/**
+ * YearJumpFilter - Unified web component for Jahr-based navigation
+ * Allows jumping by Jahr/Ausgabe or Jahr/Seite
+ */
+class YearJumpFilter extends HTMLElement {
+ constructor() {
+ super();
+ this.issuesByYear = {};
+ }
+
+ connectedCallback() {
+ this.parseIssuesData();
+ this.setupEventListeners();
+ }
+
+ parseIssuesData() {
+ // Parse issues data from data attributes
+ const issuesData = this.dataset.issues;
+ if (issuesData) {
+ try {
+ this.issuesByYear = JSON.parse(issuesData);
+ } catch (e) {
+ console.error('Failed to parse issues data:', e);
+ }
+ }
+ }
+
+ setupEventListeners() {
+ const yearSelect = this.querySelector('#year-select');
+ const issueNumberSelect = this.querySelector('#issue-number-select');
+ const issueDateSelect = this.querySelector('#issue-date-select');
+ const pageInput = this.querySelector('#page-input');
+ const pageJumpBtn = this.querySelector('#page-jump-btn');
+
+ if (!yearSelect) {
+ return;
+ }
+
+ // Year selection change handler
+ yearSelect.addEventListener('change', () => {
+ this.updateIssueOptions();
+ this.updatePageInputState();
+ this.clearPageErrors();
+ });
+
+ // Issue number selection change handler - jump immediately
+ if (issueNumberSelect) {
+ issueNumberSelect.addEventListener('change', () => {
+ const year = yearSelect.value;
+ const issueNum = issueNumberSelect.value;
+ if (year && issueNum) {
+ window.location.href = `/${year}/${issueNum}`;
+ }
+ });
+ }
+
+ // Issue date selection change handler - jump immediately
+ if (issueDateSelect) {
+ issueDateSelect.addEventListener('change', () => {
+ const year = yearSelect.value;
+ const issueNum = issueDateSelect.value; // value contains issue number
+ if (year && issueNum) {
+ window.location.href = `/${year}/${issueNum}`;
+ }
+ });
+ }
+
+ // Page input handlers
+ if (pageInput) {
+ pageInput.addEventListener('input', () => {
+ this.updatePageJumpButton();
+ this.clearPageErrors();
+ });
+
+ // Handle Enter key in page input
+ pageInput.addEventListener('keydown', (e) => {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ this.handlePageJump();
+ }
+ });
+ }
+
+ // Page jump button
+ if (pageJumpBtn) {
+ pageJumpBtn.addEventListener('click', () => {
+ this.handlePageJump();
+ });
+ }
+
+ // Page jump form submission
+ const pageForm = this.querySelector('#page-jump-form');
+ if (pageForm) {
+ pageForm.addEventListener('submit', (e) => {
+ e.preventDefault();
+ this.handlePageJump();
+ });
+ }
+
+ // Initialize everything
+ this.updateIssueOptions();
+ this.updatePageInputState();
+ this.updatePageJumpButton();
+ }
+
+ updateIssueOptions() {
+ const yearSelect = this.querySelector('#year-select');
+ const issueNumberSelect = this.querySelector('#issue-number-select');
+ const issueDateSelect = this.querySelector('#issue-date-select');
+
+ if (!yearSelect || !issueNumberSelect || !issueDateSelect) {
+ return;
+ }
+
+ const selectedYear = yearSelect.value;
+ const issues = this.issuesByYear[selectedYear] || [];
+
+ // Clear existing options
+ issueNumberSelect.innerHTML = '
';
+ issueDateSelect.innerHTML = '
';
+
+ // Add options for selected year
+ issues.forEach(issue => {
+ // Issue number select - just the number
+ const numberOption = document.createElement('option');
+ numberOption.value = issue.number;
+ numberOption.textContent = issue.number;
+ issueNumberSelect.appendChild(numberOption);
+
+ // Issue date select - date with issue number as value
+ const dateOption = document.createElement('option');
+ dateOption.value = issue.number; // value is still issue number for navigation
+ dateOption.textContent = `${issue.date} [${issue.number}]`;
+ issueDateSelect.appendChild(dateOption);
+ });
+
+ const hasIssues = issues.length > 0 && selectedYear;
+ issueNumberSelect.disabled = !hasIssues;
+ issueDateSelect.disabled = !hasIssues;
+ }
+
+ async handlePageJump() {
+ const yearSelect = this.querySelector('#year-select');
+ const pageInput = this.querySelector('#page-input');
+ const errorContainer = this.querySelector('#jump-errors');
+
+ if (!yearSelect || !pageInput) {
+ return;
+ }
+
+ const year = yearSelect.value;
+ const page = pageInput.value;
+
+ if (!year || !page) {
+ this.showError('Bitte Jahr und Seite auswählen.');
+ return;
+ }
+
+ try {
+ const formData = new FormData();
+ formData.append('year', year);
+ formData.append('page', page);
+
+ const response = await fetch('/jump', {
+ method: 'POST',
+ body: formData,
+ redirect: 'manual'
+ });
+
+ // Check for HTMX redirect header
+ const hxRedirect = response.headers.get('HX-Redirect');
+ if (hxRedirect) {
+ window.location.href = hxRedirect;
+ return;
+ }
+
+ if (response.status === 302 || response.status === 301) {
+ const location = response.headers.get('Location');
+ if (location) {
+ window.location.href = location;
+ return;
+ }
+ }
+
+ if (response.ok) {
+ if (errorContainer) {
+ errorContainer.innerHTML = '';
+ }
+ } else {
+ const errorText = await response.text();
+ if (errorContainer) {
+ errorContainer.innerHTML = errorText;
+ }
+ }
+ } catch (error) {
+ console.error('Page jump failed:', error);
+ this.showError('Fehler beim Suchen der Seite.');
+ }
+ }
+
+ showError(message) {
+ const errorContainer = this.querySelector('#jump-errors');
+ if (errorContainer) {
+ errorContainer.innerHTML = `
${message}
`;
+ }
+ }
+
+ clearPageErrors() {
+ const errorContainer = this.querySelector('#jump-errors');
+ if (errorContainer) {
+ errorContainer.innerHTML = '';
+ }
+ }
+
+ updatePageInputState() {
+ const yearSelect = this.querySelector('#year-select');
+ const pageInput = this.querySelector('#page-input');
+
+ if (!yearSelect || !pageInput) {
+ return;
+ }
+
+ const hasYear = yearSelect.value;
+ pageInput.disabled = !hasYear;
+
+ if (!hasYear) {
+ pageInput.value = '';
+ this.updatePageJumpButton();
+ }
+ }
+
+ updatePageJumpButton() {
+ const yearSelect = this.querySelector('#year-select');
+ const pageInput = this.querySelector('#page-input');
+ const pageJumpBtn = this.querySelector('#page-jump-btn');
+
+ if (!yearSelect || !pageInput || !pageJumpBtn) {
+ return;
+ }
+
+ const hasYear = yearSelect.value;
+ const hasPage = pageInput.value && pageInput.value.trim();
+ const shouldEnable = hasYear && hasPage;
+
+ pageJumpBtn.disabled = !shouldEnable;
+ }
+}
+
+// Register the custom element
+customElements.define('year-jump-filter', YearJumpFilter);
diff --git a/views/transform/single-page-viewer.js b/views/transform/single-page-viewer.js
index 4ebf5dd..d1b8763 100644
--- a/views/transform/single-page-viewer.js
+++ b/views/transform/single-page-viewer.js
@@ -255,9 +255,11 @@ export class SinglePageViewer extends HTMLElement {
document.body.style.overflow = "hidden";
// Dispatch event for scrollspy
- document.dispatchEvent(new CustomEvent('singlepageviewer:opened', {
- detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage }
- }));
+ document.dispatchEvent(
+ new CustomEvent("singlepageviewer:opened", {
+ detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage },
+ }),
+ );
}
close() {
@@ -268,9 +270,11 @@ export class SinglePageViewer extends HTMLElement {
document.body.style.overflow = "";
// Dispatch event for scrollspy
- document.dispatchEvent(new CustomEvent('singlepageviewer:closed', {
- detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage }
- }));
+ document.dispatchEvent(
+ new CustomEvent("singlepageviewer:closed", {
+ detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage },
+ }),
+ );
}
disconnectedCallback() {
@@ -282,16 +286,14 @@ export class SinglePageViewer extends HTMLElement {
// Clean up keyboard event listeners
if (this.keyboardHandler) {
- document.removeEventListener('keydown', this.keyboardHandler);
+ document.removeEventListener("keydown", this.keyboardHandler);
this.keyboardHandler = null;
}
-
// Restore background scrolling
document.body.style.overflow = "";
}
-
// Generate icon HTML from Go icon type - matches templating/engine.go PageIcon function
generateIconFromType(iconType) {
switch (iconType) {
@@ -314,24 +316,24 @@ export class SinglePageViewer extends HTMLElement {
setupKeyboardNavigation() {
// Remove any existing listener to avoid duplicates
if (this.keyboardHandler) {
- document.removeEventListener('keydown', this.keyboardHandler);
+ document.removeEventListener("keydown", this.keyboardHandler);
}
// Create bound handler
this.keyboardHandler = (event) => {
// Only handle keyboard events when the viewer is visible
- if (this.style.display === 'none') return;
+ if (this.style.display === "none") return;
switch (event.key) {
- case 'ArrowLeft':
+ case "ArrowLeft":
event.preventDefault();
this.goToPreviousPage();
break;
- case 'ArrowRight':
+ case "ArrowRight":
event.preventDefault();
this.goToNextPage();
break;
- case 'Escape':
+ case "Escape":
event.preventDefault();
this.close();
break;
@@ -339,10 +341,9 @@ export class SinglePageViewer extends HTMLElement {
};
// Add event listener
- document.addEventListener('keydown', this.keyboardHandler);
+ document.addEventListener("keydown", this.keyboardHandler);
}
-
// Share current page
shareCurrentPage() {
if (typeof copyPagePermalink === "function") {
@@ -411,11 +412,12 @@ export class SinglePageViewer extends HTMLElement {
getAdjacentPages() {
// Get all page containers of the same type (main or beilage)
let containerSelector;
- if (this.currentIsBeilage) {
- containerSelector = '.newspaper-page-container[data-beilage="true"]';
- } else {
- containerSelector = ".newspaper-page-container:not([data-beilage])";
- }
+ containerSelector = ".newspaper-page-container";
+ // if (this.currentIsBeilage) {
+ // containerSelector = '.newspaper-page-container[data-beilage="true"]';
+ // } else {
+ // containerSelector = ".newspaper-page-container:not([data-beilage])";
+ // }
const pageContainers = Array.from(document.querySelectorAll(containerSelector));
console.log(
@@ -433,8 +435,7 @@ export class SinglePageViewer extends HTMLElement {
console.log("Container page:", pageAttr, "parsed:", pageNum);
return pageNum;
})
- .filter((p) => p !== null)
- .sort((a, b) => a - b);
+ .filter((p) => p !== null);
console.log("All pages found:", allPages);
console.log("Current page:", this.currentPageNumber);
@@ -535,9 +536,11 @@ export class SinglePageViewer extends HTMLElement {
);
// Dispatch event for scrollspy to update highlighting
- document.dispatchEvent(new CustomEvent('singlepageviewer:pagechanged', {
- detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage }
- }));
+ document.dispatchEvent(
+ new CustomEvent("singlepageviewer:pagechanged", {
+ detail: { pageNumber: this.currentPageNumber, isBeilage: this.currentIsBeilage },
+ }),
+ );
}
}
}
diff --git a/views/transform/site.css b/views/transform/site.css
index f5ebd02..c0175c6 100644
--- a/views/transform/site.css
+++ b/views/transform/site.css
@@ -302,29 +302,30 @@ body.page-edition::before {
}
.single-page .newspaper-page-image {
- max-width: min(400px, 100%);
- width: 100%;
- height: auto;
+ width: auto;
+ height: 750px;
+ object-fit: contain;
+ max-width: 100%;
}
/* Larger screens */
@media (min-width: 1280px) {
.single-page .newspaper-page-image {
- max-width: min(600px, 100%);
+ height: 900px;
}
}
/* Very wide screens */
@media (min-width: 1536px) {
.single-page .newspaper-page-image {
- max-width: min(700px, 100%);
+ height: 1050px;
}
}
/* Mobile constraints */
@media (max-width: 640px) {
.single-page .newspaper-page-image {
- max-width: 100%;
+ height: 600px;
}
}