Revision 58235
Added by Konstantina Galouni about 4 years ago
searchResultsPerPage.component.ts | ||
---|---|---|
4 | 4 |
selector: 'search-results-per-page', |
5 | 5 |
template: ` |
6 | 6 |
<span> Results per page:</span> |
7 |
<select class="uk-select uk-width-auto uk-text-bold" id="form-horizontal-select" name="select_results_per_page" |
|
8 |
[(ngModel)]="size" (ngModelChange)="sizeChanged()"> |
|
9 |
<option [ngValue]="5" > 5</option> |
|
10 |
<option [ngValue]="10">10</option> |
|
11 |
<option [ngValue]="20">20</option> |
|
12 |
<option [ngValue]="50">50</option> |
|
13 |
</select> |
|
7 |
<mat-select class="uk-select uk-width-auto uk-text-bold matSelection" id="form-horizontal-select" name="select_results_per_page" |
|
8 |
[(ngModel)]="size" (ngModelChange)="sizeChanged()" |
|
9 |
[disableOptionCentering]="true" |
|
10 |
panelClass="matSelectionPanel"> |
|
11 |
<mat-option [value]="5" > 5</mat-option> |
|
12 |
<mat-option [value]="10">10</mat-option> |
|
13 |
<mat-option [value]="20">20</mat-option> |
|
14 |
<mat-option [value]="50">50</mat-option> |
|
15 |
</mat-select> |
|
14 | 16 |
` |
15 | 17 |
}) |
16 | 18 |
|
Also available in: Unified diff
[Trunk | Library]:
searchSorting.module - searchSorting.component.ts & searchResultsPerPage.component.ts & searchFilter.module.ts - searchFilter.component.html &
browseStatistic.component.html - browseEntities.module.ts & citeThis.module.ts - citeThis.component.ts &
metadataPreview.module.ts - metadataPreview.component.html & linkingGeneric.module.ts - linkingGeneric.component.html &
displayClaims.module.ts - displayClaims.component.html & claimResultSearchForm.module.ts - claimResultSearchForm.component.html:
Use material select (<select> to <mat-select>)