feat: Add schedule status do patient detail

agendaodonto · Jan 23, 2021 · a5592b3 · a5592b3
1 parent 0767a06
commit a5592b3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/src/app/patient/patient-detail.component.html b/src/app/patient/patient-detail.component.html
@@ -62,6 +62,13 @@
             <td mat-cell *matCellDef="let schedule"> {{schedule.date | date:'dd/MM/yy H:mm' }} </td>
         </ng-container>
 
+        <ng-container matColumnDef="scheduleStatus">
+            <th mat-header-cell *matHeaderCellDef> Status </th>
+            <td mat-cell *matCellDef="let schedule">
+                <app-schedule-status [status]="schedule.status"></app-schedule-status>
+            </td>
+        </ng-container>
+
         <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
         <tr mat-row class="actionable" *matRowDef="let rowData; columns: columnsToDisplay"
             (click)="viewSchedule(rowData)">

diff --git a/src/app/patient/patient-detail.component.spec.ts b/src/app/patient/patient-detail.component.spec.ts
@@ -12,6 +12,7 @@ import { of } from 'rxjs';
 import { ClinicService } from '../clinic/clinic.service';
 import { DentalPlanService } from '../dental-plan/dental-plan.service';
 import { DataTablePagerModule } from '../shared/components/pager/datatable-pager.module';
+import { SharedComponentsModule } from '../shared/components/shared-components.module';
 import { DirectivesModule } from '../shared/directives/directives.module';
 import { MaterialAppModule } from '../shared/material.app.module';
 import { ClinicDatabase } from '../shared/testing/databases/clinic.database';
@@ -45,6 +46,7 @@ describe('PatientDetailComponent', () => {
                 DataTablePagerModule,
                 HttpClientTestingModule,
                 RouterTestingModule,
+                SharedComponentsModule,
             ],
             declarations: [PatientDetailComponent],
             providers: [

diff --git a/src/app/patient/patient-detail.component.ts b/src/app/patient/patient-detail.component.ts
@@ -36,7 +36,7 @@ export class PatientDetailComponent extends BaseComponent implements OnInit {
     isSubmitting = false;
     filteredPlans: Observable<IPagedResponse<IDentalPlanResponse>>;
     datasource: PatientSchedulesDataSource;
-    columnsToDisplay = ['scheduleDate'];
+    columnsToDisplay = ['scheduleDate', 'scheduleStatus'];
 
     constructor(
         private dialog: MatDialog,

diff --git a/src/app/patient/patient.module.ts b/src/app/patient/patient.module.ts
@@ -8,6 +8,7 @@ import { NgxMaskModule } from 'ngx-mask';
 import { ClinicService } from '../clinic/clinic.service';
 import { DentalPlanService } from '../dental-plan/dental-plan.service';
 import { DataTablePagerModule } from '../shared/components/pager/datatable-pager.module';
+import { SharedComponentsModule } from '../shared/components/shared-components.module';
 import { DirectivesModule } from '../shared/directives/directives.module';
 import { AuthGuard } from '../shared/guards/auth.guard';
 import { MaterialAppModule } from '../shared/material.app.module';
@@ -32,6 +33,7 @@ export const patientRoutes: Routes = [
         DataTablePagerModule,
         DirectivesModule,
         NgxMaskModule,
+        SharedComponentsModule,
     ],
     declarations: [
         PatientComponent,