Mark Gamesystem as Template in Editor

src/app/app.module.ts

@@ -29,7 +29,7 @@ import {ModelComponentEditorComponent} from "./editor/model-component-editor/mod
 import {DeleteConfirmationDialogComponent} from "./delete-confirmation-dialog/delete-confirmation-dialog.component";
 import {MatDialogActions, MatDialogContent, MatDialogTitle} from "@angular/material/dialog";
 import {GamescriptOverviewComponent} from "./side-overviews/gamescript-overview/gamescript-overview.component";
-import {MatTree, MatTreeModule} from "@angular/material/tree";
+import { MatTreeModule} from "@angular/material/tree";
 import {GamesystemEditorComponent} from "./editor/gamesystem-editor/gamesystem-editor.component";
 import {
   SimpleGamesystemEditorComponent
@@ -61,7 +61,7 @@ import {
   ProductStateEditorComponent
 } from "./editor/gamesystem-editor/state-editor/product-state-editor/product-state-editor.component";
 import {MatTooltip} from "@angular/material/tooltip";
-import {MatCard, MatCardContent} from "@angular/material/card";
+import {MatCard, MatCardContent, MatCardHeader} from "@angular/material/card";
 import {
     ScriptaccountActionEditorComponent
 } from "./editor/gamesystem-editor/transition-editor/scriptaccount-action-editor/scriptaccount-action-editor.component";
@@ -70,6 +70,7 @@ import {
 } from "./editor/gamesystem-editor/scriptaccount-condition-editor/scriptaccount-condition-editor.component";
 import {CharacterOverviewComponent} from "./side-overviews/character-overview/character-overview.component";
 import {CharacterEditorComponent} from "./editor/character-editor/character-editor.component";
+import {MatAccordion, MatExpansionPanel, MatExpansionPanelTitle} from "@angular/material/expansion";
 
 // AoT requires an exported function for factories
 const httpLoaderFactory = (http: HttpClient): TranslateHttpLoader =>  new TranslateHttpLoader(http, './assets/i18n/', '.json');
@@ -150,7 +151,11 @@ const httpLoaderFactory = (http: HttpClient): TranslateHttpLoader =>  new Transl
     MatHint,
     MatTooltip,
     MatCard,
-    MatCardContent
+    MatCardContent,
+    MatCardHeader,
+    MatAccordion,
+    MatExpansionPanel,
+    MatExpansionPanelTitle
   ],
   providers: [],
   bootstrap: [AppComponent]

src/app/editor/character-editor/character-editor.component.html

@@ -1 +1,15 @@
-<p>character-editor works!</p>
+<mat-card>
+  <mat-card-header>
+    <mat-card-title>Charactersystems</mat-card-title>
+  </mat-card-header>
+  <mat-card-content>
+    <mat-accordion>
+      <mat-expansion-panel *ngFor="let characterSystem of character!.characterSpecificGamesystems">
+        <mat-expansion-panel-header>
+          <mat-panel-title>{{characterSystem.componentName}}</mat-panel-title>
+        </mat-expansion-panel-header>
+        <app-gamesystem-editor [gamesystem]="characterSystem" [scriptAccounts]="scriptAccounts"></app-gamesystem-editor>
+      </mat-expansion-panel>
+    </mat-accordion>
+  </mat-card-content>
+</mat-card>

src/app/editor/character-editor/character-editor.component.ts

@@ -1,4 +1,6 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { Character } from '../../project/game-model/characters/Character';
+import {ScriptAccount} from "../../project/game-model/scriptAccounts/ScriptAccount";
 
 @Component({
   selector: 'app-character-editor',
@@ -7,4 +9,6 @@ import { Component } from '@angular/core';
 })
 export class CharacterEditorComponent {
 
+  @Input() character: Character | undefined
+  @Input() scriptAccounts: ScriptAccount[] = []
 }

src/app/editor/editor.component.html

@@ -14,7 +14,9 @@
                                 [gamesystem]="convertModelComponentToGamesystem(modelComponent)"
                                 (onOpenGamesystemEditor)="openGameModelComponent($event)"
                                 [scriptAccounts]="gameModel!.scriptAccounts"></app-gamesystem-editor>
-    <app-character-editor *ngIf="modelComponent.type === ModelComponentType.CHARACTER">
+    <app-character-editor *ngIf="modelComponent.type === ModelComponentType.CHARACTER"
+                                [character]="convertModelComponentToCharacter(modelComponent)"
+                                [scriptAccounts]="gameModel!.scriptAccounts">
 
     </app-character-editor>
   </mat-tab>

src/app/editor/editor.component.ts

