Mirrors
/
fasten-onprem
mirror of https://github.com/fastenhealth/fasten-onprem.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

enable pagination on medical history page.

This commit is contained in:
Jason Kulatunga 2023-11-25 19:31:49 -08:00
parent a8be7f33ca
commit 7a77dcdcd6
No known key found for this signature in database
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/pages/medical-history/medical-history.component.html
View File

@ -8,6 +8,7 @@
<ng-container [ngTemplateOutlet]="loading ? isLoadingTemplate : (encounters.length == 0) ? emptyReport : report"></ng-container> <ng-container [ngTemplateOutlet]="loading ? isLoadingTemplate : (encounters.length == 0) ? emptyReport : report"></ng-container>
<ng-template #report> <ng-template #report>
<!-- Editor Button --> <!-- Editor Button -->
<div class="row mt-5 mb-3"> <div class="row mt-5 mb-3">
<div class="col-12"> <div class="col-12">
@ -43,7 +44,7 @@
<div class="row"> <div class="row">
<div class="col-12 d-flex justify-content-center flex-nowrap"> <div class="col-12 d-flex justify-content-center flex-nowrap">
<ngb-pagination <ngb-pagination
[collectionSize]="allEncounterGroups.length" [collectionSize]="allEncountersIds.length"
[(page)]="currentPage" [(page)]="currentPage"
[pageSize]="pageSize" [pageSize]="pageSize"
(pageChange)="pageChange()" (pageChange)="pageChange()"

31
frontend/src/app/pages/medical-history/medical-history.component.ts
View File

@ -17,7 +17,7 @@ export class MedicalHistoryComponent implements OnInit {
currentPage: number = 1 //1-based index due to the way the pagination component works currentPage: number = 1 //1-based index due to the way the pagination component works
pageSize: number = 10 pageSize: number = 10
allEncounterGroups: string[] = [] allEncountersIds: any[] = []
closeResult = ''; closeResult = '';
// conditions: ResourceFhir[] = [] // conditions: ResourceFhir[] = []
@ -39,16 +39,11 @@ export class MedicalHistoryComponent implements OnInit {
//load the first page //load the first page
this.loading = true this.loading = true
this.pageChange(1)
}
pageChange(page: number){
this.loading = true
this.fastenApi.getResources('Encounter').subscribe( this.fastenApi.getResources('Encounter').subscribe(
(response: ResourceFhir[]) => { (response: ResourceFhir[]) => {
let selectedResourceIds = response.map((resource: ResourceFhir): Partial<ResourceFhir> => { this.allEncountersIds = response.map((resource: ResourceFhir): Partial<ResourceFhir> => {
return { return {
source_id: resource.source_id, source_id: resource.source_id,
source_resource_type: resource.source_resource_type, source_resource_type: resource.source_resource_type,
@ -56,7 +51,20 @@ export class MedicalHistoryComponent implements OnInit {
} }
}) })
this.fastenApi.getResourceGraph(null, selectedResourceIds).subscribe((graphResponse: ResourceGraphResponse) => { this.pageChange()
})
}
pageChange(){
this.loading = true
let encounterIds = this.allEncountersIds.slice((this.currentPage-1) * this.pageSize, this.currentPage * this.pageSize)
this.fastenApi.getResourceGraph(null, encounterIds).subscribe((graphResponse: ResourceGraphResponse) => {
this.loading = false this.loading = false
console.log("FLATTENED RESOURCES RESPONSE", graphResponse) console.log("FLATTENED RESOURCES RESPONSE", graphResponse)
@ -67,13 +75,6 @@ export class MedicalHistoryComponent implements OnInit {
this.loading = false this.loading = false
}) })
},
error => {
this.loading = false
}
)
// this.fastenApi.getResourceGraph(null, page).subscribe((response: ResourceGraphResponse) => { // this.fastenApi.getResourceGraph(null, page).subscribe((response: ResourceGraphResponse) => {
// this.loading = false // this.loading = false
// this.resourceGraphMetadata = response.metadata // this.resourceGraphMetadata = response.metadata