projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Improve Alice variant
[vchess.git]
/
public
/
javascripts
/
components
/
game.js
diff --git
a/public/javascripts/components/game.js
b/public/javascripts/components/game.js
index
96833bc
..
b91d72c
100644
(file)
--- a/
public/javascripts/components/game.js
+++ b/
public/javascripts/components/game.js
@@
-16,6
+16,7
@@
Vue.component('my-game', {
seek: false,
fenStart: "",
incheck: [],
seek: false,
fenStart: "",
incheck: [],
+ pgnTxt: "",
expert: document.cookie.length>0 ? document.cookie.substr(-1)=="1" : false,
};
},
expert: document.cookie.length>0 ? document.cookie.substr(-1)=="1" : false,
};
},
@@
-216,18
+217,21
@@
Vue.component('my-game', {
);
}), choices]
);
);
}), choices]
);
- actionArray.push(
- h('button',
- {
- on: { click: this.resign },
- attrs: { "aria-label": 'Resign' },
- 'class': {
- "tooltip":true,
- "bottom": true,
+ if (this.mode != "idle")
+ {
+ actionArray.push(
+ h('button',
+ {
+ on: { click: this.resign },
+ attrs: { "aria-label": 'Resign' },
+ 'class': {
+ "tooltip":true,
+ "bottom": true,
+ },
},
},
- },
- [h('i', { 'class': { "material-icons": true } }, "flag")])
- );
+ [h('i', { 'class': { "material-icons": true } }, "flag")])
+ );
+ }
elementArray.push(gameDiv);
// if (!!vr.reserve)
// {
elementArray.push(gameDiv);
// if (!!vr.reserve)
// {
@@
-349,7
+353,7
@@
Vue.component('my-game', {
attrs: { id: "pgn-game" },
on: { click: this.download },
domProps: {
attrs: { id: "pgn-game" },
on: { click: this.download },
domProps: {
- innerHTML: this.
vr.getPGN(this.mycolor, this.score, this.fenStart, this.mode)
+ innerHTML: this.
pgnTxt
}
}
)
}
}
)
@@
-408,7
+412,6
@@
Vue.component('my-game', {
};
const socketMessageListener = msg => {
const data = JSON.parse(msg.data);
};
const socketMessageListener = msg => {
const data = JSON.parse(msg.data);
- console.log("Receive message: " + data.code);
switch (data.code)
{
case "newgame": //opponent found
switch (data.code)
{
case "newgame": //opponent found
@@
-493,6
+496,8
@@
Vue.component('my-game', {
this.score = score;
let modalBox = document.getElementById("modal-eog");
modalBox.checked = true;
this.score = score;
let modalBox = document.getElementById("modal-eog");
modalBox.checked = true;
+ // Variants may have special PGN structure (so next function isn't defined here)
+ this.pgnTxt = this.vr.getPGN(this.mycolor, this.score, this.fenStart, this.mode);
setTimeout(() => { modalBox.checked = false; }, 2000);
if (this.mode == "human")
this.clearStorage();
setTimeout(() => { modalBox.checked = false; }, 2000);
if (this.mode == "human")
this.clearStorage();
@@
-569,6
+574,7
@@
Vue.component('my-game', {
this.newGame("computer");
},
newGame: function(mode, fenInit, color, oppId, moves, continuation) {
this.newGame("computer");
},
newGame: function(mode, fenInit, color, oppId, moves, continuation) {
+ //const fen = "qrbnkbrn/pppppppp/8/8/8/8/PPPPPPPP/BNNBRKRQ 1111";//fenInit || VariantRules.GenRandInitFen();
const fen = fenInit || VariantRules.GenRandInitFen();
console.log(fen); //DEBUG
this.score = "*";
const fen = fenInit || VariantRules.GenRandInitFen();
console.log(fen); //DEBUG
this.score = "*";
@@
-598,6
+604,7
@@
Vue.component('my-game', {
return;
}
this.vr = new VariantRules(fen, moves || []);
return;
}
this.vr = new VariantRules(fen, moves || []);
+ this.pgnTxt = ""; //redundant with this.score = "*", but cleaner
this.mode = mode;
this.incheck = []; //in case of
this.fenStart = continuation
this.mode = mode;
this.incheck = []; //in case of
this.fenStart = continuation
@@
-616,7
+623,6
@@
Vue.component('my-game', {
this.oppConnected = true;
this.mycolor = color;
this.seek = false;
this.oppConnected = true;
this.mycolor = color;
this.seek = false;
- this.mode = "human";
if (!!moves && moves.length > 0) //imply continuation
{
const lastMove = moves[moves.length-1];
if (!!moves && moves.length > 0) //imply continuation
{
const lastMove = moves[moves.length-1];
@@
-629,7
+635,6
@@
Vue.component('my-game', {
}
else //against computer
{
}
else //against computer
{
- this.mode = "computer";
this.mycolor = Math.random() < 0.5 ? 'w' : 'b';
if (this.mycolor == 'b')
setTimeout(this.playComputerMove, 500);
this.mycolor = Math.random() < 0.5 ? 'w' : 'b';
if (this.mycolor == 'b')
setTimeout(this.playComputerMove, 500);