mirror of
https://github.com/DSpace/dspace-angular.git
synced 2025-10-07 01:54:15 +00:00
41 lines
1.9 KiB
HTML
41 lines
1.9 KiB
HTML
<h3>{{ 'search.sidebar.advanced-search.title' | translate }}</h3>
|
|
<div class="advanced-search b-3 p-3">
|
|
<h4>{{ 'search.sidebar.advanced-search.filter-by' | translate }}</h4>
|
|
<label class="sr-only" for="advanced-search-filters">
|
|
{{ 'search.sidebar.advanced-search.filters' | translate }}
|
|
</label>
|
|
<select [(ngModel)]="currentFilter" (keyup.enter)="applyFilter()"
|
|
(ngModelChange)="currentOperator = advancedFilterMap.get(currentFilter).operators[0].operator"
|
|
class="form-select mb-2" id="advanced-search-filters">
|
|
@for (advancedFilter of (advancedFilters$ | async); track advancedFilter.filter) {
|
|
<option [value]="advancedFilter.filter">
|
|
{{ 'search.filters.filter.' + advancedFilter.filter + '.head' | translate }}
|
|
</option>
|
|
}
|
|
</select>
|
|
<label class="sr-only" for="advanced-search-operators">
|
|
{{ 'search.sidebar.advanced-search.operators' | translate }}
|
|
</label>
|
|
<select [(ngModel)]="currentOperator" (keyup.enter)="applyFilter()"
|
|
class="form-select mb-2" id="advanced-search-operators">
|
|
@for (operator of advancedFilterMap.get(currentFilter)?.operators; track operator) {
|
|
<option [value]="operator.operator">
|
|
{{ 'search.filters.operator.' + operator.operator + '.text' | translate }}
|
|
</option>
|
|
}
|
|
</select>
|
|
<ds-filter-input-suggestions [suggestions]="(filterSearchResults$ | async)"
|
|
[placeholder]="'search.filters.filter.' + currentFilter + '.placeholder' | translate"
|
|
[label]="'search.filters.filter.' + currentFilter + '.label' | translate"
|
|
[action]="router.url"
|
|
[name]="'f.' + currentFilter"
|
|
[(ngModel)]="currentValue"
|
|
(submitSuggestion)="applyFilter()"
|
|
(findSuggestions)="findSuggestions($event)"
|
|
ngDefaultControl>
|
|
</ds-filter-input-suggestions>
|
|
<button (click)="applyFilter()" [dsBtnDisabled]="currentValue === ''" class="btn btn-primary mt-2">
|
|
{{ 'search.sidebar.advanced-search.add' | translate }}
|
|
</button>
|
|
</div>
|