Fix pretier

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
This commit is contained in:
Gregoire Parant 2021-12-23 15:06:32 +01:00
parent 96d46e96c2
commit efa57d2754
6 changed files with 64 additions and 61 deletions

View file

@ -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);

View file

@ -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>

View file

@ -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>

View file

@ -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}

View file

@ -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);
}
}

View file

@ -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;
}
}