X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=public%2Fjavascripts%2Fvariant.js;h=ae576d8911174b70d770fe62ed614f1ac7426f55;hp=2174c50918498f1cfe0e73daa7b4c65dfed03cab;hb=b6487fb9c41705187cf97215fc9e8f86a59057c7;hpb=4ecf423bce243e8e10b5b777a95f67ecc9f8d8d3

diff --git a/public/javascripts/variant.js b/public/javascripts/variant.js
index 2174c509..ae576d89 100644
--- a/public/javascripts/variant.js
+++ b/public/javascripts/variant.js
@@ -1,15 +1,25 @@
 new Vue({
 	el: "#variantPage",
-	data: { display: "" }, //do not show anything...
-	// TODO: listen event "show problem", avec le probleme stringifié en arg
-	// Alors: display=game, mode=friend, newGame(fen, turn, ...),
-	//   et set Instructions+Soluce
+	data: {
+		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: {
-		toggleDisplay: function(elt) {
-			if (this.display == elt)
-				this.display = ""; //hide
-			else
-				this.display = elt; //show
+		setDisplay: function(elt) {
+			this.display = elt;
+			// Close menu on small screens:
+			let menuToggle = document.getElementById("drawer-control");
+			if (!!menuToggle)
+				menuToggle.checked = false;
 		},
 	},
 });
+
+// TODO:
+// si quand on arrive il y a une continuation "humaine" : display="game" et retour à la partie !