+ + All records loaded + {{ '[ ' + preAppointmentOutreachList.length + ']' }} +
diff --git a/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.spec.ts b/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.spec.ts new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.ts b/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.ts new file mode 100644 index 000000000..33936e856 --- /dev/null +++ b/src/app/clinic-dashboard/general/pre-appointment-outreach/pre-appointment-outreach.component.ts @@ -0,0 +1,356 @@ +import { Component, OnInit } from '@angular/core'; +import { ClinicDashboardCacheService } from '../../services/clinic-dashboard-cache.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import * as _ from 'lodash'; +import { Subscription } from 'rxjs'; +import { PreAppointmentOutreachResourceService } from 'src/app/etl-api/pre-appointment-outreach-resource.service'; + +interface ReportParams { + locationUuids: string; + yearWeek: string; + processOutcome: number; +} + +@Component({ + selector: 'app-pre-appointment-outreach', + templateUrl: './pre-appointment-outreach.component.html', + styleUrls: ['./pre-appointment-outreach.component.css'] +}) +export class PreAppointmentOutreachComponent implements OnInit { + public errors: any[] = []; + public preAppointmentOutreachList: any[] = []; + public locationUuids: string; + public params: any; + public routeSub: Subscription = new Subscription(); + public loadingpreAppointmentOutreachList = false; + + public weeks: any[] = []; + public selectedWeek: string; + public selectedFormattedWeek: string; + + // constants + private ALL = 'All'; + private FOLLOW_UP_SUCCESSFUL = 'Follow-up Successful'; + private FAILED_FOLLOW_UP_ATTEMPT = 'Failed Follow-up Attempt'; + + public filterTypeOptions: any[] = [ + this.ALL, + this.FOLLOW_UP_SUCCESSFUL, + this.FAILED_FOLLOW_UP_ATTEMPT + ]; + public selectedFilterType = 'All'; // defaults to All + // TODO refactor this later + public mappedSelectedFilterType = -1; + public explainedFilterType = + 'All patients predicted to be at either a high or medium risk.'; + + constructor( + private clinicDashboardCacheService: ClinicDashboardCacheService, + private preAppointmentResourceService: PreAppointmentOutreachResourceService, + private router: Router, + private route: ActivatedRoute + ) { + const today = new Date(); + const currentYear = today.getFullYear(); + const numberOfWeeks = 52; // Set the maximum number of weeks to 52 + + for (let weekNumber = 1; weekNumber <= numberOfWeeks; weekNumber++) { + const weekString = `${currentYear}-W${weekNumber + .toString() + .padStart(2, '0')}`; + this.weeks.push({ + label: `${currentYear}-W${weekNumber} - From ${this.getStartDate( + weekString + )} to ${this.getEndDate(weekString)}`, + value: weekString + }); + } + + const currentWeek = this.getISOWeek(today); + this.selectedWeek = `${currentYear}-W${currentWeek + .toString() + .padStart(2, '0')}`; + this.setSelectedWeek(); + } + + public ngOnInit() { + this.subScribeToClinicLocationChange(); + this.subscribeToRouteParamsChange(); + } + + public setSelectedWeek() { + this.selectedFormattedWeek = this.weeks.find( + (week) => week.value === this.selectedWeek + ).label; + } + + public setSelectedFilterType() { + switch (this.selectedFilterType) { + case this.ALL: + // TODO refactor this later + this.mappedSelectedFilterType = -1; + this.explainedFilterType = + 'All patients predicted to be at either a high or medium risk.'; + break; + case this.FOLLOW_UP_SUCCESSFUL: + this.mappedSelectedFilterType = 1; + this.explainedFilterType = + 'Patients who have successfully been contacted/reached'; + break; + case this.FAILED_FOLLOW_UP_ATTEMPT: + this.mappedSelectedFilterType = 0; + this.explainedFilterType = + 'Patient for whom follow-up attempts have been unsuccessful.'; + break; + default: + this.explainedFilterType = ''; + } + } + + public extraColumns() { + return [ + { + headerName: 'Program', + field: 'program', + width: 100, + cellStyle: { + 'white-space': 'normal' + } + }, + { + headerName: 'Phone Number', + field: 'phone_number', + width: 120, + cellStyle: { + 'white-space': 'normal' + } + }, + { + headerName: 'Predicted Risk', + width: 120, + field: 'predicted_risk' + }, + { + headerName: 'Predicted Score (%)', + width: 120, + field: 'predicted_prob_disengage', + cellRenderer: (column: any) => { + return (column.value * 100).toFixed(2); + } + }, + { + headerName: 'Prediction Generated Date', + width: 200, + field: 'prediction_generated_date' + }, + { + headerName: 'Latest Appointment', + width: 150, + field: 'last_appointment' + }, + { + headerName: 'Rtc Date', + field: 'rtc_date', + width: 100, + cellStyle: { + 'white-space': 'normal' + } + }, + { + headerName: 'Latest RTC Date', + width: 150, + field: 'latest_rtc_date' + }, + { + headerName: 'Current Regimen', + width: 200, + field: 'cur_meds' + }, + { + headerName: 'Latest VL', + width: 100, + field: 'latest_vl' + }, + { + headerName: 'Latest VL Date', + width: 150, + field: 'latest_vl_date' + }, + { + headerName: 'VL Category', + width: 150, + field: 'vl_category' + }, + { + headerName: 'Follow-up Type', + width: 150, + field: 'follow_up_type' + }, + { + headerName: 'Follow-up Reason', + width: 150, + field: 'follow_up_reason' + }, + { + headerName: 'Follow-up Success', + width: 100, + field: 'was_follow_up_successful', + cellRenderer: (column: any) => { + if (column.value === 1) { + return 'YES'; + } else { + return 'NO'; + } + } + }, + { + headerName: 'Rescheduled Date', + width: 100, + field: 'rescheduled_date' + }, + { + headerName: 'Contact Reached', + width: 100, + field: 'contact_reached' + }, + { + headerName: 'Attempted Home Visit', + width: 100, + field: 'attempted_home_visit' + }, + { + headerName: 'Reason Not Attempted Home Visit', + width: 100, + field: 'reason_not_attempted_home_visit' + }, + { + headerName: 'Client Found', + width: 100, + field: 'was_client_found' + }, + { + headerName: 'Reason Client Not Found', + width: 100, + field: 'reason_client_not_found' + }, + { + headerName: 'Home Visit Personnel', + width: 100, + field: 'home_visit_personnel' + }, + { + headerName: 'COVID-19 Vaccination Status', + width: 150, + field: 'covid_19_vaccination_status' + }, + { + headerName: 'Nearest Center', + width: 150, + field: 'nearest_center' + } + ]; + } + + public getReportParams(): ReportParams { + return { + locationUuids: this.locationUuids, + yearWeek: this.selectedWeek, + processOutcome: this.mappedSelectedFilterType + }; + } + + public generateReport(): void { + if (this.locationUuids && this.selectedWeek) { + this.loadingpreAppointmentOutreachList = true; + this.preAppointmentResourceService + .getWeeklyPredictionsPatientList(this.getReportParams()) + .subscribe( + (result: any) => { + this.loadingpreAppointmentOutreachList = false; + if (result) { + this.preAppointmentOutreachList = result; + this.router.navigate([], { + relativeTo: this.route, + queryParams: { + locationUuids: this.locationUuids, + yearWeek: this.selectedWeek, + processOutcome: this.mappedSelectedFilterType + } + }); + } + }, + (error: any) => { + this.loadingpreAppointmentOutreachList = false; + } + ); + } + } + + public subScribeToClinicLocationChange(): void { + this.clinicDashboardCacheService + .getCurrentClinic() + .subscribe((currentClinic) => { + this.locationUuids = currentClinic; + this.generateReport(); + }); + } + + public subscribeToRouteParamsChange(): void { + this.routeSub = this.route.parent.parent.params.subscribe((params) => { + this.locationUuids = params['location_uuid']; + this.clinicDashboardCacheService.setCurrentClinic( + params['location_uuid'] + ); + }); + } + + public resetFilter($event: Boolean): void { + if ($event) { + this.preAppointmentOutreachList = []; + } + } + + private getStartDate(week: string): string { + const year = Number(week.substring(0, 4)); + const weekNumber = Number(week.substring(6)); + const startDate = this.getDateOfISOWeek(year, weekNumber, 1); + + return startDate.toDateString(); + } + + private getEndDate(week: string): string { + const year = Number(week.substring(0, 4)); + const weekNumber = Number(week.substring(6)); + const endDate = this.getDateOfISOWeek(year, weekNumber, 7); + + return endDate.toDateString(); + } + + private getDateOfISOWeek(year: number, week: number, day: number): Date { + const januaryFourth = new Date(year, 0, 4); + const daysToFirstMonday = 1 - januaryFourth.getDay(); + const firstMonday = new Date(year, 0, 4 + daysToFirstMonday); + return new Date( + firstMonday.getTime() + + (week - 1) * 7 * 24 * 60 * 60 * 1000 + + (day - 1) * 24 * 60 * 60 * 1000 + ); + } + + private getISOWeek(date: Date): number { + const firstDayOfYear = new Date(date.getFullYear(), 0, 1); + const daysOffset = firstDayOfYear.getDay() - 1; + const firstMondayOfYear = new Date( + firstDayOfYear.getFullYear(), + 0, + 1 + (daysOffset > 0 ? 7 - daysOffset : 0) + ); + + const daysPassed = Math.floor( + (date.getTime() - firstMondayOfYear.getTime()) / 86400000 + ); + const weeksPassed = Math.floor(daysPassed / 7) + 1; + + return weeksPassed; + } +} diff --git a/src/app/clinic-dashboard/hiv/hiv-program.module.ts b/src/app/clinic-dashboard/hiv/hiv-program.module.ts index 24e5ae9e3..5923f61ce 100644 --- a/src/app/clinic-dashboard/hiv/hiv-program.module.ts +++ b/src/app/clinic-dashboard/hiv/hiv-program.module.ts @@ -7,8 +7,7 @@ import { MatTabsModule, MatSlideToggleModule, MatDatepickerModule, - MatNativeDateModule, - MatDatepickerToggle + MatNativeDateModule } from '@angular/material'; import { TabViewModule, @@ -26,7 +25,6 @@ import { Moh731ReportComponent } from './moh-731/moh-731-report.component'; import { clinicDashboardHivRouting } from './hiv-program.routes'; import { HivCareLibModule } from '../../hiv-care-lib/hiv-care-lib.module'; import { EtlApi } from '../../etl-api/etl-api.module'; -import { HivModuleComponent } from './hiv-program.component'; import { DepartmentProgramFilterModule } from './../../department-program-filter/department-program-filter.module'; import { PatientStatusChangeVisualizationContainerComponent } from './patient-status-change-visualization/patient-status-change-visualization.container.component'; import { PatientStatusChangeVisualizationComponent } from './patient-status-change-visualization/patient-status-change-visualization.component'; @@ -82,6 +80,8 @@ import { OncologyProgramModule } from './../../oncology-care-lib/oncology-care-l import { IptReportComponent } from './ipt-report/ipt-report.component'; import { DefaulterListFilterComponent } from './../general/defaulter-list/defaulter-list-filter-component'; import { ClinicDashboardCovid19ReportComponent } from './covid-19-report/clinic-dashboard-covid-19-report.component'; +import { PreAppointmentOutreachResourceService } from 'src/app/etl-api/pre-appointment-outreach-resource.service'; +import { PreAppointmentOutreachComponent } from '../general/pre-appointment-outreach/pre-appointment-outreach.component'; @NgModule({ imports: [ @@ -182,9 +182,13 @@ import { ClinicDashboardCovid19ReportComponent } from './covid-19-report/clinic- MOH412ClinicDashboardPatientListComponent, IptReportComponent, DefaulterListFilterComponent, - ClinicDashboardCovid19ReportComponent + ClinicDashboardCovid19ReportComponent, + PreAppointmentOutreachComponent + ], + providers: [ + ClinicalSummaryVisualizationService, + PreAppointmentOutreachResourceService ], - providers: [ClinicalSummaryVisualizationService], entryComponents: [PatientStatusDatalistCellComponent] }) export class HivProgramModule {} diff --git a/src/app/clinic-dashboard/hiv/hiv-program.routes.ts b/src/app/clinic-dashboard/hiv/hiv-program.routes.ts index 3e869c7d1..7071527a3 100644 --- a/src/app/clinic-dashboard/hiv/hiv-program.routes.ts +++ b/src/app/clinic-dashboard/hiv/hiv-program.routes.ts @@ -1,7 +1,5 @@ -import { Covid19ReportComponent } from './../../hiv-care-lib/covid-19-report/covid-19-report.component'; import { ModuleWithProviders } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; -import { HivModuleComponent } from './hiv-program.component'; import { Moh731ReportComponent } from './moh-731/moh-731-report.component'; import { HivSummaryIndicatorComponent } from './hiv-summary-indicators/hiv-summary-indicator.component'; import { HivSummaryIndicatorsPatientListComponent } from '../../hiv-care-lib/hiv-summary-indicators/patient-list.component'; @@ -52,7 +50,6 @@ import { IptReportPatientListComponent } from 'src/app/hiv-care-lib/ipt-report/i import { ClinicDashboardHeiReportComponent } from './clinic-dashboard-hei-indicators-report/clinic-dashboard-hei-report.component'; import { HeiIndicatorsPatientListComponent } from './../../hiv-care-lib/hei-indicators-report/hei-indicators-patient-list.component'; import { HIVListsMicroFrontendComponent } from './hiv-lists-microfrontend-report/hiv-lists-microfrontend.component'; -import { FamilyTestingComponent } from './family-testing/family-testing.component'; import { FamilyTestingBaseComponent } from 'src/app/hiv-care-lib/family-testing/family-testing-base.component'; import { FamilyTestingContactComponent } from 'src/app/hiv-care-lib/family-testing/family-testing-contact-list.component'; import { AddContactTraceComponent } from 'src/app/hiv-care-lib/family-testing/contact-trace/add-contact-trace.component'; @@ -61,6 +58,7 @@ import { MOH412ClinicDashboardComponent } from './moh-412-report/moh-412-clinic- import { MOH412ClinicDashboardPatientListComponent } from './moh-412-report/moh-412-clinic-dashboard-patient-list.component'; import { ClinicDashboardCovid19ReportComponent } from './covid-19-report/clinic-dashboard-covid-19-report.component'; import { Covid19ReportPatientListComponent } from './../../hiv-care-lib/covid-19-report/covid-19-report-patient-list/covid-19-report-patient-list.component'; +import { PreAppointmentOutreachComponent } from '../general/pre-appointment-outreach/pre-appointment-outreach.component'; const routes: Routes = [ { @@ -472,6 +470,10 @@ const routes: Routes = [ } ] }, + { + path: 'pre-appoinment-outreach', + component: PreAppointmentOutreachComponent + }, { path: 'family-testing', children: [ diff --git a/src/app/etl-api/pre-appointment-outreach-resource.service.spec.ts b/src/app/etl-api/pre-appointment-outreach-resource.service.spec.ts new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/etl-api/pre-appointment-outreach-resource.service.ts b/src/app/etl-api/pre-appointment-outreach-resource.service.ts new file mode 100644 index 000000000..4d9f57e78 --- /dev/null +++ b/src/app/etl-api/pre-appointment-outreach-resource.service.ts @@ -0,0 +1,43 @@ +import { map } from 'rxjs/operators'; +import { Injectable } from '@angular/core'; +import { AppSettingsService } from '../app-settings/app-settings.service'; +import { DataCacheService } from '../shared/services/data-cache.service'; +import { HttpClient, HttpParams } from '@angular/common/http'; + +@Injectable() +export class PreAppointmentOutreachResourceService { + constructor( + protected http: HttpClient, + protected appSettingsService: AppSettingsService, + private cacheService: DataCacheService + ) {} + + private getUrl(reportName: string): string { + return this.appSettingsService.getEtlRestbaseurl().trim() + reportName; + } + + public getWeeklyPredictionsPatientList(params: any) { + let urlParams: HttpParams = new HttpParams() + .set('locationUuids', params.locationUuids) + .set('yearWeek', params.yearWeek); + + if (params.processOutcome === 1) { + urlParams = urlParams.set('successfulOutcome', params.processOutcome); + } + if (params.processOutcome === 0) { + urlParams = urlParams.set('failedOutcome', '1'); + } + + const url = this.getUrl('ml-weekly-predictions'); + const request = this.http + .get