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

@@ -1,3 +1,3 @@
 <app-simple-gamesystem-editor *ngIf="isSimpleGamesystem()"  [templateElement]="templateElement" [simpleGamesystem]="convertGamesystemToSimpleGamesystem()" [scriptAccunts]="scriptAccounts"></app-simple-gamesystem-editor>
-<app-product-gamesystem-editor *ngIf="!isSimpleGamesystem()" [gamesystem]="convertGamesystemToProductGamesystem()"
+<app-product-gamesystem-editor *ngIf="!isSimpleGamesystem()"  [templateElement]="templateElement" [gamesystem]="convertGamesystemToProductGamesystem()"
                                (onOpenGamesystemEditor)="onOpenGamesystemEditor($event)"></app-product-gamesystem-editor>

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

@@ -1,4 +1,4 @@
-<app-product-state-editor [gamesystem]="gamesystem" (onOpenGamesystemEditor)="onOpenGamesystemEditor($event)"></app-product-state-editor>
+<app-product-state-editor [templateElement]="templateElement" [gamesystem]="gamesystem" (onOpenGamesystemEditor)="onOpenGamesystemEditor($event)"></app-product-state-editor>
 <div id="productStateEditor">
-  <app-product-transition-editor [gamesystem]="gamesystem" (onOpenGamesystem)="onOpenGamesystemEditor($event)"></app-product-transition-editor>
+  <app-product-transition-editor [templateElement]="templateElement" [gamesystem]="gamesystem" (onOpenGamesystem)="onOpenGamesystemEditor($event)"></app-product-transition-editor>
 </div>

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

@@ -4,6 +4,7 @@ import {
 } from "../transition-editor/product-transition-editor/product-transition-editor.component";
 import {ProductGamesystem} from "../../../project/game-model/gamesystems/ProductGamesystem";
 import {SimpleGamesystem} from "../../../project/game-model/gamesystems/SimpleGamesystem";
+import {TemplateElement} from "../../../project/game-model/templates/TemplateElement";
 
 
 
