sebastian/ConceptCreator
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

Show state description in product state and product transition visualiser
All checks were successful
E2E Testing / test (push) Successful in 1m40s
Details

Browse Source
This commit is contained in:
Sebastian Böckelmann 2024-02-16 17:52:32 +01:00
parent fff4b6214f
commit 086cde3873
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.html
View File

@ -2,7 +2,7 @@
<ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col"> <ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col">
<th mat-header-cell *matHeaderCellDef>{{col}}</th> <th mat-header-cell *matHeaderCellDef>{{col}}</th>
<td mat-cell *matCellDef="let state"> <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"> <mat-icon *ngIf="i == displayedColumns.length-1">
{{state.initial? 'done':'close'}} {{state.initial? 'done':'close'}}
</mat-icon> </mat-icon>

4
src/app/editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component.ts
View File

@ -18,6 +18,7 @@ import {ProductState} from "../../../../game-model/gamesystems/ProductState";
import {MatIcon} from "@angular/material/icon"; import {MatIcon} from "@angular/material/icon";
import {Gamesystem} from "../../../../game-model/gamesystems/Gamesystem"; import {Gamesystem} from "../../../../game-model/gamesystems/Gamesystem";
import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGamesystemCalculator"; import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGamesystemCalculator";
import {MatTooltip} from "@angular/material/tooltip";
@Component({ @Component({
selector: 'app-product-state-editor', selector: 'app-product-state-editor',
@ -35,7 +36,8 @@ import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGame
MatCellDef, MatCellDef,
NgForOf, NgForOf,
NgIf, NgIf,
MatIcon MatIcon,
MatTooltip
], ],
templateUrl: './product-state-editor.component.html', templateUrl: './product-state-editor.component.html',
styleUrl: './product-state-editor.component.scss' styleUrl: './product-state-editor.component.scss'

2
src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.html
View File

@ -1,7 +1,7 @@
<table mat-table [dataSource]="dataSource"> <table mat-table [dataSource]="dataSource">
<ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col.internalName"> <ng-container *ngFor="let col of displayedColumns; let i = index" [matColumnDef]="col.internalName">
<th mat-header-cell *matHeaderCellDef>{{col.displayedName}}</th> <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}} {{getLeafStateByIndex(transition, i).stateLabel}}
</td> </td>
</ng-container> </ng-container>

4
src/app/editor/gamesystem-editor/transition-editor/product-transition-editor/product-transition-editor.component.ts
View File

@ -13,6 +13,7 @@ import {LeafGamesystemCalculator} from "../../product-gamesystem-editor/LeafGame
import {NgForOf, NgIf} from "@angular/common"; import {NgForOf, NgIf} from "@angular/common";
import {ProductTransition} from "../../../../game-model/gamesystems/ProductTransition"; import {ProductTransition} from "../../../../game-model/gamesystems/ProductTransition";
import {ProductState} from "../../../../game-model/gamesystems/ProductState"; import {ProductState} from "../../../../game-model/gamesystems/ProductState";
import {MatTooltip} from "@angular/material/tooltip";
class DisplayedColumnName { class DisplayedColumnName {
displayedName: string displayedName: string
@ -39,7 +40,8 @@ class DisplayedColumnName {
MatHeaderRow, MatHeaderRow,
MatRow, MatRow,
MatHeaderRowDef, MatHeaderRowDef,
MatRowDef MatRowDef,
MatTooltip
], ],
templateUrl: './product-transition-editor.component.html', templateUrl: './product-transition-editor.component.html',
styleUrl: './product-transition-editor.component.scss' styleUrl: './product-transition-editor.component.scss'