switch all fe to camelCase

web/projects/ui/src/app/modals/app-config/app-config.page.html

@@ -9,7 +9,7 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content class="ion-padding" *ngIf="pkg['state-info'].manifest as manifest">
+<ion-content class="ion-padding" *ngIf="pkg.stateInfo.manifest as manifest">
   <!-- loading -->
   <text-spinner
     *ngIf="loading; else notLoading"
@@ -82,7 +82,7 @@
       </ion-item>
 
       <!-- no options -->
-      <ion-item *ngIf="!hasOptions">
+      <ion-item *ngIf="!hasConfig">
         <ion-label>
           <p>
             No config options for {{ manifest.title }} {{ manifest.version }}.
@@ -111,11 +111,7 @@
 <ion-footer>
   <ion-toolbar>
     <ng-container *ngIf="!loading && !loadingError">
-      <ion-buttons
-        *ngIf="configForm && hasOptions"
-        slot="start"
-        class="ion-padding-start"
-      >
+      <ion-buttons *ngIf="hasConfig" slot="start" class="ion-padding-start">
         <ion-button fill="clear" (click)="resetDefaults()">
           <ion-icon slot="start" name="refresh"></ion-icon>
           Reset Defaults
@@ -123,7 +119,7 @@
       </ion-buttons>
       <ion-buttons slot="end" class="ion-padding-end">
         <ion-button
-          *ngIf="configForm"
+          *ngIf="hasConfig"
           fill="solid"
           color="primary"
           [disabled]="saving"
@@ -134,7 +130,7 @@
           Save
         </ion-button>
         <ion-button
-          *ngIf="!configForm"
+          *ngIf="!hasConfig"
           fill="solid"
           color="dark"
           (click)="dismiss()"

web/projects/ui/src/app/modals/app-config/app-config.page.ts

@@ -59,8 +59,6 @@ export class AppConfigPage {
   saving = false
   loadingError: string | IonicSafeString = ''
 
-  hasOptions = false
-
   constructor(
     private readonly embassyApi: ApiService,
     private readonly errToast: ErrorToastService,
@@ -71,6 +69,10 @@ export class AppConfigPage {
     private readonly patch: PatchDB<DataModel>,
   ) {}
 
+  get hasConfig() {
+    return this.pkg.stateInfo.manifest.hasConfig
+  }
+
   async ngOnInit() {
     try {
       const pkg = await getPackage(this.patch, this.pkgId)
@@ -78,7 +80,7 @@ export class AppConfigPage {
 
       this.pkg = pkg
 
-      if (!this.pkg['state-info'].manifest['has-config']) return
+      if (!this.hasConfig) return
 
       let newConfig: object | undefined
       let patch: Operation[] | undefined
@@ -86,12 +88,12 @@ export class AppConfigPage {
       if (this.dependentInfo) {
         this.loadingText = `Setting properties to accommodate ${this.dependentInfo.title}`
         const {
-          'old-config': oc,
-          'new-config': nc,
+          oldConfig: oc,
+          newConfig: nc,
           spec: s,
         } = await this.embassyApi.dryConfigureDependency({
-          'dependency-id': this.pkgId,
-          'dependent-id': this.dependentInfo.id,
+          dependencyId: this.pkgId,
+          dependentId: this.dependentInfo.id,
         })
         this.original = oc
         newConfig = nc
@@ -111,10 +113,6 @@ export class AppConfigPage {
         newConfig || this.original,
       )
 
-      this.hasOptions = !!Object.values(this.configSpec).find(
-        valSpec => valSpec.type !== 'pointer',
-      )
-
       if (patch) {
         this.diff = this.getDiff(patch)
         this.markDirty(patch)