fix: corrected typo in compliance status label from "Complaint" to "Compliant"

Author: mjabascal10

frontend/src/app/compliance/compliance-reports-view/compliance-reports-view.component.html

@@ -49,8 +49,8 @@ <h5 class="card-title mb-0 text-uppercase label-header d-flex align-items-center
             <tr class="cursor-pointer" (click)="reportDetail = report"
                 *ngFor="let report of reports; let index = index" style="position: relative; z-index: 1;">
               <td style="width: 5%; position: relative; z-index: 0;"
-                  [ngClass]="report.configReportStatus === ComplianceStatus.COMPLAINT ? 'border-left-success' : 'border-left-danger'"
-                  [ngStyle]="report.configReportStatus === ComplianceStatus.COMPLAINT ? {'border-left': '5px solid green !important;'} : {'border-left': '5px solid red !important;'}">
+                  [ngClass]="report.configReportStatus === ComplianceStatus.COMPLIANT ? 'border-left-success' : 'border-left-danger'"
+                  [ngStyle]="report.configReportStatus === ComplianceStatus.COMPLIANT ? {'border-left': '5px solid green !important;'} : {'border-left': '5px solid red !important;'}">
                 <div>
                   <app-report-apply-note [report]="report" [showNote]="false"></app-report-apply-note>
                 </div>
@@ -110,7 +110,7 @@ <h5 class="card-title mb-0 text-uppercase label-header d-flex align-items-center
 <div *ngIf="reportDetail" class="utm-right-container">
   <div (click)="reportDetail= undefined" class="overlay overlay-lg col-md-7"></div>
   <div class="card utm-right-action utm-right-action-lg ml-0">
-    <div [ngClass]="reportDetail.configReportStatus === ComplianceStatusEnum.COMPLAINT
+    <div [ngClass]="reportDetail.configReportStatus === ComplianceStatusEnum.COMPLIANT
       || (reportDetail.configReportNote && reportDetail.configReportNote !== '') ? 'border-left-success' : 'border-left-danger'"
       class="title d-flex justify-content-between  align-items-center border-bottom-1
             border-bottom-grey-100  pl-3 pt-3 pr-3 pb-0">

frontend/src/app/compliance/compliance-reports-view/components/compliance-report-detail/compliance-report-detail.component.ts

@@ -133,7 +133,7 @@ export class ComplianceReportDetailComponent implements OnInit {
   }
 
   isComplaint() {
-    return this.report.configReportStatus === ComplianceStatusEnum.COMPLAINT
+    return this.report.configReportStatus === ComplianceStatusEnum.COMPLIANT
       || (this.report.configReportNote && this.report.configReportNote !== '');
   }
 }

frontend/src/app/compliance/compliance-reports-view/components/compliance-status/compliance-status.component.html

@@ -1,6 +1,6 @@
 <ng-container *ngIf="template === 'default'">
   <div>
-    <span [ngClass]="report.configReportStatus === ComplianceStatus.COMPLAINT  ? 'text-success' : 'text-danger'"
+    <span [ngClass]="report.configReportStatus === ComplianceStatus.COMPLIANT  ? 'text-success' : 'text-danger'"
           class="span-small-icon d-flex justify-content-start align-items-center">
       {{ isComplaint() ? 'Compliant' : 'Non compliant' }}
     </span>
@@ -10,7 +10,7 @@
 <ng-container *ngIf="template === 'dropdown'">
   <span (click)="onClick($event)" ngbDropdown container="body" #drop="ngbDropdown">
     <a class="btn btn-light btn-sm"
-       [ngClass]="(report.configReportNote && report.configReportNote !== '') || report.configReportStatus === ComplianceStatus.COMPLAINT ? 'text-success' : 'text-danger'"
+       [ngClass]="(report.configReportNote && report.configReportNote !== '') || report.configReportStatus === ComplianceStatus.COMPLIANT ? 'text-success' : 'text-danger'"
        ngbDropdownToggle>
       <span class="indicator-progress" *ngIf="changing">
         <span class="spinner-border spinner-border-sm align-middle me-2"></span>
@@ -27,11 +27,11 @@
       class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold font-size-sm py-2 px-3"
       ngbDropdownMenu>
       <div *ngIf="!isComplaint()" class="menu-item px-2 cursor-pointer menu-hover"
-           (click)="changeStatusTo(ComplianceStatus.COMPLAINT); drop.close()">
-        <a style="font-size: 12px" class="menu-link px-2 fw-bolder text-success">{{ 'Complaint' }}</a>
+           (click)="changeStatusTo(ComplianceStatus.COMPLIANT); drop.close()">
+        <a style="font-size: 12px" class="menu-link px-2 fw-bolder text-success">{{ 'Compliant' }}</a>
       </div>
       <div *ngIf="isComplaint()" class="menu-item px-2 cursor-pointer menu-hover"
-           (click)="changeStatusTo(ComplianceStatus.NON_COMPLAINT); drop.close()">
+           (click)="changeStatusTo(ComplianceStatus.NON_COMPLIANT); drop.close()">
         <a style="font-size: 12px" class="menu-link px-2 fw-bolder text-danger">{{ 'Non compliant' }}</a>
       </div>
     </div>

frontend/src/app/compliance/compliance-reports-view/components/compliance-status/compliance-status.component.ts

@@ -79,7 +79,7 @@ export class ComplianceStatusComponent implements OnInit {
 
   getModalMessage(status: ComplianceStatusEnum) {
     return !this.isComplaint()
-      ? `You are about to change the compliance status to <b>Complaint (External Tool)</b>.
+      ? `You are about to change the compliance status to <b>Compliant (External Tool)</b>.
        <br><br>
        Please note that you must provide a detailed note explaining where and how this compliance
        is being fulfilled using the external tool.
@@ -95,7 +95,7 @@ export class ComplianceStatusComponent implements OnInit {
   }
 
   isComplaint() {
-    return this.report.configReportStatus === ComplianceStatusEnum.COMPLAINT
+    return this.report.configReportStatus === ComplianceStatusEnum.COMPLIANT
       || (this.report.configReportNote && this.report.configReportNote !== '');
   }
 }

frontend/src/app/compliance/shared/enums/compliance-status.enum.ts

@@ -1,4 +1,4 @@
 export enum ComplianceStatusEnum {
-  COMPLAINT = 'COMPLAINT',
-  NON_COMPLAINT = 'NON_COMPLAINT'
+  COMPLIANT = 'COMPLIANT',
+  NON_COMPLIANT = 'NON_COMPLIANT'
 }