X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=public%2Fjavascripts%2Findex.js;h=bc4cd9e1d2a23b4940fbb2193643742faf4f5c10;hp=e460f868786c94fd2e0c4a7a16fa2cd5233d93aa;hb=fd08ab2c5b8931bb8c95cf7e9f2f95122647f991;hpb=e6dcb115eab52abefa1d54a65af546cf5a0153e9

diff --git a/public/javascripts/index.js b/public/javascripts/index.js
index e460f868..bc4cd9e1 100644
--- a/public/javascripts/index.js
+++ b/public/javascripts/index.js
@@ -1,16 +1,18 @@
 // Javascript for index page: mostly counters updating
 new Vue({
-	el: "#indexPage",
+	el: "#VueElement",
 	data: {
 		counts: {},
 		curPrefix: "",
 		conn: null,
+		display: "variants",
 	},
 	computed: {
 		sortedCounts: function () {
+			const capitalizedPrefix = this.curPrefix.replace(/^\w/, c => c.toUpperCase());
 			const variantsCounts = variantArray
 			.filter( v => {
-				return v.name.startsWith(this.curPrefix);
+				return v.name.startsWith(capitalizedPrefix);
 			})
 			.map( v => {
 				return {
@@ -47,46 +49,10 @@ new Vue({
 		};
 		this.conn.onmessage = socketMessageListener;
 		this.conn.onclose = socketCloseListener;
-	},
-	mounted: function() {
-		// Handle key stroke
-		document.onkeydown = event => {
-			// Is it Back or Esc? If yes, apply action on current word
-			if (event.keyCode == 8) //Back
-			{
-				event.preventDefault();
-				this.curPrefix = this.curPrefix.slice(0,-1);
-			}
-			else if (event.keyCode == 27) //Esc
-			{
-				event.preventDefault();
-				this.curPrefix = "";
-			}
-			// Is it alphanumeric? If yes, stack it
-			else if (_.range(48,58).includes(event.keyCode)
-				|| _.range(65,91).includes(event.keyCode)
-				|| _.range(97,123).includes(event.keyCode))
-			{
-				let newChar = String.fromCharCode(event.keyCode);
-				this.curPrefix += this.curPrefix.length==0
-					? newChar.toUpperCase()
-					: newChar.toLowerCase();
-			}
-			// ...ignore everything else
-		};
-		// Show welcome dialog box if "first visit"
-		const visited = getCookie("visited");
-		if (!visited || visited !== "1")
-			document.getElementById("modalB4welcome").checked = true;
-	},
-	methods: {
-		showWelcomeMsg: function() {
-			document.getElementById("modalB4welcome").checked = false;
-			document.getElementById("modalWelcome").checked = true;
-		},
-		markAsVisited: function() {
-			setCookie('visited', '1');
-			document.getElementById('modalWelcome').checked = false;
-		},
+
+		// TODO: AJAX call get corr games (all variants)
+		// si dernier lastMove sur serveur n'est pas le mien et nextColor == moi, alors background orange
+		// ==> background orange si à moi de jouer par corr (sur main index)
+		// (helper: static fonction "GetNextCol()" dans base_rules.js)
 	},
 });