Merge pull request #1904 from bcgov/hotfix/ALCS-2294

Fix ALCS NARU yes/no and no data text
bcgov · Oct 9, 2024 · cd3122d · cd3122d
2 parents 35d8e22 + 50196ff
commit cd3122d
Showing 1 changed file with 25 additions and 8 deletions.
diff --git a/...s/application/applicant-info/application-details/naru-details/naru-details.component.html b/...s/application/applicant-info/application-details/naru-details/naru-details.component.html
@@ -3,34 +3,45 @@
     Is your proposal for a principal residence with a total floor area greater than 500 m<sup>2</sup>?
   </div>
   <div class="grid-double">
-    {{ _applicationSubmission.naruWillBeOverFiveHundredM2 ? 'Yes' : 'No' }}
+    <ng-container *ngIf="_applicationSubmission.naruWillBeOverFiveHundredM2 === true"> Yes </ng-container>
+    <ng-container *ngIf="_applicationSubmission.naruWillBeOverFiveHundredM2 === false"> No </ng-container>
+    <app-no-data *ngIf="_applicationSubmission.naruWillBeOverFiveHundredM2 === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">Is your proposal to retain an existing residence while building a new residence?</div>
   <div class="grid-double">
-    {{ _applicationSubmission.naruWillRetainResidence ? 'Yes' : 'No' }}
+    <ng-container *ngIf="_applicationSubmission.naruWillRetainResidence === true"> Yes </ng-container>
+    <ng-container *ngIf="_applicationSubmission.naruWillRetainResidence === false"> No </ng-container>
+    <app-no-data *ngIf="_applicationSubmission.naruWillRetainResidence === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">Is your proposal for an additional residence?</div>
   <div class="grid-double">
-    {{ _applicationSubmission.naruWillHaveAdditionalResidence ? 'Yes' : 'No' }}
+    <ng-container *ngIf="_applicationSubmission.naruWillHaveAdditionalResidence === true"> Yes </ng-container>
+    <ng-container *ngIf="_applicationSubmission.naruWillHaveAdditionalResidence === false"> No </ng-container>
+    <app-no-data *ngIf="_applicationSubmission.naruWillHaveAdditionalResidence === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">Is your proposal for temporary foreign worker housing?</div>
   <div class="grid-double">
-    {{ _applicationSubmission.naruWillHaveTemporaryForeignWorkerHousing ? 'Yes' : 'No' }}
+    <ng-container *ngIf="_applicationSubmission.naruWillHaveTemporaryForeignWorkerHousing === true"> Yes </ng-container>
+    <ng-container *ngIf="_applicationSubmission.naruWillHaveTemporaryForeignWorkerHousing === false"> No </ng-container>
+    <app-no-data *ngIf="_applicationSubmission.naruWillHaveTemporaryForeignWorkerHousing === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">
     Do you need to import any fill to construct or conduct the proposed non-adhering residential use?
   </div>
   <div class="grid-double">
-    {{ _applicationSubmission.naruWillImportFill ? 'Yes' : 'No' }}
+    <ng-container *ngIf="_applicationSubmission.naruWillImportFill === true"> Yes </ng-container>
+    <ng-container *ngIf="_applicationSubmission.naruWillImportFill === false"> No </ng-container>
+    <app-no-data *ngIf="_applicationSubmission.naruWillImportFill === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">What is the purpose of the proposal?</div>
   <div class="grid-double">
     {{ _applicationSubmission.purpose }}
+    <app-no-data *ngIf="_applicationSubmission.purpose === null"></app-no-data>
   </div>
 
   <ng-container
@@ -49,6 +60,7 @@
     </div>
     <div class="grid-double">
       {{ _applicationSubmission.naruResidenceNecessity }}
+      <app-no-data *ngIf="_applicationSubmission.naruResidenceNecessity === null"></app-no-data>
     </div>
   </ng-container>
 
@@ -78,20 +90,23 @@
   </div>
   <div class="grid-double">
     {{ _applicationSubmission.naruClustered }}
+    <app-no-data *ngIf="_applicationSubmission.naruClustered === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">
     Will the proposed residence(s) be located within a 60 m setback from the front lot line? Please explain.
   </div>
   <div class="grid-double">
     {{ _applicationSubmission.naruSetback }}
+    <app-no-data *ngIf="_applicationSubmission.naruSetback === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">
     Where on the parcel will the proposal be situated and is there an agricultural rationale for the proposed location?
   </div>
   <div class="grid-double">
     {{ _applicationSubmission.naruLocationRationale }}
+    <app-no-data *ngIf="_applicationSubmission.naruLocationRationale === null"></app-no-data>
   </div>
 
   <div class="subheading2 grid-1">
@@ -100,6 +115,7 @@
   </div>
   <div class="grid-double">
     {{ _applicationSubmission.naruInfrastructure }}
+    <app-no-data *ngIf="_applicationSubmission.naruInfrastructure === null"></app-no-data>
   </div>
 
   <ng-container *ngIf="_applicationSubmission.naruExistingResidences">
@@ -108,9 +124,7 @@
       <div class="grid-2 subheading2">Total Floor Area</div>
       <div class="grid-3 subheading2">Description</div>
       <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
-        <div>
-          <app-no-data></app-no-data>
-        </div>
+        <app-no-data></app-no-data>
       </ng-container>
       <ng-container *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let i = index">
         <div class="grid-1">
@@ -129,6 +143,9 @@
       <div class="grid-1 subheading2">Proposed Residence</div>
       <div class="grid-2 subheading2">Total Floor Area</div>
       <div class="grid-3 subheading2">Description</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <app-no-data></app-no-data>
+      </ng-container>
       <ng-container *ngFor="let proposedResidence of _applicationSubmission.naruProposedResidences; let i = index">
         <div class="grid-1">
           {{ i + 1 }}