<ng-container *ngIf="loading">
<ng-container *ngTemplateOutlet="progress"></ng-container>
</ng-container>
- <eg-circ-grid #checkoutsGrid
+ <eg-circ-grid #checkoutsGrid [pageSize]="25" sortField="due_date"
persistKey="circ.patron.items_out" (reloadRequested)="load()">
</eg-circ-grid>
</ng-template>
<ng-container *ngIf="loading">
<ng-container *ngTemplateOutlet="progress"></ng-container>
</ng-container>
- <eg-circ-grid #otherGrid
+ <eg-circ-grid #otherGrid [pageSize]="25" sortField="due_date"
persistKey="circ.patron.items_out.other" (reloadRequested)="load()">
</eg-circ-grid>
</ng-container>
<ng-container *ngTemplateOutlet="progress"></ng-container>
</ng-container>
<eg-circ-grid #nonCatGrid persistKey="circ.patron.items_out.noncat"
- menuStyle="none" (reloadRequested)="load()">
+ sortField="due_date" menuStyle="none" (reloadRequested)="load()"
+ [pageSize]="25">
</eg-circ-grid>
</ng-container>
</ng-container>
@Input() printTemplate: string; // defaults to items_out
@Input() menuStyle: 'full' | 'slim' | 'none' = 'full';
+ @Input() sortField: string; // e.g. "due_date", "due_date DESC"
+
+ // Override default grid page size
+ @Input() pageSize: number = null;
+
// Emitted when a grid action modified data in a way that could
// affect which cirulcations should appear in the grid. Caller
// should then refresh their data and call the load() or
return this.pcrud.search('circ', {id: circIds}, {
flesh: CIRC_FLESH_DEPTH,
flesh_fields: CIRC_FLESH_FIELDS,
- order_by : {circ : ['xact_start']},
+ order_by : {circ: this.sortField ? this.sortField : 'xact_start'},
// Avoid fetching the MARC blob by specifying which
// fields on the bre to select. More may be needed.