Merge pull request #4569 from tsiegleauq/list-view-page-size

Enlarge page size

client/src/app/site/agenda/components/agenda-list/agenda-list.component.html

@@ -112,7 +112,7 @@
             *matRowDef="let row; columns: getColumnDefinition()"
         ></mat-row>
     </mat-table>
-    <mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+    <mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 </mat-drawer-container>
 
 <mat-menu #agendaMenu="matMenu">

client/src/app/site/assignments/assignment-list/assignment-list.component.html

@@ -16,10 +16,14 @@
 </os-head-bar>
 
 <mat-drawer-container class="on-transition-fade">
-        <os-sort-filter-bar [filterCount]="filteredCount" [filterService]="filterService" [sortService]="sortService"
+    <os-sort-filter-bar
-            (searchFieldChange)="searchFilter($event)">
+        [filterCount]="filteredCount"
+        [filterService]="filterService"
+        [sortService]="sortService"
+        (searchFieldChange)="searchFilter($event)"
+    >
     </os-sort-filter-bar>
-<mat-table class="os-listview-table on-transition-fade" [dataSource]="dataSource" matSort>
+    <mat-table class="os-listview-table on-transition-fade" [dataSource]="dataSource" matSort>
         <!-- slector column -->
         <ng-container matColumnDef="selector">
             <mat-header-cell *matHeaderCellDef mat-sort-header class="icon-cell"></mat-header-cell>
@@ -66,11 +70,11 @@
             *matRowDef="let row; columns: getColumnDefintion()"
         >
         </mat-row>
-</mat-table>
+    </mat-table>
 
-<mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+    <mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 
-<mat-menu #assignmentMenu="matMenu">
+    <mat-menu #assignmentMenu="matMenu">
         <div *ngIf="!isMultiSelect">
             <button mat-menu-item *osPerms="'assignment.can_manage'" (click)="toggleMultiSelect()">
                 <mat-icon>library_add</mat-icon>
@@ -88,10 +92,15 @@
                 <span translate>Select all</span>
             </button>
             <mat-divider></mat-divider>
-        <button mat-menu-item class="red-warning-text" *osPerms="'assignment.can_manage'" (click)="deleteSelected()">
+            <button
+                mat-menu-item
+                class="red-warning-text"
+                *osPerms="'assignment.can_manage'"
+                (click)="deleteSelected()"
+            >
                 <mat-icon>delete</mat-icon>
                 <span translate>Delete</span>
             </button>
         </div>
-</mat-menu>
+    </mat-menu>
 </mat-drawer-container>

client/src/app/site/base/list-view-base.ts

@@ -45,6 +45,11 @@ export abstract class ListViewBaseComponent<V extends BaseViewModel, M extends B
      */
     private paginationStorageObject: { [key: string]: number };
 
+    /**
+     * Determine the default page size of paginated list views
+     */
+    public pageSize = [50, 100, 150, 200, 250];
+
     /**
      * The table itself
      */

client/src/app/site/history/components/history-list/history-list.component.html

@@ -55,7 +55,7 @@
     <mat-row *matRowDef="let row; columns: getRowDef()" (click)="onClickRow(row)"></mat-row>
 </mat-table>
 
-<mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+<mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 
 <mat-menu #historyMenu="matMenu">
     <button mat-menu-item class="red-warning-text" (click)="onDeleteAllButton()">

client/src/app/site/mediafiles/components/mediafile-list/mediafile-list.component.html

@@ -141,7 +141,7 @@
         ></mat-row>
     </mat-table>
 
-    <mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+    <mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 
     <mat-menu #singleFileMenu="matMenu">
         <ng-template matMenuContent let-file="file">

client/src/app/site/motions/modules/motion-list/components/motion-list/motion-list.component.html

@@ -145,7 +145,7 @@
         </mat-row>
     </mat-table>
 
-    <mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+    <mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 </mat-drawer-container>
 
 <mat-menu #motionListMenu="matMenu">

client/src/app/site/tags/components/tag-list/tag-list.component.html

@@ -42,4 +42,4 @@
     <mat-row (click)="selectItem(row, $event)" *matRowDef="let row; columns: ['name']"></mat-row>
 </mat-table>
 
-<mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+<mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>

client/src/app/site/users/components/user-list/user-list.component.html

@@ -104,7 +104,7 @@
         </mat-row>
     </mat-table>
 
-    <mat-paginator class="on-transition-fade" [pageSizeOptions]="[25, 50, 75, 100, 125]"></mat-paginator>
+    <mat-paginator class="on-transition-fade" [pageSizeOptions]="pageSize"></mat-paginator>
 
     <mat-menu #userMenu="matMenu">
         <div *ngIf="!isMultiSelect">