Advanced search header bellow search control bar on theme items list.

This commit is contained in:
mateuswetah 2020-04-27 16:28:58 -03:00
parent 01df3f05ff
commit 4fd2bedc33
2 changed files with 55 additions and 51 deletions

View File

@ -571,6 +571,10 @@
<style lang="scss"> <style lang="scss">
#advanced-search-container {
width: 100%;
}
.loading-overlay { .loading-overlay {
min-height: 200px; min-height: 200px;
} }

View File

@ -7,6 +7,57 @@
}" }"
aria-live="polite"> 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 ------------------------- --> <!-- SEARCH CONTROL ------------------------- -->
<h3 <h3
id="search-control-landmark" id="search-control-landmark"
@ -379,57 +430,6 @@
!openAdvancedSearch && !openAdvancedSearch &&
!(registeredViewModes[viewMode] != undefined && registeredViewModes[viewMode].full_screen)" /> !(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 ------------------------- --> <!-- ITEMS LISTING RESULTS ------------------------- -->
<div <div
id="items-list-results" id="items-list-results"