Access mode
-
+
+ {{type}}
+
-
+
+ select a citation style
+ {{style}}
+
diff --git a/landingPages/landing-utils/citeThis/citeThis.module.ts b/landingPages/landing-utils/citeThis/citeThis.module.ts
index 4a14a36a..3ea2ffed 100644
--- a/landingPages/landing-utils/citeThis/citeThis.module.ts
+++ b/landingPages/landing-utils/citeThis/citeThis.module.ts
@@ -3,11 +3,12 @@ import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import {CiteThisComponent} from './citeThis.component';
+import {MatSelectModule} from "@angular/material";
@NgModule({
imports: [
- CommonModule, FormsModule
+ CommonModule, FormsModule, MatSelectModule
],
declarations: [
CiteThisComponent
diff --git a/searchPages/searchUtils/browseEntities.module.ts b/searchPages/searchUtils/browseEntities.module.ts
index 2d8d3cda..2f8313d1 100644
--- a/searchPages/searchUtils/browseEntities.module.ts
+++ b/searchPages/searchUtils/browseEntities.module.ts
@@ -2,6 +2,7 @@ import { NgModule} from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
+import { MatSelectModule } from "@angular/material";
import {RefineFieldResultsServiceModule} from '../../services/refineFieldResultsService.module';
@@ -13,7 +14,8 @@ import {ErrorMessagesModule} from '../../utils/errorMessages.module';
@NgModule({
imports: [
CommonModule, FormsModule, ErrorMessagesModule,
- RefineFieldResultsServiceModule, RouterModule
+ RefineFieldResultsServiceModule, RouterModule,
+ MatSelectModule
],
declarations: [
BrowseEntitiesComponent,
diff --git a/searchPages/searchUtils/browseStatistic.component.html b/searchPages/searchUtils/browseStatistic.component.html
index 25497fe0..e6b756ed 100644
--- a/searchPages/searchUtils/browseStatistic.component.html
+++ b/searchPages/searchUtils/browseStatistic.component.html
@@ -46,10 +46,13 @@
{{filter.title}}
-
+
+ Sort by results number
+ Sort by name
+
0" class="uk-list uk-list-line browseFilters">
diff --git a/searchPages/searchUtils/searchFilter.component.html b/searchPages/searchUtils/searchFilter.component.html
index 3f3f32f0..6ebeb9b0 100644
--- a/searchPages/searchUtils/searchFilter.component.html
+++ b/searchPages/searchUtils/searchFilter.component.html
@@ -67,12 +67,13 @@
Sort by:
-
+
+ Results number
+ Name
+
diff --git a/searchPages/searchUtils/searchFilter.module.ts b/searchPages/searchUtils/searchFilter.module.ts
index 3cc6792b..cb1dbcd5 100644
--- a/searchPages/searchUtils/searchFilter.module.ts
+++ b/searchPages/searchUtils/searchFilter.module.ts
@@ -5,10 +5,11 @@ import { FormsModule } from '@angular/forms';
import {SearchFilterComponent} from './searchFilter.component';
import{SearchFilterModalComponent} from './searchFilterModal.component';
import {ModalModule} from '../../utils/modal/modal.module';
+import {MatSelectModule} from "@angular/material";
@NgModule({
imports: [
- CommonModule, FormsModule, ModalModule
+ CommonModule, FormsModule, ModalModule, MatSelectModule
],
declarations: [
SearchFilterComponent, SearchFilterModalComponent
diff --git a/searchPages/searchUtils/searchResultsPerPage.component.ts b/searchPages/searchUtils/searchResultsPerPage.component.ts
index a93b87ad..d717be38 100644
--- a/searchPages/searchUtils/searchResultsPerPage.component.ts
+++ b/searchPages/searchUtils/searchResultsPerPage.component.ts
@@ -4,13 +4,15 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
selector: 'search-results-per-page',
template: `
Results per page:
-
+
+ 5
+ 10
+ 20
+ 50
+
`
})
diff --git a/searchPages/searchUtils/searchResultsPerPage.module.ts b/searchPages/searchUtils/searchResultsPerPage.module.ts
index 48294e75..eabf2971 100644
--- a/searchPages/searchUtils/searchResultsPerPage.module.ts
+++ b/searchPages/searchUtils/searchResultsPerPage.module.ts
@@ -3,11 +3,12 @@ import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
-import{SearchResultsPerPageComponent} from './searchResultsPerPage.component';
+import {SearchResultsPerPageComponent} from './searchResultsPerPage.component';
+import {MatSelectModule} from "@angular/material";
@NgModule({
imports: [
- CommonModule, FormsModule, RouterModule
+ CommonModule, FormsModule, RouterModule, MatSelectModule
],
declarations: [
SearchResultsPerPageComponent
diff --git a/searchPages/searchUtils/searchSorting.component.ts b/searchPages/searchUtils/searchSorting.component.ts
index 74efb6a5..266db3e0 100644
--- a/searchPages/searchUtils/searchSorting.component.ts
+++ b/searchPages/searchUtils/searchSorting.component.ts
@@ -4,22 +4,26 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
selector: 'search-sorting',
template: `
Sort by:
-
-
+ [(ngModel)]="sortBy" (ngModelChange)="sortByChanged()"
+ [disableOptionCentering]="true"
+ panelClass="matSelectionPanel">
+
Title
+
Creation Date (most recent)
+
Creation Date (least recent)
+
`
})
diff --git a/searchPages/searchUtils/searchSorting.module.ts b/searchPages/searchUtils/searchSorting.module.ts
index f29aeaca..2294115a 100644
--- a/searchPages/searchUtils/searchSorting.module.ts
+++ b/searchPages/searchUtils/searchSorting.module.ts
@@ -4,10 +4,11 @@ import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import{SearchSortingComponent} from './searchSorting.component';
+import {MatSelectModule} from "@angular/material";
@NgModule({
imports: [
- CommonModule, FormsModule, RouterModule
+ CommonModule, FormsModule, RouterModule, MatSelectModule
],
declarations: [
SearchSortingComponent