WIP: svelte menu

front/src/Phaser/Menu/MenuScene.ts

@@ -8,7 +8,7 @@ import { connectionManager } from "../../Connexion/ConnectionManager";
 import { GameConnexionTypes } from "../../Url/UrlManager";
 import { WarningContainer, warningContainerHtml, warningContainerKey } from "../Components/WarningContainer";
 import { worldFullWarningStream } from "../../Connexion/WorldFullWarningStream";
-import { menuIconVisible } from "../../Stores/MenuStore";
+import { menuIconVisible, menuVisible } from "../../Stores/MenuStore";
 import { videoConstraintStore } from "../../Stores/MediaStore";
 import { showReportScreenStore } from "../../Stores/ShowReportScreenStore";
 import { HtmlUtils } from "../../WebRtc/HtmlUtils";
@@ -18,7 +18,6 @@ import { registerMenuCommandStream } from "../../Api/Events/ui/MenuItemRegisterE
 import { sendMenuClickedEvent } from "../../Api/iframe/Ui/MenuItem";
 import { consoleGlobalMessageManagerVisibleStore } from "../../Stores/ConsoleGlobalMessageManagerStore";
 import { get } from "svelte/store";
-import { playersStore } from "../../Stores/PlayersStore";
 
 export const MenuSceneName = "MenuScene";
 const gameMenuKey = "gameMenu";
@@ -93,7 +92,6 @@ export class MenuScene extends Phaser.Scene {
     }
 
     create() {
-        menuIconVisible.set(true);
         this.menuElement = this.add.dom(closedSideMenuX, 30).createFromCache(gameMenuKey);
         this.menuElement.setOrigin(0);
         MenuScene.revealMenusAfterInit(this.menuElement, "gameMenu");
@@ -121,11 +119,7 @@ export class MenuScene extends Phaser.Scene {
         showReportScreenStore.subscribe((user) => {
             if (user !== null) {
                 this.closeAll();
-                const uuid = playersStore.getPlayerById(user.userId)?.userUuid;
-                if (uuid === undefined) {
-                    throw new Error("Could not find UUID for user with ID " + user.userId);
-                }
-                this.gameReportElement.open(uuid, user.userName);
+                this.gameReportElement.open(user.userId, user.userName);
             }
         });
 
@@ -154,6 +148,7 @@ export class MenuScene extends Phaser.Scene {
     }
 
     public revealMenuIcon(): void {
+        return;
         //TODO fix me: add try catch because at the same time, 'this.menuButton' variable doesn't exist and there is error on 'getChildByID' function
         try {
             (this.menuButton.getChildByID("menuIcon") as HTMLElement).hidden = false;
@@ -163,26 +158,28 @@ export class MenuScene extends Phaser.Scene {
     }
 
     openSideMenu() {
+        menuVisible.set(true);
         if (this.sideMenuOpened) return;
-        this.closeAll();
+
+        /*this.closeAll();
         this.sideMenuOpened = true;
-        this.menuButton.getChildByID("openMenuButton").innerHTML = "X";
+        this.menuButton.getChildByID('openMenuButton').innerHTML = 'X';
         const connection = gameManager.getCurrentGameScene(this).connection;
         if (connection && connection.isAdmin()) {
-            const adminSection = this.menuElement.getChildByID("adminConsoleSection") as HTMLElement;
+            const adminSection = this.menuElement.getChildByID('adminConsoleSection') as HTMLElement;
             adminSection.hidden = false;
         }
         //TODO bind with future metadata of card
         //if (connectionManager.getConnexionType === GameConnexionTypes.anonymous){
-        const adminSection = this.menuElement.getChildByID("socialLinks") as HTMLElement;
+        const adminSection = this.menuElement.getChildByID('socialLinks') as HTMLElement;
         adminSection.hidden = false;
         //}
         this.tweens.add({
             targets: this.menuElement,
             x: openedSideMenuX,
             duration: 500,
-            ease: "Power3",
-        });
+            ease: 'Power3'
+        });*/
     }
 
     private showWorldCapacityWarning() {
@@ -200,17 +197,18 @@ export class MenuScene extends Phaser.Scene {
     }
 
     private closeSideMenu(): void {
-        if (!this.sideMenuOpened) return;
+        menuVisible.set(false);
+        /* if (!this.sideMenuOpened) return;
         this.sideMenuOpened = false;
         this.closeAll();
-        this.menuButton.getChildByID("openMenuButton").innerHTML = `<img src="/static/images/menu.svg">`;
+        this.menuButton.getChildByID('openMenuButton').innerHTML = `<img src="/static/images/menu.svg">`;
         consoleGlobalMessageManagerVisibleStore.set(false);
         this.tweens.add({
             targets: this.menuElement,
             x: closedSideMenuX,
             duration: 500,
-            ease: "Power3",
-        });
+            ease: 'Power3'
+        });*/
     }
 
     private openGameSettingsMenu(): void {
@@ -332,18 +330,18 @@ export class MenuScene extends Phaser.Scene {
         switch ((event?.target as HTMLInputElement).id) {
             case "changeNameButton":
                 this.closeSideMenu();
-                gameManager.leaveGame(this, LoginSceneName, new LoginScene());
+                gameManager.leaveGame(LoginSceneName, new LoginScene());
                 break;
             case "sparkButton":
                 this.gotToCreateMapPage();
                 break;
             case "changeSkinButton":
                 this.closeSideMenu();
-                gameManager.leaveGame(this, SelectCharacterSceneName, new SelectCharacterScene());
+                gameManager.leaveGame(SelectCharacterSceneName, new SelectCharacterScene());
                 break;
             case "changeCompanionButton":
                 this.closeSideMenu();
-                gameManager.leaveGame(this, SelectCompanionSceneName, new SelectCompanionScene());
+                gameManager.leaveGame(SelectCompanionSceneName, new SelectCompanionScene());
                 break;
             case "closeButton":
                 this.closeSideMenu();