From f3b96d43865b2819fb8ec25a972e3d16b58d9ce2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Mon, 28 Jan 2019 20:56:49 +0100
Subject: [PATCH] Use missing textarea field for config inputtype 'text'.

---
 .../config-field/config-field.component.html           | 10 +++++++++-
 .../components/config-field/config-field.component.ts  |  8 ++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/client/src/app/site/config/components/config-field/config-field.component.html b/client/src/app/site/config/components/config-field/config-field.component.html
index 8e5e2c63e..f0bb07ce2 100644
--- a/client/src/app/site/config/components/config-field/config-field.component.html
+++ b/client/src/app/site/config/components/config-field/config-field.component.html
@@ -51,11 +51,19 @@
 
             <div class="config-form-group" *ngIf="isExcludedType(configItem.inputType)">
                 <div *ngIf="configItem.inputType === 'boolean'">
-                    <mat-checkbox formControlName="value"> {{ configItem.label | translate }} </mat-checkbox>
+                    <mat-checkbox formControlName="value">{{ configItem.label | translate }}</mat-checkbox>
                     <div class="hint" *ngIf="configItem.helpText && !error">{{ configItem.helpText | translate }}</div>
                     <div class="error" *ngIf="error">{{ error }}</div>
                 </div>
 
+                <!-- textarea -->
+                <div *ngIf="configItem.inputType === 'text'">
+                    <mat-form-field>
+                        <textarea rows="10" matInput placeholder="{{ configItem.label | translate }}" [value]="translatedValue"></textarea>
+                        <div class="hint" *ngIf="configItem.helpText && !error">{{ configItem.helpText | translate }}</div>
+                    </mat-form-field>
+                </div>
+
                 <!-- The editor -->
                 <div *ngIf="configItem.inputType === 'markupText'">
                     <h4>{{ configItem.label | translate }}</h4>
diff --git a/client/src/app/site/config/components/config-field/config-field.component.ts b/client/src/app/site/config/components/config-field/config-field.component.ts
index 72a95c180..f76af3824 100644
--- a/client/src/app/site/config/components/config-field/config-field.component.ts
+++ b/client/src/app/site/config/components/config-field/config-field.component.ts
@@ -102,7 +102,11 @@ export class ConfigFieldComponent extends BaseComponent implements OnInit {
         });
 
         this.translatedValue = this.configItem.value;
-        if (this.configItem.inputType === 'string' || this.configItem.inputType === 'markupText') {
+        if (
+            this.configItem.inputType === 'string' ||
+            this.configItem.inputType === 'markupText' ||
+            this.configItem.inputType === 'text'
+        ) {
             if (typeof this.configItem.value === 'string' && this.configItem.value !== '') {
                 this.translatedValue = this.translate.instant(this.configItem.value);
             }
@@ -207,7 +211,7 @@ export class ConfigFieldComponent extends BaseComponent implements OnInit {
      * @returns wheather it should be excluded or not
      */
     public isExcludedType(type: string): boolean {
-        const excluded = ['boolean', 'markupText'];
+        const excluded = ['boolean', 'markupText', 'text'];
         return excluded.includes(type);
     }
 }