feat(form): dynamic forms now support textareas

packages/common/src/lib/form/form-field/form-field-textarea.component.html

@@ -0,0 +1,9 @@
+<mat-form-field>
+  <textarea
+    matInput
+    [required]="required"
+    [placeholder]="placeholder"
+    [formControl]="formControl">
+  </textarea>
+  <mat-error *ngIf="formControl.errors">{{getErrorMessage() | translate}}</mat-error>
+</mat-form-field>

packages/common/src/lib/form/form-field/form-field-textarea.component.ts

@@ -0,0 +1,51 @@
+import {
+  Input,
+  Component,
+  ChangeDetectionStrategy,
+} from '@angular/core';
+import { FormControl } from '@angular/forms';
+
+import { formControlIsRequired, getControlErrorMessage } from '../shared/form.utils';
+import { FormFieldComponent } from '../shared/form-field-component';
+
+/**
+ * This component renders a textarea field
+ */
+@FormFieldComponent('textarea')
+@Component({
+  selector: 'igo-form-field-textarea',
+  templateUrl: './form-field-textarea.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class FormFieldTextareaComponent {
+
+  /**
+   * The field's form control
+   */
+  @Input() formControl: FormControl;
+
+  /**
+   * Field placeholder
+   */
+  @Input() placeholder: string;
+
+  /**
+   * Field placeholder
+   */
+  @Input() errors: {[key: string]: string};
+
+  /**
+   * Whether the field is required
+   */
+  get required(): boolean {
+    return formControlIsRequired(this.formControl);
+  }
+
+  /**
+   * Get error message
+   */
+  getErrorMessage(): string {
+    return getControlErrorMessage(this.formControl, this.errors);
+  }
+
+}

packages/common/src/lib/form/form-field/form-field.module.ts

@@ -14,6 +14,7 @@ import { IgoDynamicOutletModule } from '../../dynamic-component/dynamic-outlet/d
 import { FormFieldComponent } from './form-field.component';
 import { FormFieldSelectComponent } from './form-field-select.component';
 import { FormFieldTextComponent } from './form-field-text.component';
+import { FormFieldTextareaComponent } from './form-field-textarea.component';
 
 /**
  * @ignore
@@ -33,12 +34,14 @@ import { FormFieldTextComponent } from './form-field-text.component';
   exports: [
     FormFieldComponent,
     FormFieldSelectComponent,
-    FormFieldTextComponent
+    FormFieldTextComponent,
+    FormFieldTextareaComponent
   ],
   declarations: [
     FormFieldComponent,
     FormFieldSelectComponent,
-    FormFieldTextComponent
+    FormFieldTextComponent,
+    FormFieldTextareaComponent
   ]
 })
 export class IgoFormFieldModule {}

packages/common/src/lib/form/form.module.ts

@@ -6,6 +6,7 @@ import { IgoFormGroupModule } from './form-group/form-group.module';
 import { IgoFormFieldModule } from './form-field/form-field.module';
 import { FormFieldSelectComponent } from './form-field/form-field-select.component';
 import { FormFieldTextComponent } from './form-field/form-field-text.component';
+import { FormFieldTextareaComponent } from './form-field/form-field-textarea.component';
 import { FormService } from './shared/form.service';
 import { FormFieldService } from './shared/form-field.service';
 
@@ -30,7 +31,8 @@ import { FormFieldService } from './shared/form-field.service';
   ],
   entryComponents: [
     FormFieldSelectComponent,
-    FormFieldTextComponent
+    FormFieldTextComponent,
+    FormFieldTextareaComponent
   ]
 })
 export class IgoFormModule {}