mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 01:54:15 +00:00
029359bace
- Hide advanced search when inPlaceSearch is false - Fixed the search settings being invisible on small screens in the sidebar - Fixed the view mode buttons not being selected unless the parameter view was defined in the url
107 lines
5.4 KiB
HTML
107 lines
5.4 KiB
HTML
<div class="container" *ngIf="searchEnabled && (isXsOrSm$ | async)">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ng-template *ngTemplateOutlet="searchForm"></ng-template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="!showSidebar && (initialized$ | async)">
|
|
<ng-template *ngTemplateOutlet="searchContent"></ng-template>
|
|
</div>
|
|
|
|
<ds-page-with-sidebar *ngIf="showSidebar && (initialized$ | async)" [id]="'search-page'" [sideBarWidth]="sideBarWidth"
|
|
[sidebarContent]="sidebarContent">
|
|
<ng-template *ngTemplateOutlet="searchContent"></ng-template>
|
|
</ds-page-with-sidebar>
|
|
|
|
<ng-template #searchContent>
|
|
<div class="row">
|
|
<div class="col-12" *ngIf="(isXsOrSm$ | async) !== true">
|
|
<ng-container *ngIf="searchEnabled">
|
|
<ng-template *ngTemplateOutlet="searchForm"></ng-template>
|
|
</ng-container>
|
|
<ng-content select="[additionalSearchOptions]"></ng-content>
|
|
</div>
|
|
<div id="search-content" class="col-12">
|
|
<div class="d-block d-md-none search-controls clearfix">
|
|
<ds-view-mode-switch *ngIf="inPlaceSearch && showViewModes" [viewModeList]="viewModeList"
|
|
[inPlaceSearch]="inPlaceSearch"></ds-view-mode-switch>
|
|
<button (click)="openSidebar()" aria-controls="#search-body"
|
|
class="btn btn-outline-primary float-right open-sidebar"><i
|
|
class="fas fa-sliders"></i> {{"search.sidebar.open"
|
|
| translate}}
|
|
</button>
|
|
</div>
|
|
<ng-content select="[searchContentTop]"></ng-content>
|
|
<ds-search-results *ngIf="inPlaceSearch"
|
|
[searchResults]="resultsRD$ | async"
|
|
[searchConfig]="searchOptions$ | async"
|
|
[configuration]="(currentConfiguration$ | async)"
|
|
[disableHeader]="!searchEnabled"
|
|
[linkType]="linkType"
|
|
[context]="(currentContext$ | async)"
|
|
[selectable]="selectable"
|
|
[selectionConfig]="selectionConfig"
|
|
[showCsvExport]="showCsvExport"
|
|
[showThumbnails]="showThumbnails"
|
|
(contentChange)="onContentChange($event)"
|
|
(deselectObject)="deselectObject.emit($event)"
|
|
(selectObject)="selectObject.emit($event)"></ds-search-results>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ng-template #sidebarContent>
|
|
<ds-search-sidebar id="search-sidebar" *ngIf="(isXsOrSm$ | async) !== true"
|
|
[configurationList]="configurationList"
|
|
[configuration]="(currentConfiguration$ | async)"
|
|
[currentScope]="(currentScope$ | async)"
|
|
[filters]="filtersRD$.asObservable()"
|
|
[refreshFilters]="refreshFilters"
|
|
[resultCount]="(resultsRD$ | async)?.payload?.totalElements"
|
|
[searchOptions]="(searchOptions$ | async)"
|
|
[sortOptionsList]="(sortOptionsList$ | async)"
|
|
[currentSortOption]="(currentSortOptions$ | async)"
|
|
[inPlaceSearch]="inPlaceSearch"
|
|
[viewModeList]="viewModeList"
|
|
[showViewModes]="showViewModes"
|
|
(changeConfiguration)="changeContext($event.context)"
|
|
(changeViewMode)="changeViewMode()"></ds-search-sidebar>
|
|
<ds-search-sidebar id="search-sidebar-sm" *ngIf="(isXsOrSm$ | async)"
|
|
[configurationList]="configurationList"
|
|
[configuration]="(currentConfiguration$ | async)"
|
|
[currentScope]="(currentScope$ | async)"
|
|
[filters]="filtersRD$.asObservable()"
|
|
[refreshFilters]="refreshFilters"
|
|
[resultCount]="(resultsRD$ | async)?.payload?.totalElements"
|
|
[searchOptions]="(searchOptions$ | async)"
|
|
[sortOptionsList]="(sortOptionsList$ | async)"
|
|
[currentSortOption]="(currentSortOptions$ | async)"
|
|
[inPlaceSearch]="inPlaceSearch"
|
|
[viewModeList]="viewModeList"
|
|
[showViewModes]="showViewModes"
|
|
(toggleSidebar)="closeSidebar()"
|
|
(changeConfiguration)="changeContext($event.context)"
|
|
(changeViewMode)="changeViewMode()">
|
|
</ds-search-sidebar>
|
|
</ng-template>
|
|
|
|
<ng-template #searchForm>
|
|
<ds-search-form id="search-form"
|
|
[query]="(searchOptions$ | async)?.query"
|
|
[scope]="(searchOptions$ | async)?.scope"
|
|
[hideScopeInUrl]="hideScopeInUrl"
|
|
[currentUrl]="searchLink"
|
|
[showScopeSelector]="showScopeSelector"
|
|
[inPlaceSearch]="inPlaceSearch"
|
|
[searchPlaceholder]="searchFormPlaceholder | translate">
|
|
</ds-search-form>
|
|
<div class="row mb-3 mb-md-1">
|
|
<div class="labels col-12">
|
|
<ds-search-labels [inPlaceSearch]="inPlaceSearch">
|
|
</ds-search-labels>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|