feat(core): allow hiding of fields through config (#2668)

while still including the angular form field for default values etc.

see #2635

src/app/core/common-components/entity-field-edit/entity-field-edit.component.html

@@ -1,6 +1,7 @@
 <div
   *ngIf="_field && form && _field.editComponent; else displayComponent"
   class="flex-row"
+  [ngClass]="{ hidden: _field?.hideFromForm }"
 >
   <div class="flex-grow">
     <ng-container

src/app/core/common-components/entity-field-edit/entity-field-edit.component.scss

@@ -0,0 +1,3 @@
+.hidden {
+  display: none;
+}

src/app/core/common-components/entity-field-edit/entity-field-edit.component.ts

@@ -7,7 +7,7 @@ import {
   EntityFormService,
 } from "../entity-form/entity-form.service";
 import { ColumnConfig, FormFieldConfig } from "../entity-form/FormConfig";
-import { NgIf } from "@angular/common";
+import { NgClass, NgIf } from "@angular/common";
 import { EntityFieldViewComponent } from "../entity-field-view/entity-field-view.component";
 import { InheritedValueButtonComponent } from "../../default-values/inherited-value-button/inherited-value-button.component";
 
@@ -30,6 +30,7 @@ import { InheritedValueButtonComponent } from "../../default-values/inherited-va
     NgIf,
     EntityFieldViewComponent,
     InheritedValueButtonComponent,
+    NgClass,
   ],
 })
 export class EntityFieldEditComponent<T extends Entity = Entity>

src/app/core/common-components/entity-form/FormConfig.ts

@@ -36,6 +36,10 @@ export interface FormFieldConfig extends EntitySchemaField {
 
   /**
    * If true, the field will only be shown in tables and excluded from forms and popups.
+   * You can also use this to include a hidden form in a Public Form.
+   *
+   * The form field is still generated but hidden in the UI,
+   * so default values can be applied to such hidden fields.
    */
   hideFromForm?: boolean;
 

src/app/core/form-dialog/form-dialog.service.ts

@@ -63,7 +63,7 @@ export class FormDialogService {
     const columns: FormFieldConfig[] = this.inferFormFieldColumns(
       columnsOverall,
       entity,
-    ).filter((col) => !col.hideFromForm);
+    );
 
     const columnsToDisplay = columns
       .filter((col) => col.editComponent)