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

WIP Migrate searchbox

Browse Source
This commit is contained in:
Björn Fromme
2021-09-16 17:53:08 +02:00
parent aa9f491db3
commit b935820e16
3 changed files with 37 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_products/Configuration/TypoScript/setup.typoscript
+1 -3
View File
@@ -47,6 +47,7 @@ plugin.tx_epproducts {
groupsPricePopupPageUid = {$plugin.tx_eptheme.settings.groupsPricePopupPageUid} groupsPricePopupPageUid = {$plugin.tx_eptheme.settings.groupsPricePopupPageUid}
groupsPriceToEmail = {$plugin.tx_epproducts.settings.groupsPriceToEmail} groupsPriceToEmail = {$plugin.tx_epproducts.settings.groupsPriceToEmail}
groupsPriceToName = {$plugin.tx_epproducts.settings.groupsPriceToName} groupsPriceToName = {$plugin.tx_epproducts.settings.groupsPriceToName}
logoImage = {$plugin.tx_eptheme.settings.logoImage}
datePickerPresets { datePickerPresets {
1 { 1 {
label = Silvester label = Silvester
@@ -103,9 +104,6 @@ plugin.tx_epproducts {
} }
} }
} }
features {
requireCHashArgumentForActionArguments = 0
}
} }
config.tx_extbase.persistence.classes { config.tx_extbase.persistence.classes {
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Mobilenav.html
+1 -1
View File
@@ -4,7 +4,7 @@
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:section name="Main"> <f:section name="Main">
<div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-gray-700 transform hidden" <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-gray-700 hidden"
data-controller="overlay-toggle" data-controller="overlay-toggle"
data-overlay-toggle-id-value="mobilenav" data-overlay-toggle-id-value="mobilenav"
data-overlay-toggle-target="overlay" data-overlay-toggle-target="overlay"
public/typo3conf/ext/ep_theme/Resources/Private/Templates/Search/Searchbox.html
+35 -46
View File
@@ -5,69 +5,58 @@
<f:layout name="Default"/> <f:layout name="Default"/>
<f:section name="Main"> <f:section name="Main">
<div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen z-100 overflow-y-scroll bg-cover bg-gray-700 transform hidden-lg hidden" <div class="fixed lg:hidden top-0 left-0 inset-0 w-screen h-screen pt-14 pb-10 z-50 bg-gray-700 hidden"
data-controller="overlay-toggle" data-controller="overlay-toggle"
data-overlay-toggle-id-value="search" data-overlay-toggle-id-value="search"
data-overlay-toggle-target="overlay" data-overlay-toggle-target="overlay"
data-action="overlay-toggle:toggle@window->overlay-toggle#toggle"> data-action="overlay-toggle:toggle@window->overlay-toggle#toggle">
<div class="relative bg-ep-primary"> <div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
<div class="fixed top-0 left-0 inset-x-0 px-8 py-2 flex justify-end bg-ep-primary"> <a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
<button class="focus:outline-none" data-action="overlay-toggle#invokeToggle"> class="block lg:pb-4"
<svg class="w-10 h-10 text-white"> title="{settings.defaultTitle}">
<use href="#icon-close"></use> <img class="block h-10 lg:h-12 w-auto" src="{f:uri.image(src: settings.logoImage)}" alt="{settings.defaultTitle}">
</svg> </a>
</button> <button class="focus:outline-none" data-action="overlay-toggle#invokeToggle">
</div> <svg class="w-8 h-8">
<use href="#icon-close"></use>
</svg>
</button>
</div>
<div class="h-full w-full overflow-y-scroll p-4">
<f:form action="processSearch" controller="Search" method="post" name="searchParams" <f:form action="processSearch" controller="Search" method="post" name="searchParams"
object="{searchParams}" pluginName="searchresult" extensionName="epproducts" object="{searchParams}" pluginName="searchresult" extensionName="epproducts"
pageUid="{settings.defaultSearchPageUid}" class="form-horizontal"> pageUid="{settings.defaultSearchPageUid}">
<f:form.hidden property="destinationUid" additionalAttributes="{x-model: 'searchParams.destinationUid'}"/> <f:form.hidden property="dateFrom" data="{'searchbar-target': 'dateFrom'}"/>
<f:form.hidden property="destinationType" additionalAttributes="{x-model: 'searchParams.destinationType'}"/> <f:form.hidden property="dateTo" data="{'searchbar-target': 'dateTo'}"/>
<f:form.hidden property="dateFrom" value="" additionalAttributes="{x-model: 'searchParams.dateFrom'}"/> <f:form.hidden property="pax" data="{'searchbar-target': 'pax'}"/>
<f:form.hidden property="dateTo" value="" additionalAttributes="{x-model: 'searchParams.dateTo'}"/> <f:form.hidden property="destinationUid" data="{'searchbar-target': 'destinationUid'}"/>
<f:form.hidden property="nights" additionalAttributes="{x-model: 'searchParams.nights'}"/> <f:form.hidden property="destinationType" data="{'searchbar-target': 'destinationType'}"/>
<f:form.hidden property="pax" additionalAttributes="{x-model: 'searchParams.pax'}"/> <f:form.hidden property="priceRange" data="{'searchbar-target': 'priceRange'}"/>
<f:form.hidden property="conceptUid" additionalAttributes="{x-model: 'searchParams.conceptUid'}"/>
<f:form.hidden property="pageUid" additionalAttributes="{x-model: 'searchParams.pageUid'}"/>
<div class="form-group">
<label>Früheste Anreise</label> <label>Früheste Anreise</label>
<input <input
type="date" type="date"
x-model="searchParams.dateFrom" class="border-gray-400 focus:border-gray-800">
x-bind:min="filterOptions.dateFrom"
x-bind:max="filterOptions.dateTo"
x-on:change="load()"
x-bind:disabled="loading"
class="border-gray-400 focus:border-gray-800"
>
</div>
<div class="form-group">
<label>Späteste Abreise</label> <label>Späteste Abreise</label>
<input <input
type="date" type="date"
x-model="searchParams.dateTo" class="border-gray-400 focus:border-gray-800">
x-bind:min="filterOptions.dateFrom"
x-bind:max="filterOptions.dateTo"
x-on:change="load()"
x-bind:disabled="loading"
class="border-gray-400 focus:border-gray-800"
>
</div>
<div class="form-group">
<label>Personen</label> <label>Personen</label>
<input <input
type="number" type="number"
min="1" min="1"
max="20" max="20"
x-model="searchParams.pax" class="border-gray-400 focus:border-gray-800">
x-on:change="load()"
x-bind:disabled="loading" <div class="grid grid-cols-2 gap-4">
class="border-gray-400 focus:border-gray-800" <button type="submit" class="button">
> Suchen
</div> </button>
<div class="form-group"> <button type="submit" class="button button--secondary">
<button type="submit" class="btn btn-warning">Suchen <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></button> Detailsuche
<button type="submit" class="searchbox__link">Detailsuche</button> </button>
</div> </div>
</f:form> </f:form>
</div> </div>