new Vue({
el: "#variantPage",
data: {
- display: getCookie("display-"+variant,""), //default: do not show anything...
+ display: "play", //default: play!
problem: undefined, //current problem in view
},
+ created: function() {
+ const url = window.location.href;
+ const hashPos = url.indexOf("#");
+ if (hashPos >= 0)
+ this.setDisplay(url.substr(hashPos+1));
+ },
methods: {
- toggleDisplay: function(elt) {
- if (this.display == elt)
- {
- this.display = ""; //hide
- setCookie("display-"+variant, "");
- }
- else
- {
- this.display = elt; //show
- setCookie("display-"+variant, elt);
- }
- },
showProblem: function(problemTxt) {
this.problem = JSON.parse(problemTxt);
- this.display = "game";
+ this.display = "play";
+ },
+ setDisplay: function(elt) {
+ this.display = elt;
+ let menuToggle = document.getElementById("drawer-control");
+ if (!!menuToggle)
+ menuToggle.checked = false;
+ },
+ notDark: function() {
+ return variant != "Dark";
},
},
});