Fix missing "No Data" for NARU existing residences tables with 0 length

Author: Abradat

alcs-frontend/src/app/features/application/applicant-info/application-details/naru-details/naru-details.component.html

@@ -107,6 +107,11 @@
       <div class="grid-1 subheading2">Existing 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">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let i = index">
         <div class="grid-1">
           {{ i + 1 }}

portal-frontend/src/app/features/applications/application-details/naru-details/naru-details.component.html

@@ -143,6 +143,11 @@
       <div class="subheading2">Existing Residence</div>
       <div class="subheading2">Total Floor Area</div>
       <div class="subheading2">Description</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let i = index">
         <div>
           {{ i + 1 }}
@@ -155,6 +160,11 @@
     </div>
     <ng-container *ngIf="isMobile">
       <div class="subheading2 grid-1">Total Floor Area of Existing Residence(s) - If Applicable</div>
+      <ng-container *ngIf="_applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <app-naru-residence-mobile-card
         *ngFor="let existingResidence of _applicationSubmission.naruExistingResidences; let last = last"
         [residence]="existingResidence"
@@ -186,6 +196,11 @@
   </div>
   <ng-container *ngIf="isMobile">
     <div class="subheading2 grid-1">Total Floor Area of Proposed Residence(s)</div>
+    <ng-container *ngIf="_applicationSubmission.naruProposedResidences?.length === 0">
+      <div>
+        <app-no-data [showRequired]="showErrors"></app-no-data>
+      </div>
+    </ng-container>
     <app-naru-residence-mobile-card
       *ngFor="let proposedResidence of _applicationSubmission.naruProposedResidences; let last = last"
       [residence]="proposedResidence"

portal-frontend/src/app/features/public/application/submission/naru-details/naru-details.component.html

@@ -131,6 +131,11 @@
       <div class="subheading2">Existing Residence</div>
       <div class="subheading2">Total Floor Area</div>
       <div class="subheading2">Description</div>
+      <ng-container *ngIf="applicationSubmission.naruExistingResidences?.length === 0">
+        <div>
+          <app-no-data></app-no-data>
+        </div>
+      </ng-container>
       <ng-container *ngFor="let existingResidence of applicationSubmission.naruExistingResidences; let i = index">
         <div>
           {{ i + 1 }}