projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
HiddenRules almost OK (need to ignore checks. Position kings on first rank?). window...
[vchess.git]
/
client
/
src
/
components
/
BaseGame.vue
diff --git
a/client/src/components/BaseGame.vue
b/client/src/components/BaseGame.vue
index
f4603d6
..
07f6bba
100644
(file)
--- a/
client/src/components/BaseGame.vue
+++ b/
client/src/components/BaseGame.vue
@@
-33,15
+33,15
@@
div#baseGame(
Board(
:vr="vr"
:last-move="lastMove"
Board(
:vr="vr"
:last-move="lastMove"
- :analyze="analyze"
+ :analyze="game.mode=='analyze'"
+ :score="game.score"
:user-color="game.mycolor"
:orientation="orientation"
:vname="game.vname"
:incheck="incheck"
@play-move="play"
)
:user-color="game.mycolor"
:orientation="orientation"
:vname="game.vname"
:incheck="incheck"
@play-move="play"
)
- #turnIndicator(v-if="game.vname=='Dark' && game.score=='*'")
- | {{ st.tr[vr.turn + " to move"] }}
+ #turnIndicator(v-if="showTurn") {{ turn }}
#controls
button(@click="gotoBegin()") <<
button(@click="undo()") <
#controls
button(@click="gotoBegin()") <<
button(@click="undo()") <
@@
-49,16
+49,16
@@
div#baseGame(
button(@click="play()") >
button(@click="gotoEnd()") >>
#belowControls
button(@click="play()") >
button(@click="gotoEnd()") >>
#belowControls
- #downloadDiv(v-if="
game.vname!='Dark' || game.score!='*'
")
+ #downloadDiv(v-if="
allowDownloadPGN
")
a#download(href="#")
button(@click="download()") {{ st.tr["Download"] }} PGN
button(onClick="window.doClick('modalAdjust')") ⤢
button(
a#download(href="#")
button(@click="download()") {{ st.tr["Download"] }} PGN
button(onClick="window.doClick('modalAdjust')") ⤢
button(
- v-if="
game.vname!='Dark' && game.mode!='analyze'
"
+ v-if="
canAnalyze
"
@click="analyzePosition()"
)
| {{ st.tr["Analyse"] }}
@click="analyzePosition()"
)
| {{ st.tr["Analyse"] }}
- // NOTE:
rather ugly hack to avoid showing twice "rules" link...
+ // NOTE:
variants pages already have a "Rules" link on top
button(
v-if="!$route.path.match('/variants/')"
@click="showRules()"
button(
v-if="!$route.path.match('/variants/')"
@click="showRules()"
@@
-104,33
+104,35
@@
export default {
cursor: -1, //index of the move just played
lastMove: null,
firstMoveNumber: 0, //for printing
cursor: -1, //index of the move just played
lastMove: null,
firstMoveNumber: 0, //for printing
- incheck: [] //for Board
+ incheck: [], //for Board
+ V: null // TODO: need "local" V to trigger re-computation of computed properties ?
+ // --> le passer depuis CompGame ou Game comme une property ?!
};
},
watch: {
// game initial FEN changes when a new game starts
};
},
watch: {
// game initial FEN changes when a new game starts
+
+ // TODO: this watcher is obsolete ?
+
"game.fenStart": function() {
this.re_setVariables();
},
"game.fenStart": function() {
this.re_setVariables();
},
- // Received a new move to play:
- "game.moveToPlay": function(move) {
- if (move) this.play(move, "receive");
- },
- // ...Or to undo (corr game, move not validated)
- "game.moveToUndo": function(move) {
- if (move) this.undo(move);
- }
},
computed: {
showMoves: function() {
},
computed: {
showMoves: function() {
- return this.game.
vname != "Dark" || this.game.score != "*"
;
+ return this.game.
score != "*" || (window.V && V.ShowMoves == "all")
;
},
},
- analyze: function() {
- return (
- this.game.mode == "analyze" ||
- // From Board viewpoint, a finished Dark game == analyze (TODO: unclear)
- (this.game.vname == "Dark" && this.game.score != "*")
- );
+ showTurn: function() {
+ return this.game.score == '*' && window.V && V.ShowMoves != "all";
+ },
+ turn: function() {
+ return this.st.tr[(this.vr.turn == 'w' ? "White" : "Black") + " to move"];
+ },
+ canAnalyze: function() {
+ return this.game.mode != "analyze" && window.V && V.CanAnalyze;
+ },
+ allowDownloadPGN: function() {
+ return this.game.score != "*" || (window.V && V.ShowMoves == "all");
}
},
created: function() {
}
},
created: function() {
@@
-220,26
+222,21
@@
export default {
},
re_setVariables: function() {
this.endgameMessage = "";
},
re_setVariables: function() {
this.endgameMessage = "";
- this.orientation = this.game.mycolor || "w"; //default orientation for observed games
+ // "w": default orientation for observed games
+ this.orientation = this.game.mycolor || "w";
this.moves = JSON.parse(JSON.stringify(this.game.moves || []));
this.moves = JSON.parse(JSON.stringify(this.game.moves || []));
- // Post-processing: decorate each move with color + current FEN:
- // (to be able to jump to any position quickly)
- let vr_tmp = new V(this.game.fenStart); //vr is already at end of game
- this.firstMoveNumber = Math.floor(
- V.ParseFen(this.game.fenStart).movesCount / 2
- );
+ // Post-processing: decorate each move with color, notation and FEN
+ let vr_tmp = new V(this.game.fenStart);
+ const parsedFen = V.ParseFen(this.game.fenStart);
+ const firstMoveColor = parsedFen.turn;
+ this.firstMoveNumber = Math.floor(parsedFen.movesCount / 2);
this.moves.forEach(move => {
this.moves.forEach(move => {
- // NOTE: this is doing manually what play() function below achieve,
- // but in a lighter "fast-forward" way
move.color = vr_tmp.turn;
move.notation = vr_tmp.getNotation(move);
vr_tmp.play(move);
move.fen = vr_tmp.getFen();
});
move.color = vr_tmp.turn;
move.notation = vr_tmp.getNotation(move);
vr_tmp.play(move);
move.fen = vr_tmp.getFen();
});
- if (
- (this.moves.length > 0 && this.moves[0].color == "b") ||
- (this.moves.length == 0 && vr_tmp.turn == "b")
- ) {
+ if (firstMoveColor == "b") {
// 'end' is required for Board component to check lastMove for e.p.
this.moves.unshift({
color: "w",
// 'end' is required for Board component to check lastMove for e.p.
this.moves.unshift({
color: "w",
@@
-379,7
+376,7
@@
export default {
if (!navigate && this.game.mode != "analyze")
this.$emit("newmove", move); //post-processing (e.g. computer play)
};
if (!navigate && this.game.mode != "analyze")
this.$emit("newmove", move); //post-processing (e.g. computer play)
};
- if (!!receive &&
this.game.vname != "Dark
")
+ if (!!receive &&
V.ShowMoves == "all
")
this.animateMove(move, doPlayMove);
else doPlayMove();
},
this.animateMove(move, doPlayMove);
else doPlayMove();
},
@@
-401,6
+398,7
@@
export default {
this.vr.re_init(this.moves[index].fen);
this.cursor = index;
this.lastMove = this.moves[index];
this.vr.re_init(this.moves[index].fen);
this.cursor = index;
this.lastMove = this.moves[index];
+ this.incheck = this.vr.getCheckSquares(this.vr.turn);
},
gotoBegin: function() {
if (this.cursor == -1) return;
},
gotoBegin: function() {
if (this.cursor == -1) return;
@@
-412,6
+410,7
@@
export default {
this.cursor = -1;
this.lastMove = null;
}
this.cursor = -1;
this.lastMove = null;
}
+ this.incheck = this.vr.getCheckSquares(this.vr.turn);
},
gotoEnd: function() {
if (this.cursor == this.moves.length - 1) return;
},
gotoEnd: function() {
if (this.cursor == this.moves.length - 1) return;
@@
-452,6
+451,7
@@
export default {
#turnIndicator
text-align: center
#turnIndicator
text-align: center
+ font-weight: bold
#belowControls
border-top: 1px solid #2f4f4f
#belowControls
border-top: 1px solid #2f4f4f