Simplify navigation

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

diff --git a/public/javascripts/variant.js b/public/javascripts/variant.js
index a7d1820..74c4298 100644 (file)
--- a/public/javascripts/variant.js
+++ b/public/javascripts/variant.js
@@ -1,25 +1,76 @@
 new Vue({
-       el: "#variantPage",
+       el: "#VueElement",
        data: {
-               display: "play", //default: play!
-               problem: undefined, //current problem in view
+               display: "undefined", //default to main hall; see "created()" function
+               gameid: undefined, //...yet
+       
+               conn: null,
+
+               // TEMPORARY: DEBUG
+               mode: "analyze",
+               orientation: "w",
+               userColor: "w",
+
+               allowChat: false,
+               allowMovelist: false,
+               fen: V.GenRandInitFen(),
        },
        created: function() {
-               const url = window.location.href;
-               const hashPos = url.indexOf("#");
-               if (hashPos >= 0)
-                       this.setDisplay(url.substr(hashPos+1));
+               // TODO: navigation becomes a little more complex
+               this.setDisplay();
+               window.onhashchange = this.setDisplay;
+
+               this.myid = "abcdefghij";
+//console.log(this.myid + " " + variant);
+
+               this.conn = new WebSocket(socketUrl + "/?sid=" + this.myid + "&page=" + variant.id);
+               const socketCloseListener = () => {
+                       this.conn = new WebSocket(socketUrl + "/?sid=" + this.myid + "&page=" + variant.id);
+               }
+               this.conn.onclose = socketCloseListener;
+
+               //this.vr = new VariantRules( V.GenRandInitFen() );
        },
        methods: {
-               showProblem: function(problemTxt) {
-                       this.problem = JSON.parse(problemTxt);
-                       this.display = "play";
-               },
-               setDisplay: function(elt) {
-                       this.display = elt;
+               setDisplay: function() {
+
+//TODO: prevent set display if there is a running game
+
+                       if (!location.hash)
+                               location.hash = "#room"; //default
+                       this.display = location.hash.substr(1);
+                       // Close menu on small screens:
                        let menuToggle = document.getElementById("drawer-control");
                        if (!!menuToggle)
                                menuToggle.checked = false;
                },
+
+               // TEMPORARY: DEBUG (duplicate code)
+               play: function(move) {
+                       // Not programmatic, or animation is over
+                       if (!move.notation)
+                               move.notation = this.vr.getNotation(move);
+                       this.vr.play(move);
+                       if (!move.fen)
+                               move.fen = this.vr.getFen();
+                       if (this.sound == 2)
+                               new Audio("/sounds/move.mp3").play().catch(err => {});
+                       // Is opponent in check?
+                       this.incheck = this.vr.getCheckSquares(this.vr.turn);
+                       const score = this.vr.getCurrentScore();
+               },
+               undo: function(move) {
+                       this.vr.undo(move);
+                       if (this.sound == 2)
+                               new Audio("/sounds/undo.mp3").play().catch(err => {});
+                       this.incheck = this.vr.getCheckSquares(this.vr.turn);
+               },
        },
 });
+               
+//const continuation = (localStorage.getItem("variant") === variant.name);
+//                     if (continuation) //game VS human has priority
+//                             this.continueGame("human");
+
+// TODO:
+// si quand on arrive il y a une continuation "humaine" : display="game" et retour à la partie !