feat(admin-tool): add dry run input box impress-org#2419

assets/src/js/admin/admin-importer.js

@@ -0,0 +1,209 @@
+/**
+ * Give Admin JS
+ *
+ * @package:     Give
+ * @subpackage:  Assets/JS
+ * @copyright:   Copyright (c) 2016, WordImpress
+ * @license:     http://opensource.org/licenses/gpl-2.0.php GNU Public License
+ */
+
+/**
+ * Do not allow user to reload the page
+ *
+ * @since 1.8.14
+ */
+var give_setting_edit = true;
+
+jQuery.noConflict();
+(function ($) {
+	// On DOM Ready.
+	$(function () {
+		give_import_donation_onload();
+	} );
+})( jQuery );
+
+/**
+ * Run when user click on submit button.
+ *
+ * @since 1.8.17
+ */
+function give_on_core_settings_import_start() {
+	var $form = jQuery('form.tools-setting-page-import');
+	var progress = $form.find('.give-progress');
+
+	give_setting_edit = true;
+
+	jQuery.ajax({
+		type: 'POST',
+		url: ajaxurl,
+		data: {
+			action: give_vars.core_settings_import,
+			fields: $form.serialize()
+		},
+		dataType: 'json',
+		success: function (response) {
+			give_setting_edit = false;
+			if (true === response.success) {
+				jQuery(progress).find('div').width(response.percentage + '%');
+			} else {
+				alert(give_vars.error_message);
+			}
+			window.location = response.url;
+		},
+		error: function () {
+			give_setting_edit = false;
+			alert(give_vars.error_message);
+		}
+	});
+}
+
+/**
+ * Upload CSV ajax
+ *
+ * @since 1.8.13
+ */
+function give_on_donation_import_ajax() {
+	var $form = jQuery('form.tools-setting-page-import');
+
+	/**
+	 * Do not allow user to reload the page
+	 *
+	 * @since 1.8.14
+	 */
+	give_setting_edit = true;
+
+	var progress = $form.find('.give-progress');
+
+	var total_ajax = jQuery(progress).data('total_ajax'),
+		current = jQuery(progress).data('current'),
+		start = jQuery(progress).data('start'),
+		end = jQuery(progress).data('end'),
+		next = jQuery(progress).data('next'),
+		total = jQuery(progress).data('total'),
+		per_page = jQuery(progress).data('per_page');
+
+	jQuery.ajax({
+		type: 'POST',
+		url: ajaxurl,
+		data: {
+			action: give_vars.give_donation_import,
+			total_ajax: total_ajax,
+			current: current,
+			start: start,
+			end: end,
+			next: next,
+			total: total,
+			per_page: per_page,
+			fields: $form.serialize()
+		},
+		dataType: 'json',
+		success: function (response) {
+			jQuery(progress).data('current', response.current);
+			jQuery(progress).find('div').width(response.percentage + '%');
+
+			if (response.next == true) {
+				jQuery(progress).data('start', response.start);
+				jQuery(progress).data('end', response.end);
+
+				if (response.last == true) {
+					jQuery(progress).data('next', false);
+				}
+				give_on_donation_import_ajax();
+			} else {
+				/**
+				 * Now user is allow to reload the page.
+				 *
+				 * @since 1.8.14
+				 */
+				give_setting_edit = false;
+				window.location = response.url;
+			}
+		},
+		error: function () {
+			/**
+			 * Now user is allow to reload the page.
+			 *
+			 * @since 1.8.14
+			 */
+			give_setting_edit = false;
+			alert(give_vars.error_message);
+		}
+	});
+}
+
+window.give_on_donation_import_ajax = give_on_donation_import_ajax;
+
+/**
+ * Give Import donation run on load once page is load completed.
+ */
+function give_import_donation_onload() {
+	window.onload = function () {
+		give_import_donation_required_fields_check();
+		give_import_donation_on_drop_down_change();
+	};
+}
+
+/**
+ * Give import donation on change of drop down and update the required fields.
+ */
+function give_import_donation_on_drop_down_change() {
+	var fields = document.querySelector('.give-tools-setting-page-import table.step-2 tbody select');
+	if (fields !== 'undefined' && fields !== null) {
+		jQuery('.give-tools-setting-page-import table.step-2 tbody').on('change', 'select', function () {
+			give_import_donation_required_fields_check();
+		});
+	}
+}
+
+/**
+ * Give Import Donations check required fields
+ */
+function give_import_donation_required_fields_check() {
+	var required_fields = document.querySelector('.give-tools-setting-page-import table.step-2 .give-import-donation-required-fields');
+	if (required_fields !== 'undefined' && required_fields !== null) {
+		var submit = true,
+			email = false,
+			first_name = false,
+			amount = false,
+			form = false;
+
+		document.querySelectorAll('.give-import-donation-required-fields li').forEach(function (value) {
+			value.querySelector('.dashicons').classList.remove('dashicons-yes');
+			value.querySelector('.dashicons').classList.add('dashicons-no-alt');
+		});
+
+		var select_fields = Array.from(document.querySelectorAll('table.step-2 tbody select')).map(function (field) {
+			return field.value;
+		});
+
+		if (select_fields.includes('email')) {
+			email = true;
+			document.querySelector('.give-import-donation-required-email .dashicons').classList.remove('dashicons-no-alt');
+			document.querySelector('.give-import-donation-required-email .dashicons').classList.add('dashicons-yes');
+		}
+
+		if (select_fields.includes('first_name')) {
+			first_name = true;
+			document.querySelector('.give-import-donation-required-first .dashicons').classList.remove('dashicons-no-alt');
+			document.querySelector('.give-import-donation-required-first .dashicons').classList.add('dashicons-yes');
+		}
+
+		if (select_fields.includes('amount')) {
+			amount = true;
+			document.querySelector('.give-import-donation-required-amount .dashicons').classList.remove('dashicons-no-alt');
+			document.querySelector('.give-import-donation-required-amount .dashicons').classList.add('dashicons-yes');
+		}
+
+		if (select_fields.includes('form_id') || select_fields.includes('form_title')) {
+			form = true;
+			document.querySelector('.give-import-donation-required-form .dashicons').classList.remove('dashicons-no-alt');
+			document.querySelector('.give-import-donation-required-form .dashicons').classList.add('dashicons-yes');
+		}
+
+		if (email && first_name && amount && form) {
+			submit = false;
+		}
+
+		document.getElementById('recount-stats-submit').disabled = submit;
+	}
+}