/** @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 */
possibly_play_sound(current_analysis_data, new_data);
current_analysis_data = new_data;
- update_board(current_analysis_data, displayed_analysis_data);
+ update_board();
update_num_viewers(num_viewers);
// Next update.
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) {
}
}
-/**
- * @param {Object} data
- * @param {?Object} display_data
+/** Update all the HTML on the page, based on current global state.
*/
-var update_board = function(current_data, display_data) {
- var data = display_data || current_data;
+var update_board = function() {
+ var data = displayed_analysis_data || current_analysis_data;
+ var current_data = current_analysis_data; // Convenience alias.
display_lines = [];
}
var last_move;
- if (display_data) {
+ if (displayed_analysis_data) {
// Displaying some non-current position, pick out the last move
// from the history. This will work even if the fetch failed.
last_move = format_halfmove_with_number(
} 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']));
// TODO: Support exiting to history position if we are in an
// analysis line of a history position.
displayed_analysis_data = null;
- update_board(current_analysis_data, displayed_analysis_data);
+ update_board();
}
} else {
current_display_line = display_lines[line_num];
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;
}
if (current_display_move == current_display_line.pretty_pv.length - 1) {
displayed_analysis_data = null;
- update_board(current_analysis_data, displayed_analysis_data);
+ update_board();
}
// Fetch old analysis for this line if it exists.
url: filename
}).done(function(data, textstatus, xhr) {
displayed_analysis_data = data;
- update_board(current_analysis_data, displayed_analysis_data);
+ update_board();
}).fail(function(jqXHR, textStatus, errorThrown) {
if (textStatus === "abort") {
// Aborted because we are switching backends. Don't do anything;
// we will already have been cleared.
} else {
displayed_analysis_data = {'failed': true};
- update_board(current_analysis_data, displayed_analysis_data);
+ update_board();
}
});
}
$('#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) {