From 9e9db1ecae662fbe0da358554ce7098f43a0657e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Thu, 15 Aug 2019 15:15:28 +0200
Subject: [PATCH] Move date range select in filterpanel to topmost position

---
 .../Templates/Search/Searchresult.html        | 90 +++++++++----------
 1 file changed, 45 insertions(+), 45 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Search/Searchresult.html b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Search/Searchresult.html
index c286f0ef..d84c388b 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Search/Searchresult.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Templates/Search/Searchresult.html
@@ -35,6 +35,51 @@
                                        @click.prevent="resetFilterSettings">Filter zurücksetzen</a>
                                     <form class="border">
                                         <div class="panel-group" id="filteroptions" role="tablist" aria-multiselectable="true">
+                                            <div class="panel-heading" role="tab" id="headingPeriod">
+                                                <h4 class="panel-title">
+                                                    <a role="button" data-toggle="collapse" href="#collapsePeriod"
+                                                       aria-expanded="true" aria-controls="collapsePeriod"
+                                                       :class="{ collapsed: !filterSettings.dateFrom && !filterSettings.dateTo }">
+                                                        Reisezeitraum
+                                                    </a>
+                                                </h4>
+                                            </div>
+                                            <div id="collapsePeriod" class="panel-collapse collapse" role="tabpanel"
+                                                 :class="{ in: filterSettings.dateFrom || filterSettings.dateTo }"
+                                                 aria-labelledby="headingPeriod">
+                                                <div class="panel-body">
+                                                    <div class="form-group hidden-xs hidden-sm">
+                                                        <daterange-select
+                                                            class="form-control"
+                                                            :presets="datePresets"
+                                                            :from="filterSettings.dateFrom"
+                                                            :to="filterSettings.dateTo"
+                                                            :min-date="filterOptions.dateFrom"
+                                                            :max-date="filterOptions.dateTo"
+                                                            :show-label="false"
+                                                            @selected="updateDateRange"
+                                                        ></daterange-select>
+                                                    </div>
+                                                    <div class="form-group hidden-md hidden-lg">
+                                                        <label>Früheste Anreise</label>
+                                                        <input
+                                                            type="date"
+                                                            @change="updateDateSelectMobile"
+                                                            v-model="filterSettings.dateFrom"
+                                                            class="form-control"
+                                                        >
+                                                    </div>
+                                                    <div class="form-group hidden-md hidden-lg">
+                                                        <label>Späteste Abreise</label>
+                                                        <input
+                                                            type="date"
+                                                            @change="updateDateSelectMobile"
+                                                            v-model="filterSettings.dateTo"
+                                                            class="form-control"
+                                                        >
+                                                    </div>
+                                                </div>
+                                            </div>
                                             <div class="panel panel-default">
                                                 <div class="panel-heading" role="tab" id="headingSearch">
                                                     <h4 class="panel-title">
@@ -101,51 +146,6 @@
                                                         </div>
                                                     </div>
                                                 </div>
-                                                <div class="panel-heading" role="tab" id="headingPeriod">
-                                                    <h4 class="panel-title">
-                                                        <a role="button" data-toggle="collapse" href="#collapsePeriod"
-                                                           aria-expanded="true" aria-controls="collapsePeriod"
-                                                           :class="{ collapsed: !filterSettings.dateFrom && !filterSettings.dateTo }">
-                                                            Reisezeitraum
-                                                        </a>
-                                                    </h4>
-                                                </div>
-                                                <div id="collapsePeriod" class="panel-collapse collapse" role="tabpanel"
-                                                     :class="{ in: filterSettings.dateFrom || filterSettings.dateTo }"
-                                                     aria-labelledby="headingPeriod">
-                                                    <div class="panel-body">
-                                                        <div class="form-group hidden-xs hidden-sm">
-                                                            <daterange-select
-                                                                class="form-control"
-                                                                :presets="datePresets"
-                                                                :from="filterSettings.dateFrom"
-                                                                :to="filterSettings.dateTo"
-                                                                :min-date="filterOptions.dateFrom"
-                                                                :max-date="filterOptions.dateTo"
-                                                                :show-label="false"
-                                                                @selected="updateDateRange"
-                                                            ></daterange-select>
-                                                        </div>
-                                                        <div class="form-group hidden-md hidden-lg">
-                                                            <label>Früheste Anreise</label>
-                                                            <input
-                                                                type="date"
-                                                                @change="updateDateSelectMobile"
-                                                                v-model="filterSettings.dateFrom"
-                                                                class="form-control"
-                                                            >
-                                                        </div>
-                                                        <div class="form-group hidden-md hidden-lg">
-                                                            <label>Späteste Abreise</label>
-                                                            <input
-                                                                type="date"
-                                                                @change="updateDateSelectMobile"
-                                                                v-model="filterSettings.dateTo"
-                                                                class="form-control"
-                                                            >
-                                                        </div>
-                                                    </div>
-                                                </div>
                                                 <div class="panel-heading" role="tab" id="headingDuration">
                                                     <h4 class="panel-title">
                                                         <a role="button" data-toggle="collapse" href="#collapseDuration"