Further improve mobile search

This commit is contained in:
Björn Fromme
2021-10-26 11:26:09 +02:00
parent 2b2dbae409
commit 4923944175
10 changed files with 214 additions and 46 deletions
@@ -12,8 +12,8 @@ export default class extends Controller {
]
static values = {
optionsUri: String,
initialOptionsUri: String,
uri: String,
initUri: String,
loading: Boolean,
loaded: Boolean,
show: Boolean,
@@ -48,7 +48,7 @@ export default class extends Controller {
}
load(options) {
let uri = this.loadedValue ? this.optionsUriValue : this.initialOptionsUriValue
let uri = this.loadedValue ? this.uriValue : this.initUriValue
this.loadingValue = true
fetch(uri, options)
.then(this.checkStatus)
@@ -4,8 +4,8 @@
<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="mobile-search"
data-mobile-search-options-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'options', pageUid: settings.defaultAjaxUid, format: 'html')}"
data-mobile-search-initial-options-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'options', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
data-mobile-search-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, format: 'html')}"
data-mobile-search-init-uri-value="{ep:uri.ajax(controller: 'AjaxFilterPanel', action: 'index', pageUid: settings.defaultAjaxUid, arguments: '{filterSettings: filterSettings}', format: 'html')}"
data-action="overlay-toggle:toggle@window->mobile-search#open datepicker:range-select->mobile-search#selectDateRange">
<div class="fixed top-0 left-0 z-100 inset-x-0 px-4 py-2 flex justify-between bg-white shadow-md">
<a href="{f:uri.typolink(parameter: settings.defaultHomeUid)}"
@@ -16,7 +16,7 @@
<div class="mt-4">
<a href="{filterOptions.resultsUri}"
class="button button--primary w-full">
Ergebnis anzeigen
{filterOptions.resultCount} Treffer anzeigen
</a>
</div>
</f:if>