From efa57d2754f6119feb879a62826d3178ed7c159b Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Thu, 23 Dec 2021 15:06:32 +0100
Subject: [PATCH] Fix pretier

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
---
 front/src/Components/Menu/MenuIcon.svelte     |  6 +--
 .../Components/Modal/LimitRoomModal.svelte    | 52 +++++++++---------
 .../Components/Modal/ShareLinkMapModal.svelte | 54 +++++++++----------
 .../WarningContainer/WarningContainer.svelte  |  3 +-
 front/src/Connexion/ConnectionManager.ts      |  6 +--
 front/src/Url/UrlManager.ts                   |  4 +-
 6 files changed, 64 insertions(+), 61 deletions(-)

diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index 90248115..9d3f72dd 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -7,8 +7,8 @@
     import { chatVisibilityStore } from "../../Stores/ChatStore";
     import { limitMapStore } from "../../Stores/GameStore";
     import { get } from "svelte/store";
-    import {ADMIN_URL} from "../../Enum/EnvironmentVariable";
-    import {showShareLinkMapModalStore} from "../../Stores/ModalStore";
+    import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
+    import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
 
     function showMenu() {
         menuVisiblilityStore.set(!get(menuVisiblilityStore));
@@ -18,7 +18,7 @@
     }
 
     function register() {
-        window.open(`${ADMIN_URL}/second-step-register`, '_self');
+        window.open(`${ADMIN_URL}/second-step-register`, "_self");
     }
     function showInvite() {
         showShareLinkMapModalStore.set(true);
diff --git a/front/src/Components/Modal/LimitRoomModal.svelte b/front/src/Components/Modal/LimitRoomModal.svelte
index 8fb6c09f..43941a6b 100644
--- a/front/src/Components/Modal/LimitRoomModal.svelte
+++ b/front/src/Components/Modal/LimitRoomModal.svelte
@@ -1,18 +1,20 @@
 <script lang="typescript">
     import { fly } from "svelte/transition";
-    import {ADMIN_URL} from "../../Enum/EnvironmentVariable";
+    import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
 
-    function register(){
-        window.open(`${ADMIN_URL}/second-step-register`, '_self');
+    function register() {
+        window.open(`${ADMIN_URL}/second-step-register`, "_self");
     }
 </script>
 
-<div class="limit-map nes-container"
-     transition:fly={{ y: -900, duration: 500 }}>
+<div class="limit-map nes-container" transition:fly={{ y: -900, duration: 500 }}>
     <section>
         <h2>Limit of your room</h2>
         <p>Register your account!</p>
-        <p>This map is limited in the time and to continue to use WorkAdventure, you must register your account in our back office.</p>
+        <p>
+            This map is limited in the time and to continue to use WorkAdventure, you must register your account in our
+            back office.
+        </p>
     </section>
     <section>
         <button class="nes-btn is-primary" on:click|preventDefault={register}>Register</button>
@@ -20,26 +22,26 @@
 </div>
 
 <style lang="scss">
-  .limit-map {
-    pointer-events: auto;
-    background: #eceeee;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 10vh;
-    max-height: 80vh;
-    max-width: 80vw;
-    overflow: auto;
-    text-align: center;
+    .limit-map {
+        pointer-events: auto;
+        background: #eceeee;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: 10vh;
+        max-height: 80vh;
+        max-width: 80vw;
+        overflow: auto;
+        text-align: center;
 
-    h2 {
-      font-family: "Press Start 2P";
-    }
+        h2 {
+            font-family: "Press Start 2P";
+        }
 
-    section {
-      p {
-        margin: 15px;
-        font-family: "Press Start 2P";
-      }
+        section {
+            p {
+                margin: 15px;
+                font-family: "Press Start 2P";
+            }
+        }
     }
-  }
 </style>
diff --git a/front/src/Components/Modal/ShareLinkMapModal.svelte b/front/src/Components/Modal/ShareLinkMapModal.svelte
index 25cde5bd..42ac1294 100644
--- a/front/src/Components/Modal/ShareLinkMapModal.svelte
+++ b/front/src/Components/Modal/ShareLinkMapModal.svelte
@@ -1,15 +1,16 @@
 <script lang="typescript">
     import { fly } from "svelte/transition";
-    import {showShareLinkMapModalStore} from "../../Stores/ModalStore";
+    import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
 
-    interface ExtNavigator extends Navigator{
+    interface ExtNavigator extends Navigator {
         canShare?(data?: ShareData): Promise<boolean>;
     }
 
-    const myNavigator : ExtNavigator = window.navigator;
-    const haveNavigatorSharingFeature:boolean = myNavigator && myNavigator.canShare != null && myNavigator.share != null;
+    const myNavigator: ExtNavigator = window.navigator;
+    const haveNavigatorSharingFeature: boolean =
+        myNavigator && myNavigator.canShare != null && myNavigator.share != null;
 
-    let copied:boolean = false;
+    let copied: boolean = false;
 
     function copyLink() {
         try {
@@ -18,7 +19,7 @@
             input.select();
             document.execCommand("copy");
             copied = true;
-        }catch (e){
+        } catch (e) {
             console.error(e);
             copied = false;
         }
@@ -41,8 +42,7 @@
     }
 </script>
 
-<div class="share-link-map nes-container"
-     transition:fly={{ y: -900, duration: 500 }}>
+<div class="share-link-map nes-container" transition:fly={{ y: -900, duration: 500 }}>
     <section>
         <h2>Invite your friends or colleagues</h2>
         <p>Share the link of the room!</p>
@@ -65,26 +65,26 @@
 </div>
 
 <style lang="scss">
-  div.share-link-map {
-    pointer-events: auto;
-    background: #eceeee;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 10vh;
-    max-height: 80vh;
-    max-width: 80vw;
-    overflow: auto;
-    text-align: center;
+    div.share-link-map {
+        pointer-events: auto;
+        background: #eceeee;
+        margin-left: auto;
+        margin-right: auto;
+        margin-top: 10vh;
+        max-height: 80vh;
+        max-width: 80vw;
+        overflow: auto;
+        text-align: center;
 
-    h2 {
-      font-family: "Press Start 2P";
-    }
+        h2 {
+            font-family: "Press Start 2P";
+        }
 
-    section {
-      p {
-        margin: 15px;
-        font-family: "Press Start 2P";
-      }
+        section {
+            p {
+                margin: 15px;
+                font-family: "Press Start 2P";
+            }
+        }
     }
-  }
 </style>
diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index 1c5f7793..079274c4 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -11,7 +11,8 @@
     {#if $userIsAdminStore}
         <h2>Warning!</h2>
         <p>
-            This world is close to its limit!. You can upgrade its capacity <a href={upgradeLink} target="_blank">here</a
+            This world is close to its limit!. You can upgrade its capacity <a href={upgradeLink} target="_blank"
+                >here</a
             >
         </p>
     {:else if $limitMapStore}
diff --git a/front/src/Connexion/ConnectionManager.ts b/front/src/Connexion/ConnectionManager.ts
index 007a5608..e7fad797 100644
--- a/front/src/Connexion/ConnectionManager.ts
+++ b/front/src/Connexion/ConnectionManager.ts
@@ -14,8 +14,8 @@ import { axiosWithRetry } from "./AxiosUtils";
 import axios from "axios";
 import { isRegisterData } from "../Messages/JsonMessages/RegisterData";
 import { isAdminApiData } from "../Messages/JsonMessages/AdminApiData";
-import {limitMapStore} from "../Stores/GameStore";
-import {showLimitRoomModalStore} from "../Stores/ModalStore";
+import { limitMapStore } from "../Stores/GameStore";
+import { showLimitRoomModalStore } from "../Stores/ModalStore";
 
 class ConnectionManager {
     private localUser!: LocalUser;
@@ -246,7 +246,7 @@ class ConnectionManager {
             limitMapStore.set(true);
 
             //check time of map
-            if(!urlManager.isActiveLimitRoom){
+            if (!urlManager.isActiveLimitRoom) {
                 showLimitRoomModalStore.set(true);
             }
         }
diff --git a/front/src/Url/UrlManager.ts b/front/src/Url/UrlManager.ts
index 4e2b20df..f45c1db8 100644
--- a/front/src/Url/UrlManager.ts
+++ b/front/src/Url/UrlManager.ts
@@ -62,10 +62,10 @@ class UrlManager {
     get isActiveLimitRoom(): boolean {
         const match = /\*\/(\w+)\/(?:\w+)/.exec(window.location.pathname.toString());
         const timestamp = match ? Number.parseInt(match[1]) : null;
-        if(!timestamp){
+        if (!timestamp) {
             return false;
         }
-        return ((new Date()).getTime() - 48*60*60*1000) < timestamp;
+        return new Date().getTime() - 48 * 60 * 60 * 1000 < timestamp;
     }
 }