var updraft_restore_screen = true;
var job_id = $('#updraftplus_ajax_restore_job_id').val();
var action = $('#updraftplus_ajax_restore_action').val();
var updraft_restore_update_timer;
var $output = $('#updraftplus_ajax_restore_output');
var $steps_list = $('.updraft_restore_components_list');
var auto_resume_count = 0;
var server_500_count = 0;
$('#updraft-restore-hidethis').remove();
updraft_restore_command(job_id, action);
* This function will start the restore over ajax for the passed in job_id.
* @param {string} job_id - the restore job id
* @param {string} action - the restore action
function updraft_restore_command(job_id, action) {
var xhttp = new XMLHttpRequest();
var xhttp_data = 'action=' + action + '&updraftplus_ajax_restore=do_ajax_restore&job_id=' + job_id;
var previous_data_length = 0;
var debug = $('#updraftplus_ajax_restore_debug').length;
xhttp.open("POST", ajaxurl, true);
xhttp.onprogress = function(response) {
if (response.currentTarget.status >= 200 && response.currentTarget.status < 300) {
if (-1 !== response.currentTarget.responseText.indexOf('<html')) {
alert("UpdraftPlus " + updraftlion.ajax_restore_error + ' ' + updraftlion.ajax_restore_invalid_response);
$output.append("UpdraftPlus " + updraftlion.ajax_restore_error + ' ' + updraftlion.ajax_restore_invalid_response);
console.log("UpdraftPlus restore error: HTML detected in response could be a copy of the WordPress front page caused by mod_security");
console.log(response.currentTarget.responseText);
if (previous_data_length == response.currentTarget.responseText.length) return;
last_received = Math.round(Date.now() / 1000);
var responseText = response.currentTarget.responseText.substr(previous_data_length);
previous_data_length = response.currentTarget.responseText.length;
// Check if there is restore information json in the response if so process it and remove it from the response so that it does not make it to page
while (i < responseText.length) {
var buffer = responseText.substr(i, 7);
if ('RINFO:{' == buffer) {
// Output what precedes the RINFO:
.append(responseText.substring(end_of_json, i).trim()) // add the text to the activity log
.scrollTop($output[0].scrollHeight); // Scroll to the bottom of the box
// Grab what follows RINFO:
var analyse_it = ud_parse_json(responseText.substr(i), true);
if (1 == debug) { console.log(analyse_it); }
updraft_restore_process_data(analyse_it.parsed);
// move the for loop counter to the end of the json
end_of_json = i + analyse_it.json_last_pos - analyse_it.json_start_pos + 6;
// When the for loop goes round again, it will start with the end of the JSON
$output.append(responseText.substr(end_of_json).trim()).scrollTop($output[0].scrollHeight);
// check if the fylesystem form is displayed
if ($output.find('input[name=connection_type]').length && $output.find('#upgrade').length) {
updraft_restore_setup_filesystem_form();
if (0 == response.currentTarget.status) {
$output.append("UpdraftPlus " + updraftlion.ajax_restore_error + ' ' + updraftlion.ajax_restore_contact_failed);
$output.append("UpdraftPlus " + updraftlion.ajax_restore_error + ' ' + response.currentTarget.status + ' ' + response.currentTarget.statusText);
console.log("UpdraftPlus restore error: " + response.currentTarget.status + ' ' + response.currentTarget.statusText);
console.log(response.currentTarget);
xhttp.onload = function() {
var $result = $output.find('.updraft_restore_successful, .updraft_restore_error');
// if we don't find the result, exit
if (!$result.length) return;
var $result_output = $('.updraft_restore_result');
$result_output.slideDown();
$steps_list.siblings('h2').slideUp();
if ($result.is('.updraft_restore_successful')) {
$result_output.find('.dashicons').addClass('dashicons-yes');
$result_output.find('.updraft_restore_result--text').text($result.text());
$result_output.addClass('restore-success');
} else if ($result.is('.updraft_restore_error')) {
$result_output.find('.dashicons').addClass('dashicons-no-alt');
$result_output.find('.updraft_restore_result--text').text($result.text());
$result_output.addClass('restore-error');
// scroll log to the bottom
$output.scrollTop($output[0].scrollHeight);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
* This function will process the parsed restore data and make updates to the front end
* @param {object} restore_data - the restore data object contains information on the restore progress to update the front end
function updraft_restore_process_data(restore_data) {
// If the stage is started then we want to start our restore timer as the restore has now actually began
if ('started' == restore_data.stage) {
updraft_restore_update_timer = setInterval(function () {
updraft_restore_update();
// If the stage is finished then we want to remove our timer and clean up the UI
if ('finished' == restore_data.stage && updraft_restore_update_timer) {
clearInterval(updraft_restore_update_timer);
$('#updraftplus_ajax_restore_last_activity').html('');
if ('state' == restore_data.type || 'state_change' == restore_data.type) {
console.log(restore_data.stage, restore_data.data);
if ('files' == restore_data.stage) {
current_stage = restore_data.data.entity;
current_stage = restore_data.stage;
var $current = $steps_list.find('[data-component='+current_stage+']');
// show simplified activity log next to the component's label
if ('files' == restore_data.stage) {
$current.find('.updraft_component--progress').html(' — '+updraftlion.restore_files_progress.replace('%s1', '<strong>'+(restore_data.data.fileindex)+'</strong>').replace('%s2', '<strong>'+restore_data.data.total_files+'</strong>'));
if ('db' == restore_data.stage) {
if (restore_data.data.hasOwnProperty('stage')) {
if ('table' == restore_data.data.stage) {
$current.find('.updraft_component--progress').html(' — '+updraftlion.restore_db_table_progress.replace('%s', '<strong>'+(restore_data.data.table)+'</strong>'));
} else if ('stored_routine' == restore_data.data.stage) {
$current.find('.updraft_component--progress').html(' — '+updraftlion.restore_db_stored_routine_progress.replace('%s', '<strong>'+(restore_data.data.routine_name)+'</strong>'));
} else if ('finished' == restore_data.data.stage) {
$current.find('.updraft_component--progress').html(' — '+updraftlion.finished);
} else if ('begun' == restore_data.data.stage) {
$current.find('.updraft_component--progress').html(' — '+updraftlion.begun+'...');
if (previous_stage !== current_stage) {
var $prev = $steps_list.find('[data-component='+previous_stage+']');
// empty the line's status
$prev.find('.updraft_component--progress').html('');
$prev.removeClass('active').addClass('done');
if ('finished' == current_stage) {
$current.addClass('done');
$steps_list.find('[data-component]').each(function(index, el) {
if (restore_data.data.hasOwnProperty('actions') && 'object' == typeof restore_data.data.actions) {
var pages_found = updraft_restore_get_pages(restore_data.data.urls);
if (!$.isEmptyObject(pages_found)) {
$('.updraft_restore_result').before(updraftlion.ajax_restore_404_detected);
$.each(pages_found, function(index, url) {
$('.updraft_missing_pages').append('<li>'+url+'</li>');
$.each(restore_data.data.actions, function(index, item) {
$steps_list.after('<a href="'+item+'" class="button button-primary">'+index+'</a>');
$current.addClass('active');
previous_stage = current_stage;
* This function will update the time in the front end that we last recived data, after 120 seconds call the resume restore notice
function updraft_restore_update() {
var current_time = Math.round(Date.now() / 1000);
var last_activity = current_time - last_received;
if (60 > last_activity) {
$('#updraftplus_ajax_restore_last_activity').html(updraftlion.last_activity.replace('%d', last_activity));
var resume_in = 120 - last_activity;
$('#updraftplus_ajax_restore_last_activity').html(updraftlion.no_recent_activity.replace('%d', resume_in));
$('#updraftplus_ajax_restore_last_activity').html('');
updraft_restore_resume_notice();
* This will move the filesystem form to take all the required space
function updraft_restore_setup_filesystem_form() {
// Hiding things is handled via CSS
$('.updraft_restore_main').addClass('show-credentials-form');
if ($('#message').length) {
$('.restore-credential-errors .restore-credential-errors--list').appendTo($('#message'));
$('.restore-credential-errors .restore-credential-errors--link').appendTo($('#message'));
* This function will make a call to the backend to get the resume restore notice so the user can resume the timed out restore from the same page
function updraft_restore_resume_notice() {
updraft_send_command('get_restore_resume_notice', { job_id: job_id }, function(response) {
if (response.hasOwnProperty('status') && 'success' == response.status && response.hasOwnProperty('html')) {
if (updraft_restore_update_timer) clearInterval(updraft_restore_update_timer);
if ('plugins' != current_stage && 'db' != current_stage && 5 > auto_resume_count) {
updraft_restore_command(job_id, 'updraft_ajaxrestore_continue');
$('.updraft_restore_main--components').prepend(response.html);
} else if (response.hasOwnProperty('error_code') && response.hasOwnProperty('error_message')) {
if (updraft_restore_update_timer) clearInterval(updraft_restore_update_timer);
alert(response.error_code + ': ' + response.error_message);
console.log(response.error_code + ': ' + response.error_message);
error_callback: function (response, status, error_code, resp) {
if (500 == response.status && 3 > server_500_count) {
updraft_restore_command(job_id, 'updraft_ajaxrestore_continue');
updraft_restore_process_data({stage: 'finished', type: 'state_change'})
var error_message = "updraft_send_command: error: " + status + " (" + error_code + ")";
console.log(error_message);
* This function will make a call to the passed in urls and check if the response code is a 404 if it is then add it to the array of urls that are not found and return it
* @param {array} urls - the urls we want to test
* @return {array} an array of urls not found
function updraft_restore_get_pages(urls) {
$.each(urls, function(index, url) {
var xhttp = new XMLHttpRequest();
xhttp.open('GET', url, false);
if (xhttp.status == 404) urls_not_found.push(url);
$('#updraftplus_ajax_restore_progress').on('click', '#updraft_restore_resume', function(e) {
$("#updraftplus_ajax_restore_progress").slideUp(1000, function () {
updraft_restore_command(job_id, 'updraft_ajaxrestore_continue');
$(document).on('heartbeat-tick', function (event, heartbeat_data) {
if (!heartbeat_data.hasOwnProperty('wp-auth-check')) return;
// check if we are logged out
if (!heartbeat_data["wp-auth-check"]) {
// if we were previously logged out but are now logged in retry the restore
if (logged_out && heartbeat_data["wp-auth-check"]) {
last_received = Math.round(Date.now() / 1000);
if (!heartbeat_data.hasOwnProperty('updraftplus')) return;
var updraftplus_data = heartbeat_data.updraftplus;
// if we are logged in, check if theres a new nonce
if (updraftplus_data.hasOwnProperty('updraft_credentialtest_nonce')) {
updraft_credentialtest_nonce = updraftplus_data.updraft_credentialtest_nonce;
last_received = Math.round(Date.now() / 1000);