@@ -6,6 +6,7 @@ import {Gamesystem} from "../project/game-model/gamesystems/Gamesystem";
 import {State} from "../project/game-model/gamesystems/states/State";
 import {Transition} from "../project/game-model/gamesystems/transitions/Transition";
 import {ModelComponentType} from "../project/game-model/ModelComponentType";
+import {Character} from "../project/game-model/characters/Character";
 
 
 @Component({
@@ -50,4 +51,10 @@ export class EditorComponent {
   }
 
   protected readonly ModelComponentType = ModelComponentType;
+
+  convertModelComponentToCharacter(modelComponent: ModelComponent) {
+    if(modelComponent instanceof Character) {
+      return modelComponent as Character
+    }
+  }
 }

src/app/editor/gamesystem-editor/gamesystem-editor.component.html

@@ -1,3 +1,10 @@
+<mat-form-field appearance="fill">
+  <mat-select [(ngModel)]="gamesystem!.template">
+    <mat-label>Templatetype</mat-label>
+    <mat-option [value]="TemplateType.NONE">None</mat-option>
+    <mat-option [value]="TemplateType.CHARACTER">Character</mat-option>
+  </mat-select>
+</mat-form-field>
 <app-simple-gamesystem-editor *ngIf="isSimpleGamesystem()" [simpleGamesystem]="convertGamesystemToSimpleGamesystem()" [scriptAccunts]="scriptAccounts"></app-simple-gamesystem-editor>
 <app-product-gamesystem-editor *ngIf="!isSimpleGamesystem()" [gamesystem]="convertGamesystemToProductGamesystem()"
                                (onOpenGamesystemEditor)="onOpenGamesystemEditor($event)"></app-product-gamesystem-editor>

src/app/editor/gamesystem-editor/gamesystem-editor.component.ts

@@ -5,6 +5,7 @@ import { Transition } from '../../project/game-model/gamesystems/transitions/Tra
 import {ScriptAccount} from "../../project/game-model/scriptAccounts/ScriptAccount";
 import {SimpleGamesystem} from "../../project/game-model/gamesystems/SimpleGamesystem";
 import {ProductGamesystem} from "../../project/game-model/gamesystems/ProductGamesystem";
+import {TemplateType} from "../../project/game-model/gamesystems/TemplateType";
 
 @Component({
   selector: 'app-gamesystem-editor',
@@ -40,4 +41,6 @@ export class GamesystemEditorComponent implements OnInit{
   onOpenGamesystemEditor(gamesystem: SimpleGamesystem) {
     this.openGamesystemEmitter.emit(gamesystem);
   }
+
+  protected readonly TemplateType = TemplateType;
 }

src/app/project/game-model/gamesystems/Gamesystem.ts

@@ -2,12 +2,15 @@ import {SimpleGamesystem} from "./SimpleGamesystem";
 import {ProductGamesystem} from "./ProductGamesystem";
 import {ModelComponent} from "../ModelComponent";
 import {ModelComponentType} from "../ModelComponentType";
+import {TemplateType} from "./TemplateType";
 
 export abstract class Gamesystem<S, T> extends ModelComponent{
 
   states: S[] = [];
   transitions: T[] = [];
   parentGamesystem: ProductGamesystem | undefined
+  template: TemplateType = TemplateType.NONE
+
   constructor(gamesystemName: string, gamesystemDescription: string) {
    super(gamesystemName, gamesystemDescription, ModelComponentType.GAMESYTEM);
   }

src/app/project/game-model/gamesystems/TemplateType.ts

@@ -0,0 +1,4 @@
+export enum TemplateType {
+  NONE,
+  CHARACTER
+}

testModel/characters/Astrid Hofferson.json

@@ -1,4 +1,5 @@
 {
     "componentName": "Astrid Hofferson",
-    "componentDescription": ""
+    "componentDescription": "",
+    "characterSpecificGamesystems": []
 }

testModel/characters/Hicks Haddock.json

@@ -1,4 +1,5 @@
 {
     "componentName": "Hicks Haddock",
-    "componentDescription": ""
+    "componentDescription": "",
+    "characterSpecificGamesystems": []
 }

testModel/gamesystems/Testsystem.json

@@ -33,5 +33,6 @@
             "startingState": "A",
             "endingState": "B"
         }
-    ]
+    ],
+    "template": 0
 }

testModel/gamesystems/Weathersystem/Season.json

@@ -76,5 +76,6 @@
             "startingState": "Winter",
             "endingState": "Frühling"
         }
-    ]
+    ],
+    "template": 0
 }

testModel/gamesystems/Weathersystem/Weather.json

@@ -76,5 +76,6 @@
             "startingState": "Schnee",
             "endingState": "Wolke"
         }
-    ]
+    ],
+    "template": 0
 }