/* eslint-disable func-names */
import mp from 'mailpoet';
import jQuery from 'jquery';

var MailPoet = mp;
MailPoet.MP2Migrator = {

  fatal_error: '',
  is_logging: false,

  startLogger: function () {
    MailPoet.MP2Migrator.is_logging = true;
    clearTimeout(MailPoet.MP2Migrator.displayLogs_timeout);
    clearTimeout(MailPoet.MP2Migrator.updateProgressbar_timeout);
    clearTimeout(MailPoet.MP2Migrator.update_wordpress_info_timeout);
    setTimeout(MailPoet.MP2Migrator.updateDisplay, 1000);
  },

  stopLogger: function () {
    MailPoet.MP2Migrator.is_logging = false;
  },

  updateDisplay: function () {
    MailPoet.MP2Migrator.displayLogs();
    MailPoet.MP2Migrator.updateProgressbar();
  },

  displayLogs: function () {
    jQuery.ajax({
      url: window.mailpoet_mp2_migrator.log_file_url,
      cache: false,
    }).done(function (result) {
      jQuery('#logger').html('');
      result.split('\n').forEach(function (resultRow) {
        var row = resultRow;
        if (row.substr(0, 7) === '[ERROR]' || row.substr(0, 9) === '[WARNING]' || row.toLowerCase() === MailPoet.I18n.t('import_stopped_by_user').toLowerCase()) {
          row = '<span class="error_msg">' + row + '</span>'; // Mark the errors in red
        } else if (row.toLowerCase() === MailPoet.I18n.t('import_complete').toLowerCase()) { // Test if the import is complete
          jQuery('#import-actions').hide();
          jQuery('#upgrade-completed').show();
        }
        jQuery('#logger').append(row + '<br />\n');
      });
      jQuery('#logger').append('<span class="error_msg">' + MailPoet.MP2Migrator.fatal_error + '</span><br />\n');
    }).always(function () {
      if (MailPoet.MP2Migrator.is_logging) {
        MailPoet.MP2Migrator.displayLogs_timeout = setTimeout(
          MailPoet.MP2Migrator.displayLogs,
          1000
        );
      }
    });
  },

  updateProgressbar: function () {
    jQuery.ajax({
      url: window.mailpoet_mp2_migrator.progress_url,
      cache: false,
      dataType: 'json',
    }).always(function (result) {
      // Move the progress bar
      var progress = 0;
      if ((result.total !== undefined) && (Number(result.total) !== 0)) {
        progress = Math.round((Number(result.current) / Number(result.total)) * 100);
      }
      jQuery('#progressbar').progressbar('option', 'value', progress);
      jQuery('#progresslabel').html(progress + '%');
      if (Number(result.current) !== 0) {
        jQuery('#skip-import').hide();
        jQuery('#progressbar').show();
        jQuery('#logger-container').show();
      }
      if (MailPoet.MP2Migrator.is_logging) {
        MailPoet.MP2Migrator.updateProgressbar_timeout = setTimeout(
          MailPoet.MP2Migrator.updateProgressbar,
          1000
        );
      }
    });
  },

  startImport: function () {
    MailPoet.MP2Migrator.fatal_error = '';
    // Start displaying the logs
    MailPoet.MP2Migrator.startLogger();

    // Disable the import button
    MailPoet.MP2Migrator.import_button_label = jQuery('#import').val();
    jQuery('#import').val(MailPoet.I18n.t('importing')).attr('disabled', 'disabled');
    // Hide the Skip button
    jQuery('#skip-import').hide();
    // Show the stop button
    jQuery('#stop-import').show();

    // Run the import
    MailPoet.Ajax.post({
      api_version: window.mailpoet_api_version,
      endpoint: 'MP2Migrator',
      action: 'import',
      data: {
      },
    }).always(function () {
      MailPoet.MP2Migrator.stopLogger();
      // Get the latest information after the import was stopped
      MailPoet.MP2Migrator.updateDisplay();
      MailPoet.MP2Migrator.reactivateImportButton();
    }).done(function (response) {
      if (response) {
        MailPoet.MP2Migrator.fatal_error = response.data;
      }
    }).fail(function (response) {
      if (response.errors.length > 0) {
        MailPoet.Notice.error(
          response.errors.map(function (error) {
            return error.message;
          }),
          { scroll: true }
        );
      }
    });
    return false;
  },

  reactivateImportButton: function () {
    jQuery('#import').val(MailPoet.MP2Migrator.import_button_label).removeAttr('disabled');
    jQuery('#stop-import').hide();
  },

  stopImport: function () {
    jQuery('#stop-import').attr('disabled', 'disabled');
    // Stop the import
    MailPoet.Ajax.post({
      api_version: window.mailpoet_api_version,
      endpoint: 'MP2Migrator',
      action: 'stopImport',
      data: {
      },
    }).always(function () {
      jQuery('#stop-import').removeAttr('disabled'); // Enable the button
      MailPoet.MP2Migrator.reactivateImportButton();
      // Get the latest information after the import was stopped
      MailPoet.MP2Migrator.updateDisplay();
    }).fail(function (response) {
      if (response.errors.length > 0) {
        MailPoet.Notice.error(
          response.errors.map(function (error) {
            return error.message;
          }),
          { scroll: true }
        );
      }
    });
    MailPoet.MP2Migrator.stopLogger();
    return false;
  },

  skipImport: function () {
    MailPoet.Ajax.post({
      api_version: window.mailpoet_api_version,
      endpoint: 'MP2Migrator',
      action: 'skipImport',
      data: {
      },
    }).done(function () {
      MailPoet.MP2Migrator.gotoWelcomePage();
    }).fail(function (response) {
      if (response.errors.length > 0) {
        MailPoet.Notice.error(
          response.errors.map(function (error) {
            return error.message;
          }),
          { scroll: true }
        );
      }
    });
    return false;
  },

  gotoWelcomePage: function () {
    window.location.href = 'admin.php?page=mailpoet-welcome-wizard';
    return false;
  },

};

/**
   * Actions to run when the DOM is ready
   */
jQuery(function () {
  jQuery('#progressbar').progressbar({ value: 0 });

  // Import button
  jQuery('#import').click(function () {
    MailPoet.MP2Migrator.startImport();
  });

  // Stop import button
  jQuery('#stop-import').click(function () {
    MailPoet.MP2Migrator.stopImport();
  });

  // Skip import link
  jQuery('#skip-import').click(function () {
    MailPoet.MP2Migrator.skipImport();
  });

  // Go to welcome page
  jQuery('#goto-welcome').click(function () {
    MailPoet.MP2Migrator.gotoWelcomePage();
  });

  // Update the display
  MailPoet.MP2Migrator.updateDisplay();
});