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

adding loader to medical history page.

This commit is contained in:
Jason Kulatunga 2023-01-05 09:15:16 -08:00
parent fa62b8efef
commit 2d8d625aa0
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,7 +5,9 @@
<!-- Header Row --> <!-- Header Row -->
<report-header [reportHeaderTitle]="'Medical History'" [reportHeaderSubTitle]="'Organized by conditions, describes the scope and breadth of medical care'"></report-header> <report-header [reportHeaderTitle]="'Medical History'" [reportHeaderSubTitle]="'Organized by conditions, describes the scope and breadth of medical care'"></report-header>
<ng-container *ngIf="conditions.length || unassigned_encounters.length; else emptyReport"> <ng-container [ngTemplateOutlet]="loading ? isLoadingTemplate : (conditions.length == 0 && unassigned_encounters.length == 0) ? emptyReport : report"></ng-container>
<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">
@ -28,7 +30,7 @@
<!-- Condition List --> <!-- Condition List -->
<app-report-medical-history-condition *ngFor="let condition of conditions; let i = index" [condition]="condition"></app-report-medical-history-condition> <app-report-medical-history-condition *ngFor="let condition of conditions; let i = index" [condition]="condition"></app-report-medical-history-condition>
</ng-container> </ng-template>
<ng-template #emptyReport> <ng-template #emptyReport>
<div class="d-flex align-items-center" style="height:100%"> <div class="d-flex align-items-center" style="height:100%">
@ -45,6 +47,13 @@
</div> </div>
</ng-template> </ng-template>
<ng-template #isLoadingTemplate>
<div class="row">
<div class="col-12">
<app-loading-spinner [loadingTitle]="'Please wait, loading report...'"></app-loading-spinner>
</div>
</div>
</ng-template>
</div> </div>
</div> </div>