From 48a2ad1a2fc89bfa2238b149a1dce8d641baa787 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Thu, 7 Apr 2022 17:53:18 +0200
Subject: [PATCH] Improve mobile search result and filter layout

---
 .../Private/Partials/Search/FilterPanel.html       | 14 +++++++++++---
 .../Resources/Private/Partials/Search/Result.html  |  7 +++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
index bc3c4369..990b06ae 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/FilterPanel.html
@@ -5,8 +5,7 @@
 
     <div class="mb-4"
          data-controller="collapse"
-         data-collapse-from-value="960"
-         data-collapse-collapsed-value="{f:if(condition: '{filterSettings.dateFrom} || {filterSettings.dateTo}', then: 'false', else: 'true')}">
+         data-collapse-until-value="960">
         <button type="button"
                 data-action="click->collapse#toggle"
                 class="flex items-center justify-between w-full bg-brand-gradient p-4">
@@ -70,7 +69,7 @@
 
     <div class="mb-4"
          data-controller="collapse"
-         data-collapse-collapsed-value="{f:if(condition: '{filterSettings.conceptUids}', then: 'false', else: 'true')}">
+         data-collapse-until-value="960">
         <button type="button"
                 data-action="click->collapse#toggle"
                 class="flex items-center justify-between w-full bg-brand-gradient p-4">
@@ -105,6 +104,15 @@
         </div>
     </div>
 
+    <f:if condition="{filterOptions.resultsUri}">
+        <div class="my-4">
+            <a href="{filterOptions.resultsUri}"
+               class="button text-white bg-badge-gradient w-full">
+                {filterOptions.resultCount} Treffer anzeigen
+            </a>
+        </div>
+    </f:if>
+
     <div class="px-4 divide-y py-2 px-4 lg:bg-white">
 
         <div class="py-2"
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
index 6250eafd..88a152eb 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Search/Result.html
@@ -31,6 +31,13 @@
             </f:if>
         </span>
     </div>
+    <button type="button"
+            class="lg:hidden mb-4 text-white bg-badge-gradient uppercase py-2 w-full"
+            data-controller="overlay-toggle"
+            data-overlay-toggle-id-value="mobile-search"
+            data-action="overlay-toggle#invokeToggle">
+        Filter
+    </button>
     <f:if condition="{referringPageUri}">
         <f:variable name="referrer" value="{referringPageUri}"/>
     </f:if>