new Vue({
el: "#variantPage",
data: {
- display: "play", //default: play!
- problem: undefined, //current problem in view
+ display: "room", //default: main hall
},
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: {
- showProblem: function(problemTxt) {
- this.problem = JSON.parse(problemTxt);
- this.display = "play";
- },
setDisplay: function(elt) {
this.display = elt;
+ // Close menu on small screens:
let menuToggle = document.getElementById("drawer-control");
if (!!menuToggle)
menuToggle.checked = false;
},
- notDark: function() {
- return variant != "Dark";
- },
},
});
+
+// TODO:
+// si quand on arrive il y a une continuation "humaine" : display="game" et retour à la partie !