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

Improve searchbar pulldown styles, increase maximumm pax

Browse Source
This commit is contained in:
Björn Fromme
2022-03-14 11:00:45 +01:00
parent 2bb5c82fde
commit cb2b70f725
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_products/Classes/Domain/Model/Dto/FilterOptions.php
+1 -1
View File
@@ -110,7 +110,7 @@ class FilterOptions implements \JsonSerializable
{ {
$this->pax = [ $this->pax = [
0 => 'beliebig', 0 => 'beliebig',
...array_combine(range(1, 20), range(1, 20)) ...array_combine(range(1, 24), range(1, 24))
]; ];
} }
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Searchbar/Index.html
+12 -8
View File
@@ -106,21 +106,23 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-user-group"></use> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-user-group"></use>
</svg> </svg>
<div <div
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded w-full h-48 overflow-y-scroll" class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded w-full h-48 overflow-y-scroll text-sm leading-6"
data-collapse-target="container"> data-collapse-target="container">
<ul class="m-0 p-0"> <ul class="m-0 p-0">
<f:for each="{filterOptions.pax}" as="option"> <f:for each="{filterOptions.pax}" as="option">
<li> <li>
<button type="button" <button type="button"
data-action="searchbar#setPax" data-action="searchbar#setPax"
data-option="{option}"> data-option="{option}"
class="w-full text-right">
{option} {option}
</button> </button>
</li> </li>
</f:for> </f:for>
<li> <li>
<a href="{f:uri.typolink(parameter: settings.groupsPageUid)}"> <a href="{f:uri.typolink(parameter: settings.groupsPageUid)}"
&gt; 20 class="block text-right">
&gt; 24
</a> </a>
</li> </li>
</ul> </ul>
@@ -144,7 +146,7 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-airplane"></use> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-airplane"></use>
</svg> </svg>
<div <div
class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-4 shadow-md rounded min-w-full h-64 overflow-y-scroll" class="hidden absolute z-20 top-100 mt-2 left-0 bg-white p-2 shadow-md rounded min-w-full h-64 overflow-y-scroll"
data-collapse-target="container"> data-collapse-target="container">
<div class="grid grid-cols-5 gap-4"> <div class="grid grid-cols-5 gap-4">
<f:for each="{filterOptions.destinations}" as="destination"> <f:for each="{filterOptions.destinations}" as="destination">
@@ -218,14 +220,15 @@
<use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-euro"></use> <use href="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/icons_sprite.svg')}#icon-euro"></use>
</svg> </svg>
<div <div
class="hidden absolute z-20 top-100 left-0 bg-white p-4 shadow-md w-full h-48 overflow-y-scroll" class="hidden absolute z-20 top-100 left-0 bg-white p-2 shadow-md w-full h-48 overflow-y-scroll text-sm leading-7"
data-collapse-target="container"> data-collapse-target="container">
<ul class="m-0 p-0"> <ul class="m-0 p-0">
<li> <li>
<button type="button" <button type="button"
data-action="searchbar#setPriceRange" data-action="searchbar#setPriceRange"
data-option-value="" data-option-value=""
data-label-value="beliebig"> data-label-value="beliebig"
class="w-full text-right">
beliebig beliebig
</button> </button>
</li> </li>
@@ -234,7 +237,8 @@
<button type="button" <button type="button"
data-action="searchbar#setPriceRange" data-action="searchbar#setPriceRange"
data-option-value="{range.uid}" data-option-value="{range.uid}"
data-label-value="{range.formatted}"> data-label-value="{range.formatted}"
class="w-full text-right">
{range.formatted} {range.formatted}
</button> </button>
</li> </li>