frommeandClaude Opus 5.5
a46918de9d
Copied unchanged from public/typo3conf/ext/ of EP/website at 9593cc8631354f8a363d6609de8b7433f669a9a0 (Git-tracked files only). History stays in the old repository. Only composer.json files are added so the extensions install as path packages. Co-Authored-By: Claude Opus 5.5 <[email protected]>
63 lines
3.4 KiB
HTML
63 lines
3.4 KiB
HTML
<html data-namespace-typo3-fluid="true" lang="en"
|
|
xmlns="http://www.w3.org/1999/xhtml"
|
|
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
|
|
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers">
|
|
|
|
<f:if condition="{faqs}">
|
|
<div class="bg-winter my-4">
|
|
<div class="bg-ep-primary/90 sbw:bg-sbw-primary/90 uch:bg-uch-primary/90 ser:bg-ser-primary/90 py-8">
|
|
<div class="container"
|
|
data-controller="faq">
|
|
<span class="headline--3 text-white uppercase mb-4">
|
|
Häufig gestellte Fragen
|
|
</span>
|
|
<f:if condition="{filter}">
|
|
<div class="mb-4 pr-2 w-80 border-b border-r border-white flex items-center justify-between">
|
|
<input type="text"
|
|
aria-label="Suchbegriff"
|
|
data-action="faq#filter"
|
|
class="bg-transparent border-0 uppercase ring-0 focus:ring-0 placeholder-white text-white"
|
|
placeholder="Suchbegriff">
|
|
{ep:icon(icon: 'search', class: 'w-6 h-6 text-white')}
|
|
</div>
|
|
</f:if>
|
|
<f:for each="{faqs}" as="faq" iteration="iteration">
|
|
<div class="p-4 rounded mb-2"
|
|
data-controller="collapse"
|
|
data-collapse-collapsed-value="{f:if(condition: iteration.isFirst, then: 'false', else: 'true')}"
|
|
data-faq-target="entry">
|
|
<button type="button"
|
|
aria-label="Antwort anzeigen/ausblenden"
|
|
class="text-lg md:text-xl text-white flex items-center space-x-4"
|
|
data-action="collapse#toggle">
|
|
{ep:icon(icon: 'chevron-right', class: 'w-4 h-4 text-white transition-transform duration-200 ease-in-out', data: '{collapse-target: \'icon\'}')}
|
|
<span class="text-left">
|
|
{faq.question}
|
|
</span>
|
|
</button>
|
|
<div class="text-white pt-2 transition-transform ease-out overflow-hidden origin-top transform hidden"
|
|
data-collapse-target="container"
|
|
data-rte-content>
|
|
{faq.answer -> f:format.html()}
|
|
</div>
|
|
</div>
|
|
</f:for>
|
|
<div class="hidden text-white py-4"
|
|
data-faq-target="empty">
|
|
Keine Treffer gefunden. Bitte ändere deinen Suchbegriff.
|
|
</div>
|
|
<f:if condition="{settings.infoPageUid}">
|
|
<div class="flex items-center justify-end space-x-2 text-sm text-white">
|
|
{ep:icon(icon: 'info-circle', class: 'w-4 h-4')}
|
|
<a href="{f:uri.typolink(parameter: settings.infoPageUid)}" class="underline">
|
|
Weitere Reiseinfos findet ihr hier
|
|
</a>
|
|
</div>
|
|
</f:if>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</f:if>
|
|
|
|
</html>
|