EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP Migrate filterpanel

Browse Source
This commit is contained in:
Björn Fromme
2021-10-21 13:53:49 +02:00
parent 71b429eb61
commit a02c6ccafe
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+9 -7
View File
@@ -108,7 +108,9 @@
property="conceptUids" property="conceptUids"
data="{action: 'search#filter'}" data="{action: 'search#filter'}"
value="{concept.uid}"/> value="{concept.uid}"/>
<span class="inline-block py-1 px-2 bg-concept-{concept.code} text-white">
{concept.name} {concept.name}
</span>
</label> </label>
</li> </li>
</f:for> </f:for>
@@ -132,20 +134,20 @@
</svg> </svg>
</button> </button>
<div data-collapse-target="container"> <div data-collapse-target="container">
<ul class="mb-0 p-0 pt-2 space-y-1"> <ul class="mb-0 p-0 pt-2">
<f:for each="{filterOptions.destinations}" as="destination"> <f:for each="{filterOptions.destinations}" as="destination">
<li> <li class="relative border-b last:border-0 mb-2">
<label class="flex items-start"> <label class="flex items-start">
<f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary" <f:form.checkbox class="w-5 h-5 border-ep-primary ring-0 bg-transparent focus:ring-0 focus:border-none text-ep-primary"
property="countryUids" property="countryUids"
data="{action: 'search#filter'}" data="{action: 'search#filter'}"
value="{destination.country.uid}"/> value="{destination.country.uid}"/>
<svg class="ml-2 w-6 h-4"> <span class="pl-2 leading-none">
<strong>{destination.country.label}</strong>
</span>
<svg class="absolute top-0 right-0 w-8 h-6">
<use href="#icon-flag-{destination.country.code -> f:format.case(mode: 'lower')}"/> <use href="#icon-flag-{destination.country.code -> f:format.case(mode: 'lower')}"/>
</svg> </svg>
<span class="pl-2 leading-none">
{destination.country.label}
</span>
</label> </label>
<f:if condition="{destination.regions}"> <f:if condition="{destination.regions}">
<ul class="py-2 space-y-1"> <ul class="py-2 space-y-1">
@@ -156,7 +158,7 @@
property="regionUids" property="regionUids"
data="{action: 'search#filter'}" data="{action: 'search#filter'}"
value="{region.uid}"/> value="{region.uid}"/>
<span class="leading-none pl-4"> <span class="leading-none pl-2">
{region.label} {region.label}
</span> </span>
</label> </label>