Error in form-error.

src/Squidex/app/framework/angular/forms/form-error.component.ts

@@ -7,15 +7,17 @@
 
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 
+import { ErrorDto } from '@app/framework/internal';
+
 @Component({
     selector: 'sqx-form-error',
     template: `
         <ng-container *ngIf="error">
-            <div class="form-alert form-alert-error" [innerHTML]="error"></div>
+            <div class="form-alert form-alert-error" [innerHTML]="error?.displayMessage"></div>
         </ng-container>`,
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class FormErrorComponent {
     @Input()
-    public error: string | null | undefined;
+    public error?: ErrorDto | null;
 }

src/Squidex/app/framework/state.ts

@@ -9,18 +9,16 @@ import { AbstractControl } from '@angular/forms';
 import { BehaviorSubject, combineLatest, Observable } from 'rxjs';
 import { distinctUntilChanged, map, shareReplay } from 'rxjs/operators';
 
-import { ErrorDto, getDisplayMessage } from './utils/error';
+import { getRawValue } from './angular/forms/forms-helper';
 
+import { ErrorDto } from './utils/error';
 import { ResourceLinks } from './utils/hateos';
-
 import { Types } from './utils/types';
 
-import { getRawValue } from './angular/forms/forms-helper';
-
 export interface FormState {
     submitted: boolean;
 
-    error?: string | null;
+    error?: ErrorDto | null;
 }
 
 export class Form<T extends AbstractControl, V> {
@@ -104,7 +102,11 @@ export class Form<T extends AbstractControl, V> {
     }
 
     public submitFailed(error?: string | ErrorDto) {
-        this.state.next({ submitted: false, error: getDisplayMessage(error) });
+        if (Types.isString(error)) {
+            error = new ErrorDto(500, error);
+        }
+
+        this.state.next({ submitted: false, error });
 
         this.enable();
     }

src/Squidex/app/framework/utils/error.ts

@@ -5,8 +5,6 @@
  * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
  */
 
-import { Types } from './types';
-
 export class ErrorDto {
     public readonly displayMessage: string;
 
@@ -24,16 +22,6 @@ export class ErrorDto {
     }
 }
 
-export function getDisplayMessage(error?: string | ErrorDto) {
-    if (!error) {
-        return null;
-    } else if (Types.is(error, ErrorDto)) {
-        return error.displayMessage;
-    } else {
-        return error;
-    }
-}
-
 function formatMessage(message: string, details?: ReadonlyArray<string>) {
     const appendLast = (row: string, char: string) => {
         const last = row[row.length - 1];