center the pagination block.

This commit is contained in:
Jason Kulatunga 2023-10-03 19:38:24 -07:00
parent 597a80d381
commit d43e3d0def
No known key found for this signature in database
2 changed files with 22 additions and 14 deletions

View File

@ -35,12 +35,17 @@
<app-report-medical-history-condition *ngFor="let condition of conditions; let i = index" [conditionGroup]="condition"></app-report-medical-history-condition> <app-report-medical-history-condition *ngFor="let condition of conditions; let i = index" [conditionGroup]="condition"></app-report-medical-history-condition>
<app-report-medical-history-explanation-of-benefit *ngFor="let eob of explanationOfBenefits; let i = index" [explanationOfBenefitGroup]="eob"></app-report-medical-history-explanation-of-benefit> <app-report-medical-history-explanation-of-benefit *ngFor="let eob of explanationOfBenefits; let i = index" [explanationOfBenefitGroup]="eob"></app-report-medical-history-explanation-of-benefit>
<ngb-pagination <div class="row">
*ngIf="resourceGraphMetadata.total_elements > resourceGraphMetadata.page_size" <div class="col-12 d-flex justify-content-center flex-nowrap">
[(page)]="resourceGraphMetadata.page" <ngb-pagination
(pageChange)="pageChange($event)" *ngIf="resourceGraphMetadata.total_elements > resourceGraphMetadata.page_size"
[pageSize]="resourceGraphMetadata.page_size" [(page)]="resourceGraphMetadata.page"
[collectionSize]="resourceGraphMetadata.total_elements"></ngb-pagination> (pageChange)="pageChange($event)"
[pageSize]="resourceGraphMetadata.page_size"
[collectionSize]="resourceGraphMetadata.total_elements"></ngb-pagination>
</div>
</div>
</ng-template> </ng-template>
<ng-template #emptyReport> <ng-template #emptyReport>

View File

@ -67,14 +67,17 @@
<!-- Pagination --> <!-- Pagination -->
<ngb-pagination <div class="row">
class="mr-auto" <div class="col-12 d-flex justify-content-center flex-nowrap">
[collectionSize]="allObservationGroups.length" <ngb-pagination
[(page)]="currentPage" [collectionSize]="allObservationGroups.length"
[pageSize]="pageSize" [(page)]="currentPage"
(pageChange)="populateObservationsForCurrentPage()" [pageSize]="pageSize"
> (pageChange)="populateObservationsForCurrentPage()"
</ngb-pagination> >
</ngb-pagination>
</div>
</div>
</ng-template> </ng-template>