X-Git-Url: https://git.auder.net/doc/index.css?a=blobdiff_plain;f=public%2Fjavascripts%2Fvariant.js;h=a7d182007cfce345367cbb9d4d65b985defcb052;hb=4fefd0195b2dc8559284d3b3701a242a862cb70e;hp=e9e956ca068f24feb45e6ba051533cc40488785f;hpb=643479f8d7c3622b57fc49c4f10d9950793ebf4f;p=vchess.git

diff --git a/public/javascripts/variant.js b/public/javascripts/variant.js
index e9e956ca..a7d18200 100644
--- a/public/javascripts/variant.js
+++ b/public/javascripts/variant.js
@@ -1,25 +1,25 @@
 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;
 		},
 	},
 });