Delete existing Items

src/app/app.component.ts

@@ -29,6 +29,10 @@ import {TemplateTypeUtilities} from "./project/game-model/templates/TemplateType
 import {SimpleTemplateGamesystem} from "./project/game-model/templates/simpleGamesystem/SimpleTemplateGamesystem";
 import {ItemSerializer} from "./project/serializer/ItemSerializer";
 import {ItemParser} from "./project/parser/ItemParser";
+import {
+  InventoryItemOverviewComponent
+} from "./side-overviews/inventory-item-overview/inventory-item-overview.component";
+import {Item} from "./project/game-model/inventory/Item";
 
 @Component({
   selector: 'app-root',
@@ -43,6 +47,7 @@ export class AppComponent implements OnInit{
   @ViewChild('scriptAccountOverview') scriptAccountOverview: ScriptAccountOverviewComponent | undefined
   @ViewChild('gamesystemOverview') gamesystemOverview: GamescriptOverviewComponent | undefined
   @ViewChild('characterOverview') characterOverview: CharacterOverviewComponent | undefined
+  @ViewChild('itemOverview') itemOverview: InventoryItemOverviewComponent | undefined
 
   gameModel: GameModel | undefined
 
@@ -128,6 +133,8 @@ export class AppComponent implements OnInit{
           this.gamesystemOverview!.refresh()
         } else if(affectedModelComponent instanceof Character) {
           this.gameModel!.removeCharacter(affectedModelComponent)
+        } else if(affectedModelComponent instanceof Item) {
+          this.gameModel!.removeItem(affectedModelComponent);
         }
       }
     })
@@ -208,6 +215,13 @@ export class AppComponent implements OnInit{
       } else {
         console.log("[WARN] [App.component] ScriptAccountOverview is undefined")
       }
+    } else if(this.openContent == ModelComponentType.ITEM) {
+      if(this.itemOverview != undefined) {
+        console.log("Test")
+        return this.itemOverview.selectedItem;
+      } else {
+        console.log("[WARN] [App.component] ItemOverview is undefined")
+      }
     }
     return undefined;
   }

src/app/project/game-model/GameModel.ts

@@ -166,7 +166,7 @@ export class GameModel {
   }
 
   removeItem(item: Item) {
-    this.inventoryItems = this.inventoryItems.filter(i => i.componentName === item.componentName)
+    this.inventoryItems = this.inventoryItems.filter(i => i.componentName !== item.componentName)
   }
 
   findGamesystem(gamesystemName: string) {

src/app/side-overviews/inventory-item-overview/inventory-item-overview.component.ts

@@ -25,10 +25,6 @@ export class InventoryItemOverviewComponent {
 
 
   selectItem(item: Item) {
-    if(this.selectedItem != undefined && this.selectedItem!.componentName === item.componentName) {
-      this.selectedItem = undefined
-    } else {
     this.selectedItem = item
   }
 }
-}