| {{ notation(moves[moveIdx]) }}
.td(
v-if="moveIdx < moves.length-1"
- :class="{'highlight-lm': cursor == moveIdx+1}"
+ :class="{'highlight-lm': highlightBlackmove(moveIdx)}"
@click="() => gotoMove(moveIdx+1)"
)
| {{ notation(moves[moveIdx+1]) }}
notation: function(move) {
return getFullNotation(move);
},
+ highlightBlackmove: function(moveIdx) {
+ return (
+ this.cursor == moveIdx + 1 ||
+ (this.show == "byrow" && this.cursor == moveIdx + 2)
+ );
+ },
gotoMove: function(index) {
this.$emit("goto-move", index);
},