From 0f82b6edac076c0d1b404ab9e2ad7523a492e0be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= <uqpko@student.kit.edu>
Date: Sat, 10 Feb 2024 12:03:44 +0100
Subject: [PATCH] Mark Gamesystem as unsaved after state change

---
 .../simple-state-editor/simple-state-editor.component.html  | 6 +++---
 .../simple-state-editor/simple-state-editor.component.ts    | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.html b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.html
index e2e6dc8..f723e19 100644
--- a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.html
+++ b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.html
@@ -4,7 +4,7 @@
     <td mat-cell *matCellDef="let state">
       <span *ngIf="editedElement !== state"> {{state.stateLabel}}</span>
       <mat-form-field appearance="fill" class="long-form" *ngIf="editedElement === state">
-        <input matInput [(ngModel)]="state.stateLabel" (ngModelChange)="isEditedStateValid()">
+        <input matInput [(ngModel)]="state.stateLabel" (ngModelChange)="onStateChange()">
         <mat-hint class="mat-error" *ngIf="editedStateLabelError"><mat-icon class="warning-icon">warning</mat-icon>Missing State-Label Information</mat-hint>
       </mat-form-field>
     </td>
@@ -17,7 +17,7 @@
         <p *ngIf="editedElement !== element">{{element.stateDescription}}</p>
         <mat-form-field appearance="fill" class="long-form" *ngIf="element === editedElement">
           <mat-label>Description</mat-label>
-          <textarea matInput [(ngModel)]="element.stateDescription" rows="3"></textarea>
+          <textarea matInput [(ngModel)]="element.stateDescription" rows="3" (ngModelChange)="onStateChange()"></textarea>
         </mat-form-field>
       </div>
     </td>
@@ -32,7 +32,7 @@
         <mat-icon *ngIf="state.initial">done</mat-icon>
         <mat-icon *ngIf="!state.initial">close</mat-icon>
       </div>
-      <mat-checkbox *ngIf="editedElement === state" [(ngModel)]="state.initial"></mat-checkbox>
+      <mat-checkbox *ngIf="editedElement === state" [(ngModel)]="state.initial" (ngModelChange)="onStateChange()"></mat-checkbox>
 
     </td>
   </ng-container>
diff --git a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.ts b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.ts
index cbd80ee..76c5bef 100644
--- a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.ts
+++ b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.ts
@@ -76,7 +76,11 @@ export class SimpleStateEditorComponent implements OnInit{
         this.dataSource.data = this.gamesystem.states;
         this.editedElement = simpleState;
         this.expandedElement = simpleState;
+        this.onStateChange();
       }
     }
   }
+  onStateChange() {
+    this.gamesystem!.onModifyContent();
+  }
 }