Some advances. TODO: test board.js, and then game.js, and then implement room.js

[vchess.git] / public / javascripts / index.js

diff --git a/public/javascripts/index.js b/public/javascripts/index.js
index e460f86..bc4cd9e 100644 (file)
--- 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)
        },
 });