X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fvariant.js;h=1ec4d89b16bf5dfaee41bee37a28bfdcf8968353;hb=b57dbd126734b4398861292c611197c6991ed3eb;hp=03dbbdd397881a3057bdb9a537e653eb8345d1c0;hpb=9a3c9f790aa28fd4708faefe41b4624173922c8e;p=vchess.git diff --git a/public/javascripts/variant.js b/public/javascripts/variant.js index 03dbbdd3..1ec4d89b 100644 --- a/public/javascripts/variant.js +++ b/public/javascripts/variant.js @@ -1,16 +1,30 @@ new Vue({ - el: "#variantPage", + el: "#VueElement", data: { - display: "game", //default: play! - problem: undefined, //current problem in view + display: "room", //default: main hall + gameid: "undefined", //...yet + }, + created: function() { + // TODO: navigation becomes a little more complex + const url = window.location.href; + const hashPos = url.indexOf("#"); + if (hashPos >= 0) + this.setDisplay(url.substr(hashPos+1)); }, methods: { - toggleDisplay: function(elt) { - this.display = elt; //show - }, - showProblem: function(problemTxt) { - this.problem = JSON.parse(problemTxt); - this.display = "game"; + setDisplay: function(elt) { + this.display = elt; + // Close menu on small screens: + let menuToggle = document.getElementById("drawer-control"); + if (!!menuToggle) + menuToggle.checked = false; }, }, }); + +//const continuation = (localStorage.getItem("variant") === variant.name); +// if (continuation) //game VS human has priority +// this.continueGame("human"); + +// TODO: +// si quand on arrive il y a une continuation "humaine" : display="game" et retour à la partie !