feat: refine flipbook start modes and UI behavior

2026-04-13 21:34:29 +02:00
commit 9f9b1c9935
23 changed files with 1007 additions and 0 deletions
@@ -0,0 +1,32 @@
+{% set hasPdf = pdfUrl|default('') is not empty %}
+
+<div
+    class="ce-blatterbares-pdf mod-pdf-flipbook"
+    data-pdf-flipbook-element="1"
+    data-pdf-url="{{ pdfUrl|default('')|e('html_attr') }}"
+    data-initial-pages="{{ initialRenderPages|default(4)|e('html_attr') }}"
+    data-start-mode="{{ startMode|default('center')|e('html_attr') }}"
+    data-show-navigation="{{ showNavigation ? '1' : '0' }}"
+    tabindex="0"
+>
+    <div class="mod-pdf-flipbook__status" data-flipbook-loader="1" aria-live="polite">PDF wird geladen ...</div>
+
+    <div class="mod-pdf-flipbook__stage" data-flipbook-stage="1">
+        <div id="flipbook-{{ data.id|default(random()) }}" class="c-flipbook" data-flipbook-book="1"></div>
+    </div>
+
+    {% if showNavigation %}
+        <div class="mod-pdf-flipbook__controls" aria-label="Flipbook Navigation">
+            <button type="button" data-flipbook-prev="1">Zurück</button>
+            <button type="button" data-flipbook-next="1">Weiter</button>
+        </div>
+    {% endif %}
+
+    {% if not hasPdf %}
+        <p class="mod-pdf-flipbook__error">Keine PDF-Datei konfiguriert.</p>
+    {% endif %}
+</div>
+
+<link rel="stylesheet" href="/bundles/flipbook/assets/vendor/flipbook.min.css?v=20260414d">
+<link rel="stylesheet" href="/bundles/flipbook/assets/flipbook-module.css?v=20260414d">
+<script type="module" src="/bundles/flipbook/assets/flipbook-module.js?v=20260414d"></script>