From 086cde3873ba411e487a13bd05c9deb3e84076be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= <uqpko@student.kit.edu>
Date: Fri, 16 Feb 2024 17:52:32 +0100
Subject: [PATCH] Show state description in product state and product
 transition visualiser

---
 .../product-state-editor/product-state-editor.component.html  | 2 +-
 .../product-state-editor/product-state-editor.component.ts    | 4 +++-
 .../product-transition-editor.component.html                  | 2 +-
 .../product-transition-editor.component.ts                    | 4 +++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.html b/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.html
index 5fbd207..2d7eda7 100644
--- a/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.html
+++ b/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.html
@@ -2,7 +2,7 @@
   <ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col">
     <th mat-header-cell *matHeaderCellDef>{{col}}</th>
     <td mat-cell *matCellDef="let state">
-      <a *ngIf="i < displayedColumns.length-1" role="button" (click)="clickOnInnerState(i)">{{getLeafState(state, i).stateLabel}}</a>
+      <a *ngIf="i < displayedColumns.length-1" role="button" (click)="clickOnInnerState(i)" [matTooltip]="getLeafState(state, i).stateDescription">{{getLeafState(state, i).stateLabel}}</a>
       <mat-icon *ngIf="i == displayedColumns.length-1">
         {{state.initial? 'done':'close'}}
       </mat-icon>
diff --git a/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.ts b/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.ts
index cfaa5ab..8e4b02b 100644
--- a/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.ts
+++ b/src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.ts
@@ -18,6 +18,7 @@ import {ProductState} from "../../../../game-model/gamesystems/ProductState";
 import {MatIcon} from "@angular/material/icon";
 import {Gamesystem} from "../../../../game-model/gamesystems/Gamesystem";
 import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGamesystemCalculator";
+import {MatTooltip} from "@angular/material/tooltip";
 
 @Component({
   selector: 'app-product-state-editor',
@@ -35,7 +36,8 @@ import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGame
     MatCellDef,
     NgForOf,
     NgIf,
-    MatIcon
+    MatIcon,
+    MatTooltip
   ],
   templateUrl: './product-state-editor.component.html',
   styleUrl: './product-state-editor.component.scss'
diff --git a/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.html b/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.html
index bf6e550..5ae66c4 100644
--- a/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.html
+++ b/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.html
@@ -1,7 +1,7 @@
 <table mat-table [dataSource]="dataSource">
   <ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col.internalName">
     <th mat-header-cell *matHeaderCellDef>{{col.displayedName}}</th>
-    <td mat-cell *matCellDef="let transition">
+    <td mat-cell *matCellDef="let transition" [matTooltip]="getLeafStateByIndex(transition, i).stateDescription">
       {{getLeafStateByIndex(transition, i).stateLabel}}
     </td>
   </ng-container>
diff --git a/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.ts b/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.ts
index 93e6bf2..97ce5a1 100644
--- a/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.ts
+++ b/src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.ts
@@ -13,6 +13,7 @@ import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGame
 import {NgForOf, NgIf} from "@angular/common";
 import {ProductTransition} from "../../../../game-model/gamesystems/ProductTransition";
 import {ProductState} from "../../../../game-model/gamesystems/ProductState";
+import {MatTooltip} from "@angular/material/tooltip";
 
 class DisplayedColumnName {
   displayedName: string
@@ -39,7 +40,8 @@ class DisplayedColumnName {
     MatHeaderRow,
     MatRow,
     MatHeaderRowDef,
-    MatRowDef
+    MatRowDef,
+    MatTooltip
   ],
   templateUrl: './product-transition-editor.component.html',
   styleUrl: './product-transition-editor.component.scss'