/** @type {!string|undefined} @private */
var highlight_to = undefined;
-/** @type {?jQuery} @private */
+/** The HTML object of the move currently being highlighted (in red).
+ * @type {?jQuery}
+ * @private */
var highlighted_move = null;
/** @type {?number} @private */
* }} DisplayLine
*/
-/** @type {Array.<DisplayLine>}
+/** All PVs that we currently know of.
+ *
+ * Element 0 is history (or null if no history).
+ * Element 1 is current main PV.
+ * All remaining elements are refutation lines (multi-PV).
+ *
+ * @type {Array.<DisplayLine>}
* @private
*/
var display_lines = [];
return pv;
}
-var update_highlight = function() {
+/** Update the highlighted to/from squares on the board.
+ * Based on the global "highlight_from" and "highlight_to" variables.
+ */
+var update_board_highlight = function() {
$("#board").find('.square-55d63').removeClass('nonuglyhighlight');
if ((current_display_line === null || current_display_line_is_history) &&
highlight_from !== undefined && highlight_to !== undefined) {
}
window['collapse_history'] = collapse_history;
+/** Update the HTML display of multi-PV from the global "refutation_lines".
+ *
+ * Also recreates the global "display_lines".
+ */
var update_refutation_lines = function() {
if (fen === null) {
return;
}
if (display_lines.length > 2) {
+ // Truncate so that only the history and PV is left.
display_lines = [ display_lines[0], display_lines[1] ];
}
}
/**
+ * Create a Chess.js board object, containing the given position plus the given moves,
+ * up to the given limit.
+ *
* @param {?string} fen
* @param {Array.<string>} moves
* @param {number} last_move
} else {
highlight_from = highlight_to = undefined;
}
- update_highlight();
+ update_board_highlight();
if (data['failed']) {
$("#score").text("No analysis for this move");
update_refutation_lines();
clear_arrows();
update_displayed_line();
+ update_move_highlight();
return;
}
// Update the board itself.
fen = data['position']['fen'];
update_displayed_line();
+ update_move_highlight();
// Print the PV.
$("#pv").html(add_pv(data['position']['fen'], data['pv_pretty'], data['position']['move_num'], data['position']['toplay']));
update_historic_analysis();
update_displayed_line();
- update_highlight();
+ update_board_highlight();
redraw_arrows();
}
window['show_line'] = show_line;
}
update_historic_analysis();
update_displayed_line();
+ update_move_highlight();
}
window['prev_move'] = prev_move;
}
update_historic_analysis();
update_displayed_line();
+ update_move_highlight();
}
window['next_move'] = next_move;
$('#blackimbalance').html(black_imbalance);
}
-var update_displayed_line = function() {
+/** Mark the currently selected move in red.
+ */
+var update_move_highlight = function() {
if (highlighted_move !== null) {
highlighted_move.removeClass('highlight');
}
+ if (current_display_line !== null) {
+ highlighted_move = $("#automove" + current_display_line.line_number + "-" + current_display_move);
+ highlighted_move.addClass('highlight');
+ }
+}
+
+var update_displayed_line = function() {
if (current_display_line === null) {
$("#linenav").hide();
$("#linemsg").show();
$("#nextmove").html("<a href=\"javascript:next_move();\">Next</a></span>");
}
- highlighted_move = $("#automove" + current_display_line.line_number + "-" + current_display_move);
- highlighted_move.addClass('highlight');
-
var hiddenboard = chess_from(current_display_line.start_fen, current_display_line.pretty_pv, current_display_move);
board.position(hiddenboard.fen());
update_imbalance(hiddenboard.fen());
$(window).resize(function() {
board.resize();
update_sparkline(displayed_analysis_data || current_analysis_data);
- update_highlight();
+ update_board_highlight();
redraw_arrows();
});
$(window).keyup(function(event) {