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>

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'

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>

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'