From 078b15d3cb30113f47bdef49c9c3f5631d579642 Mon Sep 17 00:00:00 2001
From: Randy Woods <randy1@radiorandy.com>
Date: Tue, 4 Mar 2025 13:07:57 -0700
Subject: [PATCH] Added Facilitator select and Self Assessment checkbox to IOD
 demog

---
 .../assessment-config-iod.component.html      | 19 +++++++++++++++++--
 .../assessment-config-iod.component.ts        | 14 +++++++++-----
 .../csi-service-demographics.component.html   | 11 +++++++----
 3 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.html b/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.html
index 46e25746d9..a32854ad6d 100644
--- a/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.html
+++ b/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.html
@@ -107,7 +107,22 @@ <h5>{{ assessment.typeTitle || 'Blank Assessment' }}</h5>
 
     <app-assessment-contacts (triggerChange)="refreshContacts()"></app-assessment-contacts>
 
-    <hr class="w-100 hr-sal my-5" />
+    <hr class="w-100 hr-sal my-4" />
+
+    <div *ngIf="showFacilitator()" class="mb-4">
+      <label class="form-label" for="facilitator">{{t('contact.facilitator')}}</label>
+      <select class="form-select" id="facilitator" tabindex="0" name="facilitator" (change)="updateDemographics()"
+          [(ngModel)]="demographics.facilitatorId">
+          <option [ngValue]="null">-- {{t('select facilitator')}} --</option>
+          <option *ngFor="let contact of contacts" [value]="contact.assessmentContactId">{{contact.firstName}}
+              {{contact.lastName}}</option>
+      </select>
+      <div class="mt-2">
+          <input type="checkbox" name="self-assessment" id="self-assessment" class="checkbox-custom mt-1"
+              [(ngModel)]="demographics.selfAssessment" [checked]="demographics.selfAssessment" (change)="updateDemographics()">
+          <label for="self-assessment" class="checkbox-custom-label d-inline">{{ t('self assessment') }}</label>
+      </div>
+  </div>
 
     <div class="row mb-4">
       <div class="col">
@@ -176,7 +191,7 @@ <h5>{{ assessment.typeTitle || 'Blank Assessment' }}</h5>
     </div>
 
     <!-- #6 -->
-    <div class="mb-5">
+    <div class="mb-4">
       <label for="disruptedSectors" class="form-label">
         Please select in order of criticality, the two critical infrastructure
         sectors which, if they were unavailable
diff --git a/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.ts b/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.ts
index 9278210082..4a502f9d02 100644
--- a/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.ts
+++ b/CSETWebNg/src/app/assessment/prepare/assessment-info/assessment-config-iod/assessment-config-iod.component.ts
@@ -8,10 +8,10 @@ import { DemographicIodService } from '../../../../services/demographic-iod.serv
 import { DemographicService } from '../../../../services/demographic.service';
 
 @Component({
-    selector: 'app-assessment-config-iod',
-    templateUrl: './assessment-config-iod.component.html',
-    styleUrls: ['./assessment-config-iod.component.scss'],
-    standalone: false
+  selector: 'app-assessment-config-iod',
+  templateUrl: './assessment-config-iod.component.html',
+  styleUrls: ['./assessment-config-iod.component.scss'],
+  standalone: false
 })
 export class AssessmentConfigIodComponent implements OnInit {
   iodDemographics: DemographicsIod = {};
@@ -43,7 +43,7 @@ export class AssessmentConfigIodComponent implements OnInit {
 
     if (this.configSvc.config.debug.showCmmcConversion ?? false) {
       this.assessSvc.getAssessmentDetail().subscribe((data: AssessmentDetail) => {
-        if (data.maturityModel.modelName == "CMMC2") {
+        if (data.maturityModel?.modelName == "CMMC2") {
           this.showUpgrade = true;
           this.targetModel = "CMMC2F"
         }
@@ -127,4 +127,8 @@ export class AssessmentConfigIodComponent implements OnInit {
   showStateName() {
     return this.configSvc.behaviors.showStateName;
   }
+
+  showFacilitator() {
+    return this.configSvc.behaviors.showFacilitatorDropDown;
+  }
 }
diff --git a/CSETWebNg/src/app/assessment/prepare/csi/csi-service-demographics/csi-service-demographics.component.html b/CSETWebNg/src/app/assessment/prepare/csi/csi-service-demographics/csi-service-demographics.component.html
index 7ffc016e6c..6d237c4ddf 100644
--- a/CSETWebNg/src/app/assessment/prepare/csi/csi-service-demographics/csi-service-demographics.component.html
+++ b/CSETWebNg/src/app/assessment/prepare/csi/csi-service-demographics/csi-service-demographics.component.html
@@ -25,14 +25,15 @@ <h4>{{t('titles.service demographics')}}</h4>
 
   <form class="mb-3">
     <ng-container *ngIf="showCriticalServiceIdentifyingInfo()">
-      <div>
+      <div class="mb-3">
         <label for="criticalServiceName" class="form-label">{{t('critical service name')}}</label>
         <input [ngClass]="{ 'alert-danger': !demographics.criticalService && showErrors() }" class="form-control"
           tabindex="0" type="text" maxlength="50" name="criticalServiceName" id="criticalServiceName"
           [(ngModel)]="demographics.criticalService" placeholder="{{t('critical service name')}}"
           (change)="updateBaseDemographics()" />
       </div>
-      <div>
+
+      <div class="mb-3">
         <label for="criticalServiceDescription" class="form-label">{{t('critical service description')}}</label>
         <input [ngClass]="{
           'alert-danger': !csiServiceDemographic.criticalServiceDescription && showErrors()
@@ -40,14 +41,16 @@ <h4>{{t('titles.service demographics')}}</h4>
           id="criticalServiceDescription" [(ngModel)]="csiServiceDemographic.criticalServiceDescription"
           placeholder="{{t('critical service description')}}" (change)="update()" />
       </div>
-      <div>
+
+      <div class="mb-3">
         <label for="itIcsName" class="form-label">Name of IT/ICS System (supporting the Critical Service)</label>
         <input [ngClass]="{ 'alert-danger': !csiServiceDemographic.itIcsName && showErrors() }" class="form-control"
           tabindex="0" type="text" maxlength="50" name="itIcsName" id="itIcsName"
           [(ngModel)]="csiServiceDemographic.itIcsName"
           placeholder="Name of IT/ICS System (supporting the Critical Service)" (change)="update()" />
       </div>
-      <div>
+
+      <div class="mb-3">
         <label class="form-label" for="multisiteService">Multi-site Service?</label>
         <div class="btn-group btn-group-toggle d-block mb-2" id="multisiteService" data-toggle="buttons" ngbRadioGroup>
           <label ngbButtonLabel class="btn btn-level border-2 mb-1" [class.active]="csiServiceDemographic.multiSite">