From f7f8be24bce82012f47ba23fd53d82d309817162 Mon Sep 17 00:00:00 2001
From: "DESKTOP-FMM8UI0\\CLV" <c.vieilly@student.isartdigital.com>
Date: Wed, 10 Mar 2021 08:57:49 +0100
Subject: [PATCH] Set Position of the popUp with pos of  an object in
 floorLayer object group

---
 front/src/Phaser/Game/GameScene.ts | 11 ++++++++---
 maps/tests/script_api.json         |  8 ++++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 8094efa6..184b44ae 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -169,6 +169,8 @@ export class GameScene extends ResizableScene implements CenterListener {
     private popUpElements : Map<number, DOMElement> = new Map<number, Phaser.GameObjects.DOMElement>();
     private popUpX! : number;
     private popUpY! : number;
+    private popUpWidth! : number;
+    private popUpHeight! : number;
 
     constructor(private room: Room, MapUrlFile: string, customKey?: string|undefined) {
         super({
@@ -386,6 +388,8 @@ export class GameScene extends ResizableScene implements CenterListener {
                     if (object.name === 'myPopup') {
                         this.popUpX = Math.floor(object.x);
                         this.popUpY = Math.floor(object.y);
+                        this.popUpWidth = Math.floor(object.width);
+                        this.popUpHeight = Math.floor(object.height);
                     }
 
                 }
@@ -753,16 +757,17 @@ export class GameScene extends ResizableScene implements CenterListener {
     private listenToIframeEvents(): void {
         iframeListener.openPopupStream.subscribe((openPopupEvent) => {
             const escapedMessage = HtmlUtils.escapeHtml(openPopupEvent.message);
-            let html = `<div class="nes-container with-title is-centered">
+            let html = ` <div class="nes-container with-title is-centered" 
+>
 ${escapedMessage}
-</div>`;
+ </div> `;
             let id = 0;
             for (const button of openPopupEvent.buttons) {
                 html += `<button type="button" class="nes-btn is-${HtmlUtils.escapeHtml(button.className ?? '')}" id="popup-${openPopupEvent.popupId}-${id}">${HtmlUtils.escapeHtml(button.label)}</button>`;
                 id++;
             }
+            const domElement = this.add.dom(this.popUpX, this.popUpY,).createFromHTML(html);
 
-            const domElement = this.add.dom(150, 150).createFromHTML(html);
             domElement.scale = 0;
             domElement.setClassName('popUpElement');
 
diff --git a/maps/tests/script_api.json b/maps/tests/script_api.json
index 39533e2b..e82ab12b 100644
--- a/maps/tests/script_api.json
+++ b/maps/tests/script_api.json
@@ -75,15 +75,15 @@
          "name":"floorLayer",
          "objects":[
                 {
-                 "height":120.377012261239,
+                 "height":195.65688359926,
                  "id":1,
                  "name":"myPopup",
                  "rotation":0,
                  "type":"",
                  "visible":true,
-                 "width":162.815914588373,
-                 "x":76.1933509951528,
-                 "y":167.886910114979
+                 "width":315.393884378036,
+                 "x":-0.29745661104063,
+                 "y":-0.433231160918936
                 }],
          "opacity":1,
          "type":"objectgroup",