From 2b836503481534773c06edf3ff8d6cfaf8934b7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= <uqpko@student.kit.edu>
Date: Wed, 8 May 2024 08:07:32 +0200
Subject: [PATCH] Edit CharacteristicValues

---
 ...nherited-item-characteristic-editor.component.html | 11 +++++++++--
 .../inherited-item-characteristic-editor.component.ts |  9 +++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.html b/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.html
index 16da5d6..a0e01af 100644
--- a/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.html
+++ b/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.html
@@ -6,13 +6,20 @@
 
   <ng-container matColumnDef="value">
     <th mat-header-cell *matHeaderCellDef>Value</th>
-    <td mat-cell *matCellDef="let characteristicValue">{{characteristicValue.value}}</td>
+    <td mat-cell *matCellDef="let characteristicValue">
+      <span *ngIf="characteristicValue !== editedItemgroupCharacteristicValue">{{characteristicValue.value}}</span>
+      <mat-form-field appearance="outline" style="width: 100%;" *ngIf="characteristicValue === editedItemgroupCharacteristicValue">
+        <mat-label>Value</mat-label>
+        <input matInput [(ngModel)]="characteristicValue.value">
+      </mat-form-field>
+    </td>
   </ng-container>
 
   <ng-container matColumnDef="edit">
     <th mat-header-cell *matHeaderCellDef></th>
     <td mat-cell *matCellDef="let characteristicValue">
-      <button mat-icon-button><mat-icon>edit</mat-icon></button>
+      <button mat-icon-button *ngIf="editedItemgroupCharacteristicValue == undefined" (click)="editCharacteristicValue(characteristicValue)"><mat-icon>edit</mat-icon></button>
+      <button mat-icon-button *ngIf="editedItemgroupCharacteristicValue != undefined" (click)="finishEditing()" [disabled]="characteristicValue !== editedItemgroupCharacteristicValue"><mat-icon>done</mat-icon></button>
     </td>
   </ng-container>
 
diff --git a/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.ts b/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.ts
index 3369926..624eebd 100644
--- a/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.ts
+++ b/src/app/editor/items/item-editor/inherited-item-characteristic-editor/inherited-item-characteristic-editor.component.ts
@@ -16,6 +16,7 @@ export class InheritedItemCharacteristicEditorComponent implements OnInit{
 
   datasource: MatTableDataSource<ItemgroupCharacteristicValue> = new MatTableDataSource<ItemgroupCharacteristicValue>();
   displayedColumns: string[] = ['characteristic', 'value', 'edit']
+  editedItemgroupCharacteristicValue: ItemgroupCharacteristicValue | undefined
 
   ngOnInit() {
     this.item!.initializeItemCharacteristics();
@@ -30,4 +31,12 @@ export class InheritedItemCharacteristicEditorComponent implements OnInit{
     }
     return []
   }
+
+  editCharacteristicValue(itemCharacteristicValue: ItemgroupCharacteristicValue): void {
+    this.editedItemgroupCharacteristicValue = itemCharacteristicValue;
+  }
+
+  finishEditing() {
+    this.editedItemgroupCharacteristicValue = undefined;
+  }
 }