Merge pull request #3088 from DSpace/backport-3080-to-dspace-7_x

[Port dspace-7_x] Fixed page size change and sorting not working on comcol pages

src/app/shared/page-size-selector/page-size-selector.component.html

@@ -2,7 +2,7 @@
     <ds-sidebar-dropdown
             [id]="'search-sidebar-rpp'"
             [label]="'search.sidebar.settings.rpp'"
-            (change)="reloadRPP($event)"
+            (changed)="reloadRPP($event)"
     >
         <option *ngFor="let pageSizeOption of (paginationOptions$ | async).pageSizeOptions"
                 [value]="pageSizeOption"

src/app/shared/search/search-settings/search-settings.component.html

@@ -4,7 +4,7 @@
     <ds-sidebar-dropdown *ngIf="sortOptionsList"
                          [id]="'search-sidebar-sort'"
                          [label]="'search.sidebar.settings.sort-by'"
-                         (change)="reloadOrder($event)">
+                         (changed)="reloadOrder($event)">
         <option *ngFor="let sortOptionsEntry of sortOptionsList"
                 [value]="sortOptionsEntry.field + ',' + sortOptionsEntry.direction.toString()"
                 [selected]="sortOptionsEntry.field === currentSortOption?.field && sortOptionsEntry.direction === (currentSortOption?.direction)? 'selected': null">

src/app/shared/sidebar/sidebar-dropdown.component.html

@@ -1,6 +1,6 @@
 <div class="setting-option mb-3 p-3">
   <h4><label for="{{id}}">{{label | translate}}</label></h4>
-  <select id="{{id}}" class="form-control" (change)="change.emit($event)">
+  <select id="{{id}}" class="form-control" (change)="changed.emit($event)">
     <ng-content></ng-content>
   </select>
 </div>

src/app/shared/sidebar/sidebar-dropdown.component.ts

@@ -12,5 +12,5 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
 export class SidebarDropdownComponent {
   @Input() id: string;
   @Input() label: string;
-  @Output() change: EventEmitter<any> = new EventEmitter<number>();
+  @Output() changed: EventEmitter<any> = new EventEmitter<number>();
 }