From 2106030bfa91f4746bd6fcc22ea0d89813082e59 Mon Sep 17 00:00:00 2001
From: Timaqt <TimA@QL023547701657>
Date: Wed, 3 Jul 2024 23:33:44 -0700
Subject: [PATCH] EMBCESSMOD-5596 - Shelter Allowance Support Creation Updates
 - per-populated Payee Name

---
 .../shelter-allowance-delivery.component.html | 33 ++++++++++++-------
 .../shelter-allowance-delivery.component.scss | 12 +++++++
 .../shelter-allowance-delivery.component.ts   | 12 ++++++-
 3 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.html b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.html
index 640b97cc79..918987b29d 100644
--- a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.html
+++ b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.html
@@ -1,4 +1,20 @@
 <div [formGroup]="detailsForm">
+  <div class="information-notes">
+    <div class="row">
+      <div class="col-md-12">
+        <p class="primary-paragraph">
+          <b>Important information about Shelter Allowance referral</b>
+          <br />
+          <li>Support is provided by cheque issued to the evacuee</li>
+          <li>
+            It can take 6-8 weeks to receive payment/cheque from the date the Referral<br />
+            form is received by EMCR
+          </li>
+        </p>
+      </div>
+    </div>
+  </div>
+
   <div class="row">
     <div class="col-md-12">
       <p class="question-heading">Payee Details</p>
@@ -7,23 +23,16 @@
 
   <div class="row">
     <div class="col-md-12">
-      <p class="bold">Full Name (including middle name if applicable)</p>
-      <p class="requiredField">Enter the name of the individual to whom reimbursement should be issued.</p>
+      <p class="bold">Full Name</p>
+      <p>Name of evacuee to whom cheque will be issued.</p>
     </div>
   </div>
 
   <div class="row">
     <div class="col-md-5">
-      <mat-form-field appearance="outline">
-        <mat-label>Full Name</mat-label>
-        <input formControlName="hostName" maxlength="255" matInput placeholder="Enter Name" autocomplete="off" />
-        @if (
-          supportDeliveryFormControl?.hostName.invalid &&
-          supportDeliveryFormControl?.hostName.hasError('whitespaceError')
-        ) {
-          <mat-error class="custom-mat-error"> Full Name is required</mat-error>
-        }
-      </mat-form-field>
+      <p class="question-heading bold">
+        <input formControlName="hostName" autocomplete="off" style="border: none" />
+      </p>
     </div>
   </div>
 
diff --git a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.scss b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.scss
index 0d41b399ea..06ad140d8f 100644
--- a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.scss
+++ b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.scss
@@ -2,3 +2,15 @@
   color: #234075;
   font-size: 21px;
 }
+.information-notes {
+  background-color: rgba(35, 64, 117, 1);
+  width: 41%;
+  color: white;
+  margin-top: 20px;
+  padding: 20px;
+  margin-bottom: 40px;
+}
+.primary-paragraph {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.ts b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.ts
index 946d0591c4..ca586f6dd5 100644
--- a/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.ts
+++ b/responders/src/UI/embc-responder/src/app/feature-components/wizard/support-components/support-delivery/delivery-types/shelter-allowance-delivery/shelter-allowance-delivery.component.ts
@@ -6,6 +6,7 @@ import { IMaskDirective } from 'angular-imask';
 
 import { MatInput } from '@angular/material/input';
 import { MatFormField, MatLabel, MatError } from '@angular/material/form-field';
+import { AppBaseService } from 'src/app/core/services/helper/appBase.service';
 
 @Component({
   selector: 'app-shelter-allowance-delivery',
@@ -20,7 +21,7 @@ export class ShelterAllowanceDeliveryComponent implements OnInit, OnChanges {
 
   readonly phoneMask = globalConst.phoneMask;
 
-  constructor() {}
+  constructor(public appBaseService: AppBaseService) {}
 
   ngOnInit(): void {
     this.detailsForm
@@ -36,6 +37,15 @@ export class ShelterAllowanceDeliveryComponent implements OnInit, OnChanges {
       .subscribe((value) => {
         this.detailsForm.get('hostPhone').updateValueAndValidity();
       });
+
+    this.detailsForm
+      .get('hostName')
+      .setValue(
+        this.appBaseService?.appModel?.selectedEssFile?.primaryRegistrantLastName +
+          ' ' +
+          this.appBaseService?.appModel?.selectedEssFile?.primaryRegistrantFirstName
+      );
+    this.detailsForm.get('hostName').disable();
   }
 
   ngOnChanges(changes: SimpleChanges): void {