fix: EDITOR-277 + started COM-237

Author: felixroos

packages/data/src/lib/entry-form/admin-entry-input.component.html

@@ -1,15 +1,15 @@
 <div [ngSwitch]="field.type" *ngIf="group" [formGroup]="group">
   <ec-input-errors [control]="group.get(field.property)"></ec-input-errors>
   <div *ngSwitchCase="'account'">
-    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="field.api"
+    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="sdk.root | async"
       relation="dmAccount" [formControl]="group.get(field.property)" [id]="field.id" [solo]="true"></ec-resource-select>
   </div>
   <div *ngSwitchCase="'accounts'">
-    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="field.api"
+    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="sdk.root | async"
       relation="dmAccount" [formControl]="group.get(field.property)" [id]="field.id"></ec-resource-select>
   </div>
   <div *ngSwitchCase="'role'">
-    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="field.api"
+    <ec-resource-select [config]="field.nestedCrudConfig" [placeholder]="field.placeholder" [api]="sdk.root | async"
       relation="role" [formControl]="group.get(field.property)" [id]="field.id" [solo]="true"></ec-resource-select>
   </div>
   <div *ngSwitchCase="'resource'">

packages/ui/src/lib/form/form.component.ts

@@ -220,4 +220,24 @@ export class FormComponent<T> implements OnChanges, WithLoader, WithNotification
     }
     return this.group.value;
   }
+
+  /** Returns an Error containing all field validator errors as subErrors.  */
+  getErrors(formComponent: FormComponent<T>, touchedOnly = true): Error {
+    const errs = Object.keys(formComponent.group.controls).reduce((errors, property) => {
+      const control = formComponent.group.get(property);
+      if ((touchedOnly && !control.touched) || !control.errors) {
+        return errors;
+      }
+      return errors.concat({ property, errors: control.errors });
+    }, []);
+    if (!errs.length) {
+      return;
+    }
+    const error: any = new Error('Validierungsfehler');
+    error.subErrors = errs.map(({ property, errors }) => {
+      const label = formComponent.form.getField(property).label || property;
+      return new Error(label + ': ' + Object.values(errors).join(', '));
+    });
+    return error;
+  }
 }