Jürgen Mummert
35 lines
1.6 KiB
Twig
35 lines
1.6 KiB
Twig
{% set hasPdf = pdfUrl|default('') is not empty %}
|
|
|
|
<div
|
|
class="ce-blatterbares-pdf mod-pdf-flipbook is-loading"
|
|
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-split-spreads="{{ splitSpreads ? '1' : '0' }}"
|
|
data-show-navigation="{{ showNavigation ? '1' : '0' }}"
|
|
data-play-turn-sound="{{ ((playTurnSound is defined) ? playTurnSound : true) ? '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" style="visibility:hidden;opacity:0">
|
|
<div id="flipbook-{{ data.id|default(random()) }}" class="c-flipbook" data-flipbook-book="1"></div>
|
|
</div>
|
|
|
|
{% if showNavigation %}
|
|
<div class="mod-pdf-flipbook__controls" data-flipbook-controls="1" aria-label="Flipbook Navigation" style="visibility:hidden;opacity:0">
|
|
<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=20260414j">
|
|
<link rel="stylesheet" href="/bundles/flipbook/assets/flipbook-module.css?v=20260414j">
|
|
<script type="module" src="/bundles/flipbook/assets/flipbook-module.js?v=20260414j"></script>
|