POC-745: MOH 267 PrEP Daily Activity Register

src/app/data-analytics-dashboard/hiv/registers/cntdaily-register/cntdaily-register.component.html

@@ -1,54 +0,0 @@
-<h4 class="component-title text-success">
-  <span class="fa fa-table"></span>{{ reportName }}
-</h4>
-
-<div class="loader" *ngIf="isLoading">
-  <span><i class="fa fa-spinner fa-spin"></i>Loading...</span>
-</div>
-
-<p-tabView>
-  <div>
-    <p-tabPanel header="Monthly" leftIcon="fa-calendar-o">
-      <report-filters
-        [enabledControls]="enabledControls"
-        [monthString]="_month"
-        (onMonthChange)="onMonthChange($event)"
-        [reportName]="reportName"
-        (generateReport)="generateReport()"
-      >
-      </report-filters>
-    </p-tabPanel>
-  </div>
-</p-tabView>
-
-<div class="alert alert-danger fade in" *ngIf="showInfoMessage">
-  <a href="#" class="close" data-dismiss="alert">&times;</a>
-  <h4 *ngIf="!statusError">
-    <strong><span class="glyphicon glyphicon-warning-sign"></span> </strong> An
-    error occurred while trying to load the report. Please try again.
-  </h4>
-  <p>
-    <small>{{ errorMessage }}</small>
-  </p>
-</div>
-<div *ngIf="!isReleased" class="alert alert-warning">
-  <strong>Viewing a Draft Version of the Report for the chosen month. </strong>
-  This report is likely to change without warning.
-</div>
-<div>
-  <p-tabView>
-    <p-tabPanel
-      header="Report View"
-      leftIcon="fa-file-pdf-o"
-      [selected]="currentViewBelow === 'pdf'"
-    >
-      <!-- <app-tx-ml-report-view
-        [SummaryData]="txnewReportSummaryData"
-        [sectionDefs]="columnDefs"
-        (CellSelection)="onIndicatorSelected($event)"
-        [reportDetails]="params"
-        [reportHeader]="reportName"
-      ></app-tx-ml-report-view> -->
-    </p-tabPanel>
-  </p-tabView>
-</div>

src/app/data-analytics-dashboard/hiv/registers/prepdaily-register/prepdaily-register.component.css

@@ -0,0 +1,14 @@
+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;
+}