@@ -15,6 +16,7 @@ import {SimpleGamesystem} from "../../../project/game-model/gamesystems/SimpleGa
 export class ProductGamesystemEditorComponent {
 
   @Input() gamesystem: ProductGamesystem | undefined
+  @Input() templateElement: TemplateElement | undefined
   @Output("onOpenGamesystemEditor") openGamesystemEditorEmitter = new EventEmitter<SimpleGamesystem>();
 
   onOpenGamesystemEditor(gamesystem: SimpleGamesystem) {

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

@@ -8,6 +8,8 @@ import {ProductGamesystem} from "../../../../project/game-model/gamesystems/Prod
 import {SimpleGamesystem} from "../../../../project/game-model/gamesystems/SimpleGamesystem";
 import {ProductState} from "../../../../project/game-model/gamesystems/states/ProductState";
 import {State} from "../../../../project/game-model/gamesystems/states/State";
+import {TemplateElement} from "../../../../project/game-model/templates/TemplateElement";
+import {ProductTemplateSystem} from "../../../../project/game-model/templates/productGamesystem/ProductTemplateSystem";
 
 @Component({
   selector: 'app-product-state-editor',
@@ -24,6 +26,7 @@ import {State} from "../../../../project/game-model/gamesystems/states/State";
 export class ProductStateEditorComponent implements OnInit{
 
   @Input() gamesystem: ProductGamesystem | undefined
+  @Input() templateElement: TemplateElement | undefined
   @Output('onOpenGamesystemEditor') openGamesystemEditorEmitter = new EventEmitter<SimpleGamesystem>();
   displayedColumns: string[] = [];
   expandedColumns: string[] = []
@@ -36,7 +39,13 @@ export class ProductStateEditorComponent implements OnInit{
     this.generateColumnNamesRecursively(this.gamesystem!, "");
     this.displayedColumns.push('Initial');
     this.expandedColumns = [...this.displayedColumns, 'expand'];
+
+    if(this.templateElement == undefined) {
       this.datasource.data = this.gamesystem!.states;
+    } else if(this.gamesystem instanceof ProductTemplateSystem) {
+      this.datasource.data = this.gamesystem!.stateMap.get(this.templateElement)!
+    }
+
     this.datasource.filterPredicate = (data: ProductState, filter: string) => {
       const leaf_states = LeafGamesystemCalculator.calcLeafStates(data);
       return leaf_states.some((state) => state.stateLabel.toLowerCase().includes(filter))

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

@@ -8,6 +8,8 @@ import {ProductGamesystem} from "../../../../project/game-model/gamesystems/Prod
 import {SimpleGamesystem} from "../../../../project/game-model/gamesystems/SimpleGamesystem";
 import {ProductTransition} from "../../../../project/game-model/gamesystems/transitions/ProductTransition";
 import {ProductState} from "../../../../project/game-model/gamesystems/states/ProductState";
+import {TemplateElement} from "../../../../project/game-model/templates/TemplateElement";
+import {ProductTemplateSystem} from "../../../../project/game-model/templates/productGamesystem/ProductTemplateSystem";
 class DisplayedColumnName {
   displayedName: string
   internalName: string
@@ -34,6 +36,7 @@ export class ProductTransitionEditorComponent implements OnInit{
 
   @Input() gamesystem: ProductGamesystem | undefined
   @Output() onOpenGamesystem = new EventEmitter<SimpleGamesystem>();
+  @Input() templateElement: TemplateElement | undefined
 
   dataSource = new MatTableDataSource<ProductTransition>();
   displayedColumns: DisplayedColumnName[] = [];
@@ -52,7 +55,12 @@ export class ProductTransitionEditorComponent implements OnInit{
       this.columns = this.displayedColumns.map(column => column.internalName)
       this.columnsToDisplayWithExpand = [...this.columns, 'expand']
 
+      if(this.templateElement == undefined) {
         this.dataSource.data = this.gamesystem.transitions;
+      } else if(this.gamesystem instanceof ProductTemplateSystem){
+        this.dataSource.data = this.gamesystem!.transitionMap.get(this.templateElement)!
+      }
+
       this.dataSource.filterPredicate = (data: ProductTransition, filter: string) => {
         const leaf_starting_states = LeafGamesystemCalculator.calcLeafStates(data.startingState);
         const leaf_ending_states = LeafGamesystemCalculator.calcLeafStates(data.endingState);

testModel/characters/Astrid Hofferson.json

@@ -3,9 +3,48 @@
     "componentDescription": "",
     "characterSpecificTemplateSystems": [
         {
-            "componentName": "Letters",
+            "componentName": "TemplateGamesystem",
-            "states": [],
+            "states": [
-            "transitions": []
+                {
+                    "stateLabel": "A",
+                    "conditionMap": [
+                        {
+                            "scriptAccount": "Luftfeuchtigkeit",
+                            "minValue": 0,
+                            "maxValue": "10"
+                        }
+                    ]
+                },
+                {
+                    "stateLabel": "B",
+                    "conditionMap": [
+                        {
+                            "scriptAccount": "New ScriptAccount",
+                            "minValue": 0,
+                            "maxValue": 100
+                        }
+                    ]
+                }
+            ],
+            "transitions": [
+                {
+                    "startingState": "A",
+                    "endingState": "B",
+                    "conditionMap": [
+                        {
+                            "scriptAccount": "Temperature",
+                            "minValue": 0,
+                            "maxValue": 10
+                        }
+                    ],
+                    "actionMap": [
+                        {
+                            "changingValue": 10,
+                            "scriptAccount": "Luftfeuchtigkeit"
+                        }
+                    ]
+                }
+            ]
         }
     ]
 }

testModel/characters/Hicks Haddock.json

@@ -37,8 +37,24 @@
         },
         {
             "componentName": "Letters",
-            "states": [],
+            "states": [
-            "transitions": []
+                {
+                    "stateLabel": "A",
+                    "conditionMap": []
+                },
+                {
+                    "stateLabel": "B",
+                    "conditionMap": []
+                }
+            ],
+            "transitions": [
+                {
+                    "startingState": "A",
+                    "endingState": "B",
+                    "conditionMap": [],
+                    "actionMap": []
+                }
+            ]
         }
     ]
 }

testModel/gamesystems/Producttest/Letters.json

@@ -1,7 +1,27 @@
 {
     "componentName": "Letters",
     "componentDescription": "",
-    "states": [],
+    "states": [
-    "transitions": [],
+        {
+            "initial": false,
+            "conditions": [],
+            "stateLabel": "A",
+            "stateDescription": ""
+        },
+        {
+            "initial": false,
+            "conditions": [],
+            "stateLabel": "B",
+            "stateDescription": ""
+        }
+    ],
+    "transitions": [
+        {
+            "scriptAccountActions": [],
+            "scriptAccountConditions": [],
+            "startingState": "A",
+            "endingState": "B"
+        }
+    ],
     "templateType": 0
 }

testModel/gamesystems/Producttest/Numbers.json

@@ -1,6 +1,26 @@
 {
     "componentName": "Numbers",
     "componentDescription": "",
-    "states": [],
+    "states": [
-    "transitions": []
+        {
+            "initial": false,
+            "conditions": [],
+            "stateLabel": "1",
+            "stateDescription": ""
+        },
+        {
+            "initial": false,
+            "conditions": [],
+            "stateLabel": "2",
+            "stateDescription": ""
+        }
+    ],
+    "transitions": [
+        {
+            "scriptAccountActions": [],
+            "scriptAccountConditions": [],
+            "startingState": "1",
+            "endingState": "2"
+        }
+    ]
 }