From 7baf464727971c4d01e14776e20133cf9d99549a Mon Sep 17 00:00:00 2001
From: sumitdaga <sumit.daga66@gmail.com>
Date: Tue, 15 Jan 2019 16:38:58 +0530
Subject: [PATCH 1/2] fixes issue 255, using textarea for form value input

---
 .../add-value-form.component.html             | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/app/components/add-value-form/add-value-form.component.html b/src/app/components/add-value-form/add-value-form.component.html
index 977eed5..5c9c617 100644
--- a/src/app/components/add-value-form/add-value-form.component.html
+++ b/src/app/components/add-value-form/add-value-form.component.html
@@ -9,19 +9,6 @@
 
 <div *ngIf="type !== 'String'" class="add-form-list">
   <div class="line" *ngFor="let v of getItemArray(); let i = index">
-    <mat-form-field *ngIf="type === 'List' || type === 'Set' || type === 'Ordered Set'">
-      <input matInput placeholder="Value"
-             (change)="onValueChange()"
-             [(ngModel)]="getItemArray()[i].value">
-    </mat-form-field>
-
-    <mat-form-field *ngIf="type === 'Ordered Set'">
-      <input matInput type="number" placeholder="Score"
-             (change)="onValueChange()"
-             [(ngModel)]="getItemArray()[i].score"
-             type="number">
-    </mat-form-field>
-
     <mat-form-field *ngIf="type === 'Hash Map'" style="flex-grow:0">
       <input matInput placeholder="Key"
              [readonly]="isEditMode && !v.isNew"
@@ -29,7 +16,7 @@
              [(ngModel)]="getItemArray()[i].key">
     </mat-form-field>
 
-    <mat-form-field *ngIf="type === 'Hash Map'">
+    <mat-form-field *ngIf="type === 'List' || type === 'Set' || type === 'Ordered Set' || type === 'Hash Map'">
       <textarea matInput placeholder="Value"
              (change)="onValueChange()"
              [(ngModel)]="getItemArray()[i].value"
@@ -38,6 +25,13 @@
              cdkAutosizeMaxRows="7"></textarea>
     </mat-form-field>
 
+    <mat-form-field *ngIf="type === 'Ordered Set'">
+      <input matInput type="number" placeholder="Score"
+             (change)="onValueChange()"
+             [(ngModel)]="getItemArray()[i].score"
+             type="number">
+    </mat-form-field>
+
     <button mat-icon-button (click)="onRemoveItem(getItemArray(),i)" *ngIf="!isEditMode && getItemArray().length > 1">
       <i class="material-icons delete-icon">delete</i>
     </button>

From 50dff1151d7edc1fc8b05dcb3900d829a4715c4e Mon Sep 17 00:00:00 2001
From: sumitdaga <sumit.daga66@gmail.com>
Date: Tue, 15 Jan 2019 20:05:33 +0530
Subject: [PATCH 2/2] updated key to use textarea

---
 .../add-value-form/add-value-form.component.html           | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/add-value-form/add-value-form.component.html b/src/app/components/add-value-form/add-value-form.component.html
index 5c9c617..4b4ca10 100644
--- a/src/app/components/add-value-form/add-value-form.component.html
+++ b/src/app/components/add-value-form/add-value-form.component.html
@@ -10,10 +10,13 @@
 <div *ngIf="type !== 'String'" class="add-form-list">
   <div class="line" *ngFor="let v of getItemArray(); let i = index">
     <mat-form-field *ngIf="type === 'Hash Map'" style="flex-grow:0">
-      <input matInput placeholder="Key"
+      <textarea matInput placeholder="Key"
              [readonly]="isEditMode && !v.isNew"
              (change)="onValueChange()"
-             [(ngModel)]="getItemArray()[i].key">
+             [(ngModel)]="getItemArray()[i].key"
+             cdkTextareaAutosize
+             cdkAutosizeMinRows="1"
+             cdkAutosizeMaxRows="7"></textarea>
     </mat-form-field>
 
     <mat-form-field *ngIf="type === 'List' || type === 'Set' || type === 'Ordered Set' || type === 'Hash Map'">