new Vue({
el: "#VueElement",
data: {
- display: "room", //default: main hall
- gameid: "undefined", //...yet
+ 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: true,
+ fen: V.GenRandInitFen(),
},
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));
+ this.setDisplay();
+ window.onhashchange = this.setDisplay;
+
+ this.myid = "abcdefghij";
+//console.log(this.myid + " " + variant);
+ //myid: localStorage.getItem("myid"), //our ID, always set
+
+ 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: {
- 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);
+ },
},
});