POC-880: Added missing HTS changes and added HTS register under HTS department (#1882)

Co-authored-by: Denzel Kipkemoi <[email protected]>

Author: Kipkemoii

src/app/data-analytics-dashboard/hiv/registers/htsrefferallinkage-register/htsrefferallinkage-register.component.ts

@@ -2,9 +2,7 @@ import { Component, OnInit, Output } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import * as _ from 'lodash';
 import * as Moment from 'moment';
-import { zhCnLocale } from 'ngx-bootstrap';
 import { DataAnalyticsDashboardService } from 'src/app/data-analytics-dashboard/services/data-analytics-dashboard.services';
-// import { HtsrefferallinkageRegisterService } from './htsrefferallinkage-register.service';
 import { HtsReferralLinkageService } from 'src/app/etl-api/hts-refferal-linkage.service';
 
 @Component({
@@ -35,7 +33,6 @@ export class HtsrefferallinkageRegisterComponent implements OnInit {
   public showInfoMessage = false;
   public isLoading = false;
   public reportHead: any;
-  // public enabledControls = 'locationControl,monthControl';
   public enabledControls = 'datesControl, locationControl';
   public pinnedBottomRowData: any = [];
   public _month: string;

src/app/data-analytics-dashboard/hts/data-analytics-hts.module.ts

@@ -4,16 +4,24 @@ import { PatientProgramEnrollmentModule } from '../../patients-program-enrollmen
 import { DataEntryStatisticsModule } from '../../data-entry-statistics/data-entry-statistics.module';
 import { ChangeDepartmentModule } from '../change-department/change-department.module';
 import { DataAnalyticsHivModule } from '../hiv/data-analytics-hiv.module';
+import { HtsReferralLinkageService } from 'src/app/etl-api/hts-refferal-linkage.service';
+import { HtsrefferallinkageRegisterComponent } from './hts-registers/htsrefferallinkage-register/htsrefferallinkage-register.component';
+import { dataAnalyticsDashboardHtsRouting } from './data-analytics-hts.routes';
+import { NgamrsSharedModule } from 'src/app/shared/ngamrs-shared.module';
+import { TabViewModule } from 'primeng/primeng';
 @NgModule({
   imports: [
     CommonModule,
     PatientProgramEnrollmentModule,
     DataEntryStatisticsModule,
     ChangeDepartmentModule,
-    DataAnalyticsHivModule
+    DataAnalyticsHivModule,
+    TabViewModule,
+    NgamrsSharedModule,
+    dataAnalyticsDashboardHtsRouting
   ],
   exports: [],
-  declarations: [],
-  providers: []
+  declarations: [HtsrefferallinkageRegisterComponent],
+  providers: [HtsReferralLinkageService]
 })
 export class DataAnalyticsHtsModule {}

src/app/data-analytics-dashboard/hts/data-analytics-hts.routes.ts

@@ -6,6 +6,7 @@ import { PatientsProgramEnrollmentComponent } from '../../patients-program-enrol
 import { ProgramEnrollmentPatientListComponent } from '../../patients-program-enrollment/program-enrollent-patient-list.component';
 import { ChangeDepartmentComponent } from '../change-department/change-department.component';
 import { AdminDashboardClinicFlowComponent } from '../hiv/clinic-flow/admin-dashboard-clinic-flow';
+import { HtsrefferallinkageRegisterComponent } from './hts-registers/htsrefferallinkage-register/htsrefferallinkage-register.component';
 const routes: Routes = [
   {
     path: 'clinic-flow',
@@ -37,12 +38,13 @@ const routes: Routes = [
       }
     ]
   },
+  { path: 'register', component: HtsrefferallinkageRegisterComponent },
   {
     path: 'select-department',
     component: ChangeDepartmentComponent
   }
 ];
 
-export const DataAnalyticsDashboardOncologyRouting: ModuleWithProviders = RouterModule.forChild(
+export const dataAnalyticsDashboardHtsRouting: ModuleWithProviders = RouterModule.forChild(
   routes
 );

src/app/data-analytics-dashboard/hts/hts-registers/htsrefferallinkage-register/htsrefferallinkage-register.component.css

@@ -0,0 +1,39 @@
+tr,
+.table-bordered th,
+.table-bordered td {
+  border: 2px solid #000; /* Darker border color */
+}
+tbody tr {
+  height: 20px; /* Adjust the height as per your design */
+}
+.vertical-text {
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+  transform: rotate(180deg);
+  white-space: nowrap;
+}
+th {
+  min-width: 70px;
+}
+.summary {
+  display: flex;
+  gap: 20px;
+  align-items: stretch;
+}
+
+.flex-item {
+  flex: 1 1 30%;
+  box-sizing: border-box;
+}
+table {
+  width: 100%;
+  height: auto;
+}
+
+.inner {
+  display: flex;
+  flex-direction: column;
+}
+.highlighted-row {
+  background-color: #bbb;
+}