Revision 58258
Added by Konstantina Galouni over 4 years ago
| modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchResultsPerPage.component.ts | ||
|---|---|---|
| 2 | 2 |
|
| 3 | 3 |
@Component({
|
| 4 | 4 |
selector: 'search-results-per-page', |
| 5 |
template: ` |
|
| 6 |
<span> Results per page:</span> |
|
| 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> |
|
| 5 |
template: ` |
|
| 6 |
<!-- <span class="uk-grid">--> |
|
| 7 |
<!-- <div> Results per page:</div>--> |
|
| 8 |
<!-- <div class="uk-width-small">--> |
|
| 9 |
<!-- <mat-select class="uk-width-auto uk-text-bold matSelection" id="form-horizontal-select" name="select_results_per_page"--> |
|
| 10 |
<!-- [(ngModel)]="size" (ngModelChange)="sizeChanged()"--> |
|
| 11 |
<!-- [disableOptionCentering]="true"--> |
|
| 12 |
<!-- panelClass="matSelectionPanel">--> |
|
| 13 |
<!-- <mat-option [value]="5" > 5</mat-option>--> |
|
| 14 |
<!-- <mat-option [value]="10">10</mat-option>--> |
|
| 15 |
<!-- <mat-option [value]="20">20</mat-option>--> |
|
| 16 |
<!-- <mat-option [value]="50">50</mat-option>--> |
|
| 17 |
<!-- </mat-select>--> |
|
| 18 |
<!-- </div>--> |
|
| 19 |
<!-- </span>--> |
|
| 20 |
|
|
| 21 |
<div> |
|
| 22 |
<mat-form-field class="matSelectionFormField"> |
|
| 23 |
<mat-label>Results per page:</mat-label> |
|
| 24 |
<mat-select [(ngModel)]="size" (ngModelChange)="sizeChanged()" |
|
| 25 |
[disableOptionCentering]="true" |
|
| 26 |
panelClass="matSelectionPanel" |
|
| 27 |
class="uk-text-bold matSelection"> |
|
| 28 |
<mat-option [value]="5" > 5</mat-option> |
|
| 29 |
<mat-option [value]="10">10</mat-option> |
|
| 30 |
<mat-option [value]="20">20</mat-option> |
|
| 31 |
<mat-option [value]="50">50</mat-option> |
|
| 32 |
</mat-select> |
|
| 33 |
</mat-form-field> |
|
| 34 |
</div> |
|
| 16 | 35 |
` |
| 17 | 36 |
}) |
| 18 | 37 |
|
| modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchFilter.component.html | ||
|---|---|---|
| 65 | 65 |
<span *ngIf="filter.values.length >= 99">* only the Top 100 values are shown</span> |
| 66 | 66 |
<input class="uk-input uk-margin-small-bottom uk-width-1-1 " name="filter-keyword" placeholder="Search for {{filter.title}}" type="text" [(ngModel)]="keyword">
|
| 67 | 67 |
|
| 68 |
<span *ngIf = "showResultCount === true" class="uk-width-5-6@m uk-width-1-1@s uk-align-right uk-margin-small-bottom"> |
|
| 68 |
<span *ngIf = "showResultCount === true" class="uk-flex-inline uk-flex-middle uk-width-5-6@m uk-width-1-1@s uk-align-right uk-margin-small-bottom">
|
|
| 69 | 69 |
<span class="uk-width-1-4 uk-text-muted"> Sort by:</span> |
| 70 |
<select [(ngModel)]="sortBy" |
|
| 71 |
class="uk-width-3-4@m uk-width-auto uk-select uk-hidden@m" |
|
| 72 |
id="form-horizontal-select" name="select_order"> |
|
| 73 |
<option value="num">Results number</option> |
|
| 74 |
<option value="name">Name</option> |
|
| 75 |
</select> |
|
| 70 | 76 |
<mat-select [(ngModel)]="sortBy" |
| 71 |
class="uk-select uk-width-3-4@m uk-width-auto matSelection"
|
|
| 72 |
id="form-horizontal-select" name="select_order"
|
|
| 73 |
[disableOptionCentering]="true" panelClass="matSelectionPanel"> |
|
| 77 |
class="uk-width-3-4@m uk-width-auto matSelection uk-visible@m"
|
|
| 78 |
id="form-horizontal-select1" name="select_order"
|
|
| 79 |
[disableOptionCentering]="true" panelClass="matSelectionPanel">
|
|
| 74 | 80 |
<mat-option value="num">Results number</mat-option> |
| 75 | 81 |
<mat-option value="name">Name</mat-option> |
| 76 | 82 |
</mat-select> |
| modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchSorting.component.ts | ||
|---|---|---|
| 2 | 2 |
|
| 3 | 3 |
@Component({
|
| 4 | 4 |
selector: 'search-sorting', |
| 5 |
template: ` |
|
| 6 |
<span class="uk-width-1-4"> Sort by:</span> |
|
| 7 |
<mat-select *ngIf="(entityType != 'community' && entityType != 'funder' )" |
|
| 8 |
class="uk-select uk-width-auto uk-text-bold matSelection" |
|
| 9 |
id="form-horizontal-select" name="select_results_per_page" |
|
| 10 |
[disableOptionCentering]="true" |
|
| 11 |
panelClass="matSelectionPanel" |
|
| 12 |
[(ngModel)]="sortBy" (ngModelChange)="sortByChanged()"> |
|
| 13 |
<mat-option value="">Relevance</mat-option> |
|
| 14 |
<mat-option value="resultdateofacceptance,descending">Date (most recent)</mat-option> |
|
| 15 |
<mat-option value="resultdateofacceptance,ascending">Date (least recent)</mat-option> |
|
| 16 |
</mat-select> |
|
| 17 |
<mat-select *ngIf="(entityType == 'community' || entityType == 'funder')" |
|
| 18 |
class="uk-select uk-width-auto uk-text-bold matSelection" |
|
| 19 |
id="form-horizontal-select" name="select_results_per_page" |
|
| 20 |
[(ngModel)]="sortBy" (ngModelChange)="sortByChanged()" |
|
| 21 |
[disableOptionCentering]="true" |
|
| 22 |
panelClass="matSelectionPanel"> |
|
| 23 |
<mat-option value="">Title</mat-option> |
|
| 24 |
<mat-option value="creationdate,descending">Creation Date (most recent)</mat-option> |
|
| 25 |
<mat-option value="creationdate,ascending">Creation Date (least recent)</mat-option> |
|
| 26 |
</mat-select> |
|
| 5 |
template: ` |
|
| 6 |
<!-- <span class="uk-grid">--> |
|
| 7 |
<!-- <div class=""> Sort by:</div>--> |
|
| 8 |
<!-- <div class="uk-width-small">--> |
|
| 9 |
<!-- <mat-select *ngIf="(entityType != 'community' && entityType != 'funder' )" --> |
|
| 10 |
<!-- class="uk-width-auto uk-text-bold matSelection" --> |
|
| 11 |
<!-- id="form-horizontal-select" name="select_results_per_page"--> |
|
| 12 |
<!-- [disableOptionCentering]="true"--> |
|
| 13 |
<!-- panelClass="matSelectionPanel"--> |
|
| 14 |
<!-- [(ngModel)]="sortBy" (ngModelChange)="sortByChanged()">--> |
|
| 15 |
<!-- <mat-option value="">Relevance</mat-option>--> |
|
| 16 |
<!-- <mat-option value="resultdateofacceptance,descending">Date (most recent)</mat-option>--> |
|
| 17 |
<!-- <mat-option value="resultdateofacceptance,ascending">Date (least recent)</mat-option>--> |
|
| 18 |
<!-- </mat-select>--> |
|
| 19 |
<!-- <mat-select *ngIf="(entityType == 'community' || entityType == 'funder')" --> |
|
| 20 |
<!-- class="uk-width-small uk-text-bold matSelection" --> |
|
| 21 |
<!-- id="form-horizontal-select" name="select_results_per_page"--> |
|
| 22 |
<!-- [(ngModel)]="sortBy" (ngModelChange)="sortByChanged()"--> |
|
| 23 |
<!-- [disableOptionCentering]="true"--> |
|
| 24 |
<!-- panelClass="matSelectionPanel">--> |
|
| 25 |
<!-- <mat-option value="">Title</mat-option>--> |
|
| 26 |
<!-- <mat-option value="creationdate,descending">Creation Date (most recent)</mat-option>--> |
|
| 27 |
<!-- <mat-option value="creationdate,ascending">Creation Date (least recent)</mat-option>--> |
|
| 28 |
<!-- </mat-select>--> |
|
| 29 |
<!-- </div>--> |
|
| 30 |
<!-- </span>--> |
|
| 31 |
|
|
| 32 |
<div> |
|
| 33 |
<mat-form-field class="matSelectionFormField"> |
|
| 34 |
<mat-label>Sort by:</mat-label> |
|
| 35 |
<mat-select *ngIf="(entityType != 'community' && entityType != 'funder' )" |
|
| 36 |
[(ngModel)]="sortBy" (ngModelChange)="sortByChanged()" |
|
| 37 |
[disableOptionCentering]="true" |
|
| 38 |
panelClass="matSelectionPanel" |
|
| 39 |
class="uk-text-bold matSelection"> |
|
| 40 |
<mat-option value="">Relevance</mat-option> |
|
| 41 |
<mat-option value="resultdateofacceptance,descending">Date (most recent)</mat-option> |
|
| 42 |
<mat-option value="resultdateofacceptance,ascending">Date (least recent)</mat-option> |
|
| 43 |
</mat-select> |
|
| 44 |
|
|
| 45 |
<mat-select *ngIf="(entityType == 'community' || entityType == 'funder')"> |
|
| 46 |
class="uk-text-bold matSelection" |
|
| 47 |
id="form-horizontal-select" name="select_results_per_page" |
|
| 48 |
[(ngModel)]="sortBy" (ngModelChange)="sortByChanged()" |
|
| 49 |
[disableOptionCentering]="true" |
|
| 50 |
panelClass="matSelectionPanel"> |
|
| 51 |
<mat-option value="">Title</mat-option> |
|
| 52 |
<mat-option value="creationdate,descending">Creation Date (most recent)</mat-option> |
|
| 53 |
<mat-option value="creationdate,ascending">Creation Date (least recent)</mat-option> |
|
| 54 |
</mat-select> |
|
| 55 |
</mat-form-field> |
|
| 56 |
</div> |
|
| 27 | 57 |
` |
| 28 | 58 |
}) |
| 29 | 59 |
|
| modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/landing-utils/citeThis/citeThis.component.ts | ||
|---|---|---|
| 13 | 13 |
<dl class="uk-description-list-line"> |
| 14 | 14 |
<!--dt class="title">Cite this {{type}}</dt-->
|
| 15 | 15 |
<dd class="line" > |
| 16 |
<mat-select class="select matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle" (ngModelChange)="styleChanged()"
|
|
| 16 |
<mat-select class="matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle" (ngModelChange)="styleChanged()" |
|
| 17 | 17 |
[disableOptionCentering]="true" |
| 18 | 18 |
panelClass="matSelectionPanel"> |
| 19 | 19 |
<mat-option value="0">select a citation style</mat-option> |
Also available in: Unified diff
[Trunk | Library]: searchFilter.component.html & searchResultsPerPage.component.ts & searchSorting.component.ts & citeThis.component.ts: [Bug fix] Fix <mat-select> elements.