Use of text area input in client datatable

src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.html

@@ -19,6 +19,9 @@
         <input matInput *ngIf="isString(datatableInput.columnDisplayType)"
         formControlName="{{datatableInput.controlName}}">
 
+        <textarea matInput *ngIf="isText(datatableInput.columnDisplayType)"
+        formControlName="{{datatableInput.controlName}}"></textarea>
+
         <span *ngIf="isDate(datatableInput.columnDisplayType)" (click)="datePicker.open()">
           <input matInput [matDatepicker]="datePicker" formControlName="{{datatableInput.controlName}}" class="date-picker">
           <mat-datepicker-toggle matSuffix [for]="datePicker"></mat-datepicker-toggle>

src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.ts

@@ -67,6 +67,10 @@ export class ClientDatatableStepComponent implements OnInit {
     return this.isColumnType(columnType, 'STRING');
   }
 
+  isText(columnType: string) {
+    return this.isColumnType(columnType, 'TEXT');
+  }
+
   isColumnType(columnType: string, expectedType: string) {
     return (columnType === expectedType);
   }

src/app/shared/confirmation-dialog/confirmation-dialog.component.ts

@@ -30,7 +30,7 @@ export class ConfirmationDialogComponent implements OnInit {
         this.color = 'primary';
         break;
       case 'Mild':
-        this.color = 'accent';
+        this.color = 'primary';
         break;
       case 'Strong':
         this.color = 'warn';