From 4fd2bedc33cfda2b1dab0b15dbc42c6935a65fb3 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 27 Apr 2020 16:28:58 -0300
Subject: [PATCH] Advanced search header bellow search control bar on theme
 items list.

---
 .../components/search/advanced-search.vue     |   4 +
 .../theme-search/pages/theme-items-page.vue   | 102 +++++++++---------
 2 files changed, 55 insertions(+), 51 deletions(-)

diff --git a/src/views/admin/components/search/advanced-search.vue b/src/views/admin/components/search/advanced-search.vue
index 59c6b279a..6f2a0900b 100644
--- a/src/views/admin/components/search/advanced-search.vue
+++ b/src/views/admin/components/search/advanced-search.vue
@@ -571,6 +571,10 @@
 
 <style lang="scss">
 
+    #advanced-search-container {
+        width: 100%;
+    }
+
     .loading-overlay {
         min-height: 200px;
     }
diff --git a/src/views/theme-search/pages/theme-items-page.vue b/src/views/theme-search/pages/theme-items-page.vue
index 0c3af82b2..fa1c712b8 100644
--- a/src/views/theme-search/pages/theme-items-page.vue
+++ b/src/views/theme-search/pages/theme-items-page.vue
@@ -6,6 +6,57 @@
                 'is-fullscreen': registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen
             }"
             aria-live="polite">
+        
+        <!-- ADVANCED SEARCH -->
+        <div 
+                id="advanced-search-container"
+                role="search"
+                v-if="openAdvancedSearch && !hideAdvancedSearch">
+
+            <div class="tnc-advanced-search-close"> 
+                <div class="advanced-search-criteria-title">
+                    <div class="is-flex">
+                        <h1>{{ $i18n.get('info_search_criteria') }}</h1>
+                        <div
+                                :style="{'margin-bottom': 'auto'}"
+                                class="field is-grouped">
+                            <a
+                                    class="back-link"
+                                    @click="openAdvancedSearch = false">
+                                {{ $i18n.get('back') }}
+                            </a>
+                        </div>
+                    </div>
+                    <hr>
+                </div>
+            </div>
+
+            <advanced-search
+                    :is-repository-level="isRepositoryLevel"
+                    :collection-id="collectionId"
+                    :advanced-search-results="advancedSearchResults"
+                    :open-form-advanced-search="openFormAdvancedSearch"
+                    :is-do-search="isDoSearch"/>
+
+            <div class="advanced-search-form-submit">
+                <p
+                        v-if="advancedSearchResults"
+                        class="control">
+                    <button
+                            aria-controls="items-list-results"
+                            @click="advancedSearchResults = !advancedSearchResults"
+                            class="button is-outlined">{{ $i18n.get('edit_search') }}</button>
+                </p>
+                <p
+                        v-if="advancedSearchResults"
+                        class="control">
+                    <button
+                            aria-controls="items-list-results"
+                            @click="isDoSearch = !isDoSearch"
+                            class="button is-success">{{ $i18n.get('search') }}</button>
+                </p>
+            </div>
+        </div>
 
         <!-- SEARCH CONTROL ------------------------- -->
         <h3 
@@ -379,57 +430,6 @@
                         !openAdvancedSearch &&
                         !(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen)" />
 
-            <!-- ADVANCED SEARCH -->
-            <div 
-                    id="advanced-search-container"
-                    role="search"
-                    v-if="openAdvancedSearch && !hideAdvancedSearch">
-
-                <div class="tnc-advanced-search-close"> 
-                    <div class="advanced-search-criteria-title">
-                        <div class="is-flex">
-                            <h1>{{ $i18n.get('info_search_criteria') }}</h1>
-                            <div
-                                    :style="{'margin-bottom': 'auto'}"
-                                    class="field is-grouped">
-                                <a
-                                        class="back-link"
-                                        @click="openAdvancedSearch = false">
-                                    {{ $i18n.get('back') }}
-                                </a>
-                            </div>
-                        </div>
-                        <hr>
-                    </div>
-                </div>
-
-                <advanced-search
-                        :is-repository-level="isRepositoryLevel"
-                        :collection-id="collectionId"
-                        :advanced-search-results="advancedSearchResults"
-                        :open-form-advanced-search="openFormAdvancedSearch"
-                        :is-do-search="isDoSearch"/>
-
-                <div class="advanced-search-form-submit">
-                    <p
-                            v-if="advancedSearchResults"
-                            class="control">
-                        <button
-                                aria-controls="items-list-results"
-                                @click="advancedSearchResults = !advancedSearchResults"
-                                class="button is-outlined">{{ $i18n.get('edit_search') }}</button>
-                    </p>
-                    <p
-                            v-if="advancedSearchResults"
-                            class="control">
-                        <button
-                                aria-controls="items-list-results"
-                                @click="isDoSearch = !isDoSearch"
-                                class="button is-success">{{ $i18n.get('search') }}</button>
-                    </p>
-                </div>
-            </div>
-
             <!-- ITEMS LISTING RESULTS ------------------------- -->
             <div 
                     id="items-list-results"