Merge pull request #2084 from IDEMSInternational/fix/accordion-variables

fix: for all components that render child rows, filter out non-display rows

src/app/shared/components/template/components/accordion/accordion.component.html

@@ -5,7 +5,7 @@
 >
   <ion-accordion
     [value]="childRow.name"
-    *ngFor="let childRow of _row.rows; index as i"
+    *ngFor="let childRow of _row.rows | filterDisplayComponent; index as i"
     toggle-icon="arrow-down-circle"
     [style.z-index]="_row.rows.length - i"
   >

src/app/shared/components/template/components/animated-slides/animated-slides.component.html

@@ -5,7 +5,7 @@
   </ion-button>
   <div class="section-container">
     <section
-      *ngFor="let childRow of _row.rows; let idx = index"
+      *ngFor="let childRow of _row.rows | filterDisplayComponent; let idx = index"
       [@fadeInOut]="slideParams[idx].animation === 'fade' ? fadeSection[idx] : null"
       [@noFade]="slideParams[idx].animation === 'none' ? fadeSection[idx] : null"
     >

src/app/shared/components/template/components/layout/accordion-section/accordion-section.component.html

@@ -43,7 +43,7 @@ <h2 (click)="toggleOpen()">{{ title }}</h2>
     >
       <plh-template-component
         style="z-index: 2"
-        *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+        *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
         [row]="childRow"
         [parent]="parent"
       >

src/app/shared/components/template/components/layout/advanced-dashed-box/advanced-dashed-box.component.html

@@ -4,7 +4,7 @@
       <img [src]="icon_src | plhAsset" alt="" />
     </div>
     <plh-template-component
-      *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+      *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
       [row]="childRow"
       [parent]="parent"
       style="width: 100%"

src/app/shared/components/template/components/layout/animated_section.ts

@@ -6,7 +6,7 @@ import { TemplateLayoutComponent } from "./layout";
   selector: "plh-tmpl-animated-section",
   template: `
     <plh-template-component
-      *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+      *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
       [row]="childRow"
       [parent]="parent"
       [@fadeSection]="_row?.hidden ? 'out' : 'in'"

src/app/shared/components/template/components/layout/animated_section_group.ts

@@ -5,7 +5,7 @@ import { TemplateBaseComponent } from "../base";
   selector: "plh-tmpl-animated-section-group",
   template: `<div class="animated-section-group">
     <plh-template-component
-      *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+      *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
       [row]="childRow"
       [parent]="parent"
     ></plh-template-component>

src/app/shared/components/template/components/layout/display-grid/display-grid.component.html

@@ -1,6 +1,6 @@
 <div class="display-grid" [ngStyle]="gridStyle">
   <plh-template-component
-    *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+    *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
     [row]="childRow"
     [parent]="parent"
     [attr.data-rowname]="_row.name"

src/app/shared/components/template/components/layout/form.ts

@@ -12,7 +12,7 @@ import { Device } from "@capacitor/device";
   selector: "plh-tmpl-form",
   template: ` <div>
     <plh-template-component
-      *ngFor="let childRow of _row.rows; trackBy: trackByRow"
+      *ngFor="let childRow of _row.rows | filterDisplayComponent; trackBy: trackByRow"
       [row]="childRow"
       [parent]="parent"
     >