cleanup file names

2026-09-04 12:58:58 +00:00 · 2026-04-04 08:33:25 -05:00
parent 98f1549237
commit 2b2f798f00
36 changed files with 65 additions and 65 deletions
@@ -0,0 +1,138 @@
+import { JsonPipe } from '@angular/common';
+import { Component, inject, Input, OnChanges, OnDestroy, OnInit, output, SimpleChange, SimpleChanges } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
+import { cloneDeep, has, isEqual } from 'lodash-es';
+import { Subscription } from 'rxjs';
+import { ParamInfo, ParamsFormInfo } from '../../models/form';
+import { SchemaService } from '../../services/schema';
+import { cleanParams, schemaToParamsFormInfo } from '../../utils/params';
+import { ArrayFormComponent } from '../array-form/array-form';
+@Component({
+  selector: 'app-params-form',
+  templateUrl: './params-form.html',
+  styleUrls: ['./params-form.css'],
+  imports: [
+    MatIconModule,
+    MatTooltipModule,
+    JsonPipe,
+    MatFormFieldModule,
+    MatInputModule,
+    ReactiveFormsModule,
+    ArrayFormComponent,
+    MatTabsModule,
+  ],
+  standalone: true,
+})
+export class ParamsFormComponent implements OnChanges, OnDestroy {
+  @Input() paramsSchema?: SomeJSONSchema;
+  @Input() data?: any;
+  updated = output<any>();
+
+  paramsFormInfo?: ParamsFormInfo;
+
+  formGroupSubscription?: Subscription;
+
+  ngOnDestroy(): void {
+    if (this.formGroupSubscription) {
+      this.formGroupSubscription.unsubscribe()
+    }
+  }
+
+  ngOnChanges(changes: SimpleChanges<{
+    paramsSchema: SomeJSONSchema
+    data: any
+  }>): void {
+    if (changes.paramsSchema) {
+      if (changes.paramsSchema.previousValue === undefined && changes.paramsSchema.currentValue !== undefined) {
+        if (this.paramsSchema) {
+          if (this.paramsSchema.properties) {
+            this.paramsFormInfo = schemaToParamsFormInfo(this.paramsSchema);
+            if (this.formGroupSubscription === undefined) {
+              this.formGroupSubscription = this.paramsFormInfo?.formGroup.valueChanges.subscribe((value) => {
+                this.formUpdated();
+              });
+            }
+          } else {
+            console.error('params is not a singular object');
+            console.error(this.paramsSchema);
+          }
+        }
+      }
+    }
+
+    if (changes.data) {
+      if (!isEqual(changes.data.currentValue, changes.data.previousValue)) {
+        if (this.paramsFormInfo?.formGroup !== undefined) {
+          // NOTE(jwetzell): prepare data for form patching
+          const dataToPatch = cloneDeep(this.data);
+          Object.entries(this.paramsFormInfo.paramsInfo).forEach(([paramKey, paramInfo]) => {
+            if (has(dataToPatch, paramKey)) {
+              switch (paramInfo.type) {
+                case 'object':
+                  dataToPatch[paramKey] = JSON.stringify(dataToPatch[paramKey]);
+                  break;
+                case 'array':
+                  dataToPatch[paramKey] = dataToPatch[paramKey]
+                    .map((item: any) => {
+                      switch (typeof item) {
+                        case 'object':
+                          return JSON.stringify(item);
+                        default:
+                          return item;
+                      }
+                    })
+                    .join(',');
+                  break;
+                default:
+                  break;
+              }
+            }
+          });
+
+          this.paramsFormInfo.formGroup.patchValue(dataToPatch);
+        }
+      }
+    }
+  }
+
+  formUpdated() {
+    if (this.paramsSchema) {
+      const params = cleanParams(
+        this.paramsSchema,
+        this.paramsFormInfo?.formGroup.value,
+      );
+      this.updated.emit(params);
+    } else {
+      console.error('params-form: no paramsSchema loaded');
+    }
+  }
+
+  paramKeys() {
+    if (this.paramsFormInfo) {
+      return Object.keys(this.paramsFormInfo?.formGroup.controls);
+    }
+    return [];
+  }
+
+  getParamInfo(key: string): ParamInfo | undefined {
+    return this.paramsFormInfo?.paramsInfo[key];
+  }
+
+  getParamValue(key: string) {
+    if (this.paramsSchema) {
+      const params = cleanParams(
+        this.paramsSchema,
+        this.paramsFormInfo?.formGroup.value,
+      );
+      return params[key];
+    }
+  }
+
+
+}