[player] Add pattern validation for text field

projects/player/src/app/components/validation-message/validation-message.component.html

@@ -15,4 +15,8 @@
              [ngClass]="{'dynamic-validation-message' : elementModel.dynamicPositioning}" >
     {{maxLengthWarnMessage}}
   </mat-error>
+  <mat-error *ngIf="formElementControl.errors?.pattern"
+             [ngClass]="{'dynamic-validation-message' : elementModel.dynamicPositioning}" >
+    {{patternMessage}}
+  </mat-error>
 </ng-container>

projects/player/src/app/components/validation-message/validation-message.component.ts

@@ -23,6 +23,7 @@ export class ValidationMessageComponent implements OnInit {
   requiredTrueMessage!: string;
   minLengthWarnMessage!: string;
   maxLengthWarnMessage!: string;
+  patternMessage!: string;
 
   constructor(private formService: FormService, private translateService: TranslateService) {}
 
@@ -51,6 +52,9 @@ export class ValidationMessageComponent implements OnInit {
     if (this.elementModel.maxLength) {
       validators.push(Validators.maxLength(<number> this.elementModel.maxLength));
     }
+    if (this.elementModel.pattern) {
+      validators.push(Validators.pattern(<string> this.elementModel.pattern));
+    }
     return validators;
   }
 
@@ -66,5 +70,8 @@ export class ValidationMessageComponent implements OnInit {
 
     this.maxLengthWarnMessage = (this.elementModel as TextFieldElement).maxWarnMessage ||
       this.translateService.instant('validators.inputTooLong');
+
+    this.patternMessage = (this.elementModel as TextFieldElement).patternWarnMessage ||
+      this.translateService.instant('validators.wrongPattern');
   }
 }

projects/player/src/assets/i18n/de.json

@@ -7,7 +7,8 @@
     "inputRequired": "Eingabe erforderlich",
     "inputRequiredTrue": "Ankreuzen erforderlich",
     "inputTooShort": "Eingabe zu kurz",
-    "inputTooLong": "Eingabe zu lang"
+    "inputTooLong": "Eingabe zu lang",
+    "wrongPattern": "Eingabe enthält falsche Zeichen"
   },
   "dialogTitle": {
     "wrongUnitDefinitionType": "Falscher Unit-Definition-Type",