From 2fbedf9ca13d79f19e8fc3e3222ede4e7bc5708d Mon Sep 17 00:00:00 2001
From: Drew Ansbacher <drew.ansbacher@spiredigital.com>
Date: Fri, 3 Sep 2021 18:24:45 +0300
Subject: [PATCH] with

---
 .../form-object/form-object.component.html    | 22 +++++++++----------
 .../apps-routes/app-show/app-show.page.html   | 18 +++++++--------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/ui/src/app/components/form-object/form-object.component.html b/ui/src/app/components/form-object/form-object.component.html
index 5e77118b5..4c55d7d3e 100644
--- a/ui/src/app/components/form-object/form-object.component.html
+++ b/ui/src/app/components/form-object/form-object.component.html
@@ -65,9 +65,9 @@
           <form-object
             [objectSpec]="
               spec.type === 'union' ? 
-                spec.variants[entry.value.controls[spec.tag.id].value] :
+                spec.variants[$any(entry.value).controls[spec.tag.id].value] :
                 spec.spec"
-            [formGroup]="entry.value"
+            [formGroup]="$any(entry.value)"
             [current]="current ? current[entry.key] : undefined"
             [unionSpec]="spec.type === 'union' ? spec : undefined"
           ></form-object>
@@ -91,7 +91,7 @@
           <!-- body -->
           <div class="nested-wrapper">
             <div
-              *ngFor="let abstractControl of formArr.controls; let i = index;"
+              *ngFor="let abstractControl of $any(formArr).controls; let i = index;"
               class="ion-padding-top"
             >
               <!-- nested -->
@@ -99,7 +99,7 @@
                 <!-- nested label -->
                 <ion-item button (click)="toggleExpand(entry.key, i)">
                   <form-label [data]="{
-                    spec: { name: objectListInfo[entry.key][i].displayAs || 'Entry ' + (i + 1) },
+                    spec: $any({ name: objectListInfo[entry.key][i].displayAs || 'Entry ' + (i + 1) }),
                     isNew: false,
                     isEdited: abstractControl.dirty
                   }"></form-label>
@@ -128,11 +128,11 @@
                   <form-object
                     [objectSpec]="
                       spec.subtype === 'union' ? 
-                        spec.spec.variants[abstractControl.controls[spec.spec.tag.id].value] :
-                        spec.spec.spec"
+                        $any(spec.spec).variants[abstractControl.controls[$any(spec.spec).tag.id].value] :
+                        $any(spec.spec).spec"
                     [formGroup]="abstractControl"
                     [current]="current && current[entry.key] ? current[entry.key][i] : undefined"
-                    [unionSpec]="spec.subtype === 'union' ? spec.spec : undefined"
+                    [unionSpec]="spec.subtype === 'union' ? $any(spec.spec) : undefined"
                     (onInputChange)="updateLabel(entry.key, i, spec.spec['display-as'])"
                   ></form-object>
                   <div style="text-align: right; padding-top: 12px;">
@@ -154,7 +154,7 @@
                 <form-error
                   *ngIf="abstractControl.errors"
                   [control]="abstractControl"
-                  [spec]="spec.spec"
+                  [spec]="$any(spec.spec)"
                 >
                 </form-error>
               </ion-item-group>
@@ -174,9 +174,9 @@
             }"></form-label>
           </p>
           <!-- list -->
-          <ion-item button detail="false" color="dark" (click)="presentModalEnumList(entry.key, spec, formArr.value)">
+          <ion-item button detail="false" color="dark" (click)="presentModalEnumList(entry.key, $any(spec), formArr.value)">
             <ion-label>
-              <h2>{{ getEnumListDisplay(formArr.value, spec.spec) }}</h2>
+              <h2>{{ getEnumListDisplay(formArr.value, $any(spec.spec)) }}</h2>
             </ion-label>
             <ion-button slot="end" fill="clear" color="light">
               <ion-icon slot="icon-only" name="chevron-down"></ion-icon>
@@ -186,7 +186,7 @@
       </ng-container>
       <form-error
         *ngIf="formGroup.get(entry.key).errors"
-        [control]="formGroup.get(entry.key)"
+        [control]="$any(formGroup.get(entry.key))"
         [spec]="spec"
         >
       </form-error>
diff --git a/ui/src/app/pages/apps-routes/app-show/app-show.page.html b/ui/src/app/pages/apps-routes/app-show/app-show.page.html
index da4e5710b..a5dac0d74 100644
--- a/ui/src/app/pages/apps-routes/app-show/app-show.page.html
+++ b/ui/src/app/pages/apps-routes/app-show/app-show.page.html
@@ -51,10 +51,10 @@
         <!-- ** !restoring/backing-up ** -->
         <ng-container *ngIf="!([PackageMainStatus.BackingUp, PackageMainStatus.Restoring] | includes : mainStatus.status); else maintenance">
           <!-- ** health checks ** -->
-          <ng-container *ngIf="!(mainStatus.health | empty)">
+          <ng-container *ngIf="!($any(mainStatus).health | empty)">
             <ion-item-divider>Health Checks</ion-item-divider>
             <ng-container *ngIf="connectionFailure">
-              <ion-item *ngFor="let health of mainStatus.health | keyvalue">
+              <ion-item *ngFor="let health of $any(mainStatus).health | keyvalue">
                 <ion-avatar slot="start">
                   <ion-skeleton-text style="width: 20px; height: 20px; border-radius: 0;"></ion-skeleton-text>
                 </ion-avatar>
@@ -65,15 +65,15 @@
               </ion-item>
             </ng-container>
             <ng-container *ngIf="!connectionFailure">
-              <ion-item *ngFor="let health of mainStatus.health | keyvalue : asIsOrder">
-                <ion-spinner class="icon-spinner" color="warning" slot="start" *ngIf="['starting', 'loading'] | includes : health.value.result"></ion-spinner>
-                <ion-icon slot="start" *ngIf="health.value.result === 'success'" name="checkmark-outline" color="success"></ion-icon>
-                <ion-icon slot="start" *ngIf="health.value.result === 'failure'" name="close" color="danger"></ion-icon>
-                <ion-icon slot="start" *ngIf="health.value.result === 'disabled'" name="remove-outline" color="dark"></ion-icon>
+              <ion-item *ngFor="let health of $any(mainStatus).health | keyvalue : asIsOrder">
+                <ion-spinner class="icon-spinner" color="warning" slot="start" *ngIf="['starting', 'loading'] | includes : $any(health.value).result"></ion-spinner>
+                <ion-icon slot="start" *ngIf="$any(health.value).result === 'success'" name="checkmark-outline" color="success"></ion-icon>
+                <ion-icon slot="start" *ngIf="$any(health.value).result === 'failure'" name="close" color="danger"></ion-icon>
+                <ion-icon slot="start" *ngIf="$any(health.value).result === 'disabled'" name="remove-outline" color="dark"></ion-icon>
                 <ion-label>
                   <p>{{ health.key }}</p>
-                  <h2>{{ health.value.result }}</h2>
-                  <p *ngIf="health.value.result === 'failure'"><ion-text color="danger">{{ health.value.error }}</ion-text></p>
+                  <h2>{{ $any(health.value).result }}</h2>
+                  <p *ngIf="$any(health.value).result === 'failure'"><ion-text color="danger">{{ $any(health.value).error }}</ion-text></p>
                 </ion-label>
               </ion-item>
             </ng-container>