Work on HTS workflows

src/app/clinic-dashboard/clinic-dashboard-routing.ts

@@ -66,6 +66,11 @@ const clinicDashboardRoutes: Routes = [
             (mod) => mod.MNCHModule
           )
       },
+      {
+        path: 'hts',
+        loadChildren: () =>
+          System.import('./hts/hts-program.module').then((mod) => mod.HTSModule)
+      },
       {
         path: '',
         redirectTo: 'general',

src/app/clinic-dashboard/clinic-dashboard.module.ts

@@ -54,6 +54,7 @@ import { PatientProgramEnrollmentModule } from './../patients-program-enrollment
 import { PatientReferralProgramModule } from './referral/patient-referral-program.module';
 import { ClinicRoutesFactory } from '../navigation/side-navigation/clinic-side-nav/clinic-side-nav-routes.factory';
 import { MNCHModule } from './mnch/mnch-program.module';
+import { HTSModule } from './hts/hts-program.module';
 
 @NgModule({
   declarations: [
@@ -102,7 +103,8 @@ import { MNCHModule } from './mnch/mnch-program.module';
     NgxPaginationModule,
     PatientReferralProgramModule,
     OncologyProgramModule,
-    MNCHModule
+    MNCHModule,
+    HTSModule
   ],
   providers: [
     ClinicDashboardCacheService,

src/app/clinic-dashboard/clinic-dashboard.routes.ts

@@ -32,6 +32,10 @@ export const routes = [
             path: 'mnch',
             loadChildren: './mnch/mnch-program.module#MNCHModule'
           },
+          {
+            path: 'hts',
+            loadChildren: './hts/hts-program.module#HTSModule'
+          },
           { path: '', redirectTo: 'general', pathMatch: 'prefix' }
         ]
       }

src/app/clinic-dashboard/hts/clinic-flow/daily-schedule-clinic-flow.component.html

@@ -0,0 +1 @@
+<clinic-flow [date]="selectedDate"></clinic-flow>

src/app/clinic-dashboard/hts/clinic-flow/daily-schedule-clinic-flow.component.spec.ts

@@ -0,0 +1,34 @@
+import { ComponentFixture, async, TestBed } from '@angular/core/testing';
+
+import { DateTimePickerModule } from '@ampath-kenya/ngx-openmrs-formentry';
+import { CalendarModule } from 'angular-calendar';
+import { NgxMyDatePickerModule } from 'ngx-mydatepicker';
+
+import { DailyScheduleClinicFlowComponent } from './daily-schedule-clinic-flow.component';
+import { ClinicFlowCacheService } from '../../../hiv-care-lib/clinic-flow/clinic-flow-cache.service';
+import { ClinicDashboardCacheService } from '../../services/clinic-dashboard-cache.service';
+
+describe('Daily-schedule-clinic-flow Tests', () => {
+  let comp: DailyScheduleClinicFlowComponent;
+  let fixture: ComponentFixture<DailyScheduleClinicFlowComponent>;
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        DateTimePickerModule,
+        NgxMyDatePickerModule.forRoot(),
+        CalendarModule.forRoot()
+      ],
+      declarations: [DailyScheduleClinicFlowComponent],
+      providers: [ClinicFlowCacheService, ClinicDashboardCacheService]
+    })
+      .compileComponents()
+      .then(() => {
+        fixture = TestBed.createComponent(DailyScheduleClinicFlowComponent);
+        comp = fixture.componentInstance;
+      });
+  }));
+
+  /*it('should be defined', () => {
+        expect(comp).toBeDefined();
+    });*/
+});

src/app/clinic-dashboard/hts/clinic-flow/daily-schedule-clinic-flow.component.ts

@@ -0,0 +1,44 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { DatePipe } from '@angular/common';
+
+import { ClinicFlowCacheService } from '../../../hiv-care-lib/clinic-flow/clinic-flow-cache.service';
+import { ClinicDashboardCacheService } from '../../services/clinic-dashboard-cache.service';
+import { Subscription } from 'rxjs';
+
+@Component({
+  selector: 'daily-schedule-clinic-flow-component',
+  templateUrl: './daily-schedule-clinic-flow.component.html'
+})
+export class DailyScheduleClinicFlowComponent implements OnInit, OnDestroy {
+  public selectedDate: any;
+  private _datePipe: DatePipe;
+  private subs: Subscription[] = [];
+  constructor(
+    private clinicFlowCache: ClinicFlowCacheService,
+    private clinicDashboardCacheService: ClinicDashboardCacheService
+  ) {
+    this._datePipe = new DatePipe('en-US');
+  }
+
+  public ngOnInit() {
+    if (this.clinicFlowCache.lastClinicFlowSelectedDate) {
+      this.selectedDate = this.clinicFlowCache.lastClinicFlowSelectedDate;
+    } else {
+      this.selectedDate = this._datePipe.transform(new Date(), 'yyyy-MM-dd');
+      this.clinicFlowCache.setSelectedDate(this.selectedDate);
+    }
+    const routeSub = this.clinicDashboardCacheService
+      .getCurrentClinic()
+      .subscribe((clinic) => {
+        this.clinicFlowCache.setSelectedLocation(clinic);
+      });
+
+    this.subs.push(routeSub);
+  }
+
+  public ngOnDestroy() {
+    this.subs.forEach((sub) => {
+      sub.unsubscribe();
+    });
+  }
+}

src/app/clinic-dashboard/hts/daily-schedule/daily-schedule.component.ts

@@ -0,0 +1,78 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { ClinicDashboardCacheService } from '../../services/clinic-dashboard-cache.service';
+import { Router, ActivatedRoute } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import { DailyScheduleBaseComponent } from '../../../clinic-schedule-lib/daily-schedule/daily-schedule.component';
+import { ClinicFlowCacheService } from '../../../hiv-care-lib/clinic-flow/clinic-flow-cache.service';
+import { SelectDepartmentService } from './../../../shared/services/select-department.service';
+import * as Moment from 'moment';
+@Component({
+  selector: 'hts-daily-schedule',
+  templateUrl:
+    '../../../clinic-schedule-lib/daily-schedule/daily-schedule.component.html'
+})
+export class HTSDailyScheduleComponent
+  extends DailyScheduleBaseComponent
+  implements OnInit, OnDestroy {
+  public routeSub: Subscription = new Subscription();
+  public myDepartment = 'HTS';
+  public _datePipe: DatePipe;
+  public selectedDate: any;
+  public paramsSub: Subscription;
+  public activeLinkIndex = 0;
+  public tabLinks = [
+    { label: 'Appointments', link: 'daily-appointments' },
+    { label: 'Visits', link: 'daily-visits' },
+    { label: 'Clinic Flow', link: 'clinic-flow' },
+    { label: 'Has not returned', link: 'daily-not-returned' }
+  ];
+
+  constructor(
+    public clinicDashboardCacheService: ClinicDashboardCacheService,
+    public router: Router,
+    public route: ActivatedRoute,
+    public clinicFlowCache: ClinicFlowCacheService,
+    private selectDepartmentService: SelectDepartmentService
+  ) {
+    super(clinicDashboardCacheService, router, route, clinicFlowCache);
+    this._datePipe = new DatePipe('en-US');
+  }
+
+  public ngOnInit() {
+    this.setActiveTab();
+    this.paramsSub = this.route.queryParams.subscribe((params) => {
+      if (params.startDate) {
+        this.selectedDate = Moment(params.startDate).format('MMM  D , YYYY ');
+        this.clinicFlowCache.setSelectedDate(this.selectedDate);
+      }
+    });
+    this.selectDepartmentService.setDepartment(this.myDepartment);
+    this.routeSub = this.route.parent.parent.params.subscribe((params) => {
+      this.clinicDashboardCacheService.setCurrentClinic(
+        params['location_uuid']
+      );
+    });
+    if (this.clinicFlowCache.lastClinicFlowSelectedDate) {
+      this.selectedDate = this.clinicFlowCache.lastClinicFlowSelectedDate;
+    } else {
+      this.selectedDate = Moment().format('MMM  D , YYYY ');
+      this.clinicFlowCache.setSelectedDate(this.selectedDate);
+    }
+  }
+
+  public ngOnDestroy() {
+    this.routeSub.unsubscribe();
+    this.paramsSub.unsubscribe();
+  }
+
+  public setActiveTab() {
+    if (this.router.url) {
+      let path = this.router.url;
+      const n = this.router.url.indexOf('?');
+      path = this.router.url.substring(0, n !== -1 ? n : path.length);
+      path = path.substr(this.router.url.lastIndexOf('/') + 1);
+      this.activeLinkIndex = this.tabLinks.findIndex((x) => x.link === path);
+    }
+  }
+}

src/app/clinic-dashboard/hts/hts-program.module.ts

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import {
+  MatProgressSpinnerModule,
+  MatProgressBarModule,
+  MatTabsModule
+} from '@angular/material';
+import { ClinicScheduleLibModule } from '../../clinic-schedule-lib/clinic-schedule-lib.module';
+import { CalendarModule } from 'angular-calendar';
+import { htsProgramRouting } from './hts-program.routes';
+import { DateTimePickerModule } from '@ampath-kenya/ngx-openmrs-formentry';
+import { EtlApi } from '../../etl-api/etl-api.module';
+import { HivCareLibModule } from '../../hiv-care-lib/hiv-care-lib.module';
+import { DataListsModule } from '../../shared/data-lists/data-lists.module';
+import { HTSDailyScheduleComponent } from './daily-schedule/daily-schedule.component';
+import { DailyScheduleClinicFlowComponent } from './clinic-flow/daily-schedule-clinic-flow.component';
+import { ProgramVisitEncounterSearchModule } from '../../program-visit-encounter-search/program-visit-encounter-search.module';
+import { GeneralModule } from '../general/general.module';
+import { ChangeDepartmentModule } from '../change-department/change-department.module';
+
+@NgModule({
+  imports: [
+    htsProgramRouting,
+    HivCareLibModule,
+    ClinicScheduleLibModule,
+    DateTimePickerModule,
+    CalendarModule,
+    EtlApi,
+    DataListsModule,
+    CommonModule,
+    FormsModule,
+    MatTabsModule,
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
+    ProgramVisitEncounterSearchModule,
+    GeneralModule,
+    ChangeDepartmentModule
+  ],
+  exports: [],
+  declarations: [HTSDailyScheduleComponent, DailyScheduleClinicFlowComponent],
+  providers: []
+})
+export class HTSModule {}

src/app/clinic-dashboard/hts/hts-program.routes.ts

@@ -0,0 +1,52 @@
+import { ModuleWithProviders } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { HTSDailyScheduleComponent } from './daily-schedule/daily-schedule.component';
+import { DailyScheduleVisitsComponent } from '../../clinic-schedule-lib/daily-schedule/daily-schedule-visits.component';
+import { DailyScheduleAppointmentsComponent } from '../../clinic-schedule-lib/daily-schedule/daily-schedule-appointments.component';
+import { DailyScheduleNotReturnedComponent } from '../../clinic-schedule-lib/daily-schedule/daily-schedule-not-returned.component';
+import { DailyScheduleClinicFlowComponent } from './clinic-flow/daily-schedule-clinic-flow.component';
+import { ClinicFlowVisitsComponent } from '../../hiv-care-lib/clinic-flow/clinic-flow-visits.component';
+import { ClinicFlowLocationStatsComponent } from '../../hiv-care-lib/clinic-flow/clinic-flow-location-stats.component';
+import { ClinicFlowProviderStatsComponent } from '../../hiv-care-lib/clinic-flow/clinic-flow-provider-stats.component';
+import { ClinicFlowSummaryComponent } from '../../hiv-care-lib/clinic-flow/clinic-flow-summary.component';
+import { ChangeDepartmentComponent } from '../change-department/change-department.component';
+const routes: Routes = [
+  {
+    path: 'daily-schedule',
+    component: HTSDailyScheduleComponent,
+    children: [
+      { path: '', redirectTo: 'daily-appointments', pathMatch: 'prefix' },
+      { path: 'daily-visits', component: DailyScheduleVisitsComponent },
+      {
+        path: 'daily-appointments',
+        component: DailyScheduleAppointmentsComponent
+      },
+      {
+        path: 'daily-not-returned',
+        component: DailyScheduleNotReturnedComponent
+      },
+      {
+        path: 'clinic-flow',
+        component: DailyScheduleClinicFlowComponent,
+        children: [
+          { path: 'visits', component: ClinicFlowVisitsComponent },
+          { path: 'summary', component: ClinicFlowSummaryComponent },
+          {
+            path: 'provider-stats',
+            component: ClinicFlowProviderStatsComponent
+          },
+          { path: 'location', component: ClinicFlowLocationStatsComponent },
+          { path: '', redirectTo: 'summary', pathMatch: 'prefix' }
+        ]
+      }
+    ]
+  },
+  {
+    path: 'department-select',
+    component: ChangeDepartmentComponent
+  }
+];
+
+export const htsProgramRouting: ModuleWithProviders = RouterModule.forChild(
+  routes
+);

src/app/patient-dashboard/patient-dashboard.routes.ts

@@ -68,6 +68,11 @@ export const routes = [
             path: 'mnch/:program/landing-page',
             component: GeneralLandingPageComponent
           },
+          {
+            // HTS Landing Page
+            path: 'hts/:program/landing-page',
+            component: GeneralLandingPageComponent
+          },
           {
             path: 'cdm/:program/landing-page', // CDM Landing Page
             component: CdmSummaryComponent

src/app/shared/dynamic-route/schema/clinic.dashboard.conf.json

@@ -291,6 +291,19 @@
           "isSideBarOpen": false
         }
       ]
+    },
+    {
+      "departmentName": "HTS",
+      "baseRoute": "hts",
+      "alias": "hts",
+      "routes": [
+        {
+          "url": "daily-schedule",
+          "label": "Daily Schedule",
+          "icon": "fa fa-calendar-o",
+          "isSideBarOpen": false
+        }
+      ]
     }
   ]
 }