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 dc67e1e..f7c6b5f 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,8 @@ {{state.stateLabel}} - + + warningMissing State-Label Information @@ -39,10 +40,8 @@ - + + diff --git a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.scss b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.scss index 3219c1e..0830e19 100644 --- a/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.scss +++ b/src/app/editor/gamesystem-editor/state-editor/simple-state-editor/simple-state-editor.component.scss @@ -53,3 +53,11 @@ tr.example-element-row:not(.example-expanded-row):active { .long-form { width: 100%; } + +.mat-error { + color: red; +} + +.warning-icon { + margin-right: 5px; +} 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 3a13320..1172f60 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 @@ -2,6 +2,7 @@ import {Component, Input, OnInit} from '@angular/core'; import {SimpleState} from "../../../../game-model/gamesystems/SimpleState"; import {MatTableDataSource} from "@angular/material/table"; import {animate, state, style, transition, trigger} from "@angular/animations"; +import {MatSnackBar} from "@angular/material/snack-bar"; @Component({ selector: 'app-simple-state-editor', @@ -24,6 +25,11 @@ export class SimpleStateEditorComponent implements OnInit{ expandedElement: SimpleState | null = null; editedElement: SimpleState | null = null; + editedStateLabelError: boolean = false; + + constructor(private snackbar: MatSnackBar) { + } + ngOnInit() { this.dataSource.data = this.states; } @@ -35,4 +41,20 @@ export class SimpleStateEditorComponent implements OnInit{ this.editedElement = state; } } + + finishEditing() { + if(this.isEditedStateValid()) { + this.editedElement = null; + } + } + + isEditedStateValid(): boolean { + if(this.editedElement!.stateLabel.length > 0) { + this.editedStateLabelError = false; + return true; + } else { + this.editedStateLabelError = true; + } + return false; + } }