From 373eb0a712e4e3e2c84e7222e711cfd8d493efb8 Mon Sep 17 00:00:00 2001
From: Jose Alberto Hernandez <alberto@MacBook-Pro.local>
Date: Wed, 23 Nov 2022 13:42:45 -0600
Subject: [PATCH] Use of text area input in client datatable

---
 .../client-datatable-step.component.html                      | 3 +++
 .../client-datatable-step/client-datatable-step.component.ts  | 4 ++++
 .../confirmation-dialog/confirmation-dialog.component.ts      | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.html b/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.html
index 6fd114f57..980711b99 100644
--- a/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.html
+++ b/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>
diff --git a/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.ts b/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.ts
index 85d5f0ca2..e7d20c27f 100644
--- a/src/app/clients/client-stepper/client-datatable-step/client-datatable-step.component.ts
+++ b/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);
   }
diff --git a/src/app/shared/confirmation-dialog/confirmation-dialog.component.ts b/src/app/shared/confirmation-dialog/confirmation-dialog.component.ts
index 18f8a723f..88cca2ab3 100644
--- a/src/app/shared/confirmation-dialog/confirmation-dialog.component.ts
+++ b/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';