cacti/install/install.js

/*
  +-------------------------------------------------------------------------+
  | Copyright (C) 2004-2026 The Cacti Group                                 |
  |                                                                         |
  | This program is free software; you can redistribute it and/or           |
  | modify it under the terms of the GNU General Public License             |
  | as published by the Free Software Foundation; either version 2          |
  | of the License, or (at your option) any later version.                  |
  |                                                                         |
  | This program is distributed in the hope that it will be useful,         |
  | but WITHOUT ANY WARRANTY; without even the implied warranty of          |
  | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the           |
  | GNU General Public License for more details.                            |
  +-------------------------------------------------------------------------+
  | Cacti: The Complete RRDTool-based Graphing Solution                     |
  +-------------------------------------------------------------------------+
  | This code is designed, written, and maintained by the Cacti Group. See  |
  | about.php and/or the AUTHORS file for specific developer information.   |
  +-------------------------------------------------------------------------+
  | http://www.cacti.net/                                                   |
  +-------------------------------------------------------------------------+
*/

/***********************************************************
 * The STEP_ constants are defined in the following files: *
 *                                                         *
 * lib/installer.php                                       *
 * install/install.js                                      *
 *                                                         *
 * All files must be updated to match for the installation *
 * process to work properly                                *
 ***********************************************************/

const STEP_NONE = 0;
const STEP_WELCOME = 1;
const STEP_CHECK_DEPENDENCIES = 2;
const STEP_INSTALL_TYPE = 3;
const STEP_PERMISSION_CHECK = 4;
const STEP_BINARY_LOCATIONS = 5;
const STEP_INPUT_VALIDATION = 6;
const STEP_PROFILE_AND_AUTOMATION = 7;
const STEP_TEMPLATE_INSTALL = 8;
const STEP_CHECK_TABLES = 9;
const STEP_INSTALL_CONFIRM = 10;
const STEP_INSTALL_OLDVERSION = 11;
const STEP_INSTALL = 97;
const STEP_COMPLETE = 98;
const STEP_ERROR = 99;
const STEP_GO_SITE = -1;
const STEP_GO_FORUMS = -2;
const STEP_GO_GITHUB = -3;
const STEP_TEST_REMOTE = -4;

const DB_STATUS_ERROR = 0;
const DB_STATUS_WARNING = 1;
const DB_STATUS_RESTART = 2;
const DB_STATUS_SUCCESS = 3;
const DB_STATUS_SKIPPED = 4;

const FIELDS_WELCOME = {
	accept:                { type: 'checkbox', name: 'Eula'               },
	theme:                 { type: 'dropdown', name: 'Theme'              },
	language:              { type: 'dropdown', name: 'Language'           },
}

const FIELDS_INSTALL_TYPE = {
	install_type:          { type: 'dropdown', name: 'Mode'               },
}

const FIELDS_BINARY_OPTIONS = {
	selected_theme:        { type: 'dropdown', name: 'Theme'              },
	rrdtool_version:       { type: 'dropdown', name: 'RRDVersion'         },
}

const FIELDS_BINARY_LOCATIONS = {
	paths:                 { type: 'textbox',  prefix: 'path_'            },
	settings_sendmail_path:{ type: 'textbox',  name: 'settings_sendmail_path' },
}

const FIELDS_PROFILE = {
	admin_email_address:   { type: 'textbox',  name: 'AdminEmailAddress'  },
	default_profile:       { type: 'dropdown', name: 'Profile'            },
	cron_interval:         { type: 'textbox',  name: 'CronInterval'       },
	automation_mode:       { type: 'checkbox', name: 'AutomationMode'     },
	automation_range:      { type: 'textbox',  name: 'AutomationRange'    },
	automation_override:   { type: 'checkbox', name: 'AutomationOverride' },
}

const FIELDS_SNMP = {
	snmp_version:          { type: 'dropdown', name: 'SnmpVersion'        },
	snmp_community:        { type: 'textbox',  name: 'SnmpCommunity'      },
	snmp_security_level:   { type: 'dropdown', name: 'SnmpSecurityLevel'  },
	snmp_username:         { type: 'textbox',  name: 'SnmpUsername'       },
	snmp_auth_protocol:    { type: 'dropdown', name: 'SnmpAuthProtocol'   },
	snmp_password:         { type: 'textbox',  name: 'SnmpPassword'       },
	snmp_priv_protocol:    { type: 'dropdown', name: 'SnmpPrivProtocol'   },
	snmp_priv_passphrase:  { type: 'textbox',  name: 'SnmpPrivPassphrase' },
	snmp_context:          { type: 'textbox',  name: 'SnmpContext'        },
	snmp_engine_id:        { type: 'textbox',  name: 'SnmpEngineId'       },
	snmp_port:             { type: 'textbox',  name: 'SnmpPort'           },
	snmp_timeout:          { type: 'textbox',  name: 'SnmpTimeout'        },
	max_oids:              { type: 'textbox',  name: 'SnmpMaxOids'        },
	snmp_retries:          { type: 'textbox',  name: 'SnmpRetries'        },
};

const FIELDS_CHECK_TABLES = {
	tables:                { type: 'checkbox'                             },
}

const FIELDS_TEMPLATES = {
	templates:             { type: 'checkbox'                             },
}

var installTimer;

function setSNMPOverride() {
	const element = $('#automation_override');
	if (element !== null && element.length > 0) {
		const enabled = ($(element[0]).is(':checked'));
		toggleSection('#automation_snmp_options', enabled);
	}
}

function setButtonData(buttonName, buttonData) {
	var button = $(`#button${buttonName}`);
	if (button !== null) {
		button.button();
		button.data('buttonData', buttonData);
		if (buttonData != null) {
			button.data('buttonData');
			if (buttonData.Enabled) {
				button.button('enable');
			} else {
				button.button('disable');
			}

			if (buttonData.Visible) {
				button.show();
			} else {
				button.hide();
			}
			button.val(buttonData.Text);
		}

	}
}

function setFieldData(fields, fieldData) {
	if (fieldData == null) {
		return;
	}

	for (const fieldId in fields) {
		if (!fields.hasOwnProperty(fieldId)) {
			continue;
		}

		const field = fields[fieldId];

		if (field.type == "checkbox") {
			for (var propName in fieldData) {
				if (fieldData.hasOwnProperty(propName)) {
					propValue = fieldData[propName];
					if (propValue !== undefined) {
						element = $(`#${propName}`);
						if (element !== null && element.length > 0) {
							element.prop('checked', propValue != 0);
						}
					}
				}
			}
		} else if (fieldData[field.name]) {
			element = $(`#${fieldId}`);
			if (element !== null && element.length > 0) {
				if (field.type == 'textbox') {
					element[0].value = fieldData[field.name];
				} else if (field.type == 'dropdown' ) {
					element[0].value = fieldData[field.name];
				}
			}
		}
	};
}

function getFieldData(fields, fieldData) {
	if (fieldData == null) {
		return;
	}

	for (const fieldId in fields) {
		if (!fields.hasOwnProperty(fieldId)) {
			continue;
		}

		const field = fields[fieldId];

		if (field.type == 'checkbox') {
			if (field.name) {
				fieldData[field.name] = $("#" + fieldId).is(':checked');
			} else {
				prefix="chk_";
				if (field.prefix) {
					prefix = field.prefix;
				}

				$(`input[name^="${prefix}"]`).each(function(index,element) {
					fieldData[element.id] = $(element).is(':checked');
				});
			}
		} else {
			if (field.prefix) {
				$(`input[name^="${field.prefix}"]`).each(function(index, element) {
					fieldData[element.id] = element.value;
				});
			} else {
				element = $(`#${fieldId}`);
				if (element !== null && element.length > 0) {
					if (field.type == 'textbox') {
						fieldData[field.name] = element[0].value;
					} else if (field.type == 'dropdown') {
						fieldData[field.name] = element[0].value;
					}
				}
			}
		}
	};
}

function getDefaultInstallData() {
	return { Step: STEP_NONE, Eula: 0 };
}

function toggleHeader(key, initial) {
	if (initial === undefined) {
		initial = null;
	}

	if (key != null) {
		header = $(key);
		if (header !== null && header.length > 0) {
			firstSibling = header.next();

			if (initial !== null) {
				firstSibling.hide();
			} else {
				if (firstSibling.is(':visible')) {
					firstSibling.slideUp();
				} else {
					firstSibling.slideDown();
				}
			}
		}
	}
}

function toggleSection(key, initial) {
	if (initial === undefined) {
		initial = null;
	}

	if (key != null) {
		header = $(key);
		if (header !== null && header.length > 0) {

			if (initial === null) {
				initial = !header.visible;
			}

			firstSibling = header.next();
			if (!initial) {
				firstSibling.hide();
				header.hide();
			} else {
				header.show();
				firstSibling.show();
			}
		}
	}
}

function disableButton(buttonName) {
	button = $(`#button${buttonName}`);
	if (button !== null) {
		button.button();
		button.button('disable');
	}
}

function enableButton(buttonName) {
	button = $(`#button${buttonName}`);
	if (button !== null) {
		button.button();
		button.button('enable');
	}
}

function collapseHeadings(headingStates) {
	for (const key in headingStates) {
		// skip loop if the property is from prototype
		if (!headingStates.hasOwnProperty(key)) continue;

		const enabled = headingStates[key];
		const element = $(`#${key}`);
		if (element !== null && element.length > 0) {
			fa_icon = 'ti ti-alert-triangle-filled';
			if (enabled == DB_STATUS_ERROR) {
				fa_icon = 'ti ti-thumb-down cactiInstallSqlFailure';
			} else if (enabled == DB_STATUS_WARNING) {
				fa_icon = 'ti ti-alert-triangle-filled cactiInstallSqlWarning';
			} else if (enabled == DB_STATUS_RESTART) {
				fa_icon = 'ti ti-alert-triangle-filled cactiInstallSqlWarning';
			} else if (enabled == DB_STATUS_SUCCESS) {
				fa_icon = 'ti ti-thumb-up cactiInstallSqlSuccess';
				toggleHeader(element, false);
			} else if (enabled) {
				fa_icon = 'ti ti-check-circle cactiInstallSqlSkipped';
				toggleHeader(element, false);
			}

			element.append(`<div class="cactiInstallValid"><i class="${fa_icon}"></i></div>`);

			element.on('click', function(e) {
				toggleHeader(e.currentTarget);
			});
		} else {
			window.alert(`missing section "${key}"`);
		}
	}
}

function hideHeadings(headingStates) {
	for (const key in headingStates) {
		// skip loop if the property is from prototype
		if (!headingStates.hasOwnProperty(key)) {
			continue;
		}

		const enabled = headingStates[key];
		const element = $(`#${key}`);
		if (element !== null && element.length > 0) {
			if (!enabled) {
				element.hide();
				toggleHeader(element, true);
			} else {
				element.show();
				toggleHeader(element, false);
			}
		} else {
			window.alert(`missing section "${key}"`);
		}
	}
}

function processStepWelcome(StepData) {
	setFieldData(FIELDS_WELCOME, StepData);

//	if (StepData.Eula == 1) {
//		$('#accept').prop('checked',true);
//	}

	$('select#theme').selectmenu({
		change: function() {
			performStep(STEP_WELCOME, undefined, true);
		}
	});

	$.widget( "custom.iconselectmenu", $.ui.selectmenu, {
		_renderItem: function( ul, item ) {
			var li = $( "<li>" ), wrapper = $( "<div>", { text: item.label } );
			if ( item.disabled ) {
				li.addClass( "ui-state-disabled" );
			}

			$( "<span>", {
				style: item.element.attr( "data-style" ),
				"class": "fi fis " + item.element.attr( "data-class" )
			}).appendTo( wrapper );

			return li.append( wrapper ).appendTo( ul );
		}
	});

	$("select#language").selectmenu('destroy').iconselectmenu({
		change: function() {
			performStep(STEP_WELCOME, undefined, true);
		}
	}).iconselectmenu( "menuWidget" ).addClass( "ui-menu-icons customicons" );

	if ($('#accept').length) {
		$('#accept').on('click', function() {
			performStep(STEP_WELCOME);
			if ($('#accept').is(':checked')) {
				$('#buttonNext').button('enable');
			} else {
				$('#buttonNext').button('disable');
			}
		});
	}
}

function processStepCheckDependencies(StepData) {
	collapseHeadings(StepData.Sections);
}

function processStepInstallType(StepData) {
	if (StepData != null) {
		const sections = (StepData.Sections == null) ? [] : StepData.Sections;
		hideHeadings(sections);

		$('.cactiInstallSectionTitle').each(function() {
			if ($(this).is(':visible')) {
				$(this).next().show();
			}
		});

		if (sections.connection_remote) {
			if (sections.error_file || sections.error_poller) {
				$('#buttonTest').button('disable');
			}
		}

		$('select#install_type').selectmenu({
			change: function() {
				performStep(STEP_INSTALL_TYPE);
			}
		});
	}
}

function processStepPermissionCheck(StepData) {
	collapseHeadings(StepData.Sections);
}

function processStepBinaryLocations(StepData) {
	setFieldData(FIELDS_BINARY_OPTIONS, StepData);
	setFieldData(FIELDS_BINARY_LOCATIONS, StepData);
}

function processStepProfileAndAutomation(StepData) {
	setFieldData(FIELDS_PROFILE, StepData);
	setFieldData(FIELDS_SNMP, StepData);

	setSNMP();
	applySkin();

	element = $('#automation_override');
	if (element !== null && element.length > 0) {
		element.on('change', function() {
			setSNMPOverride();
		});
	}

	setSNMPOverride();
}

function processStepTemplateInstall(StepData) {
	const templates = StepData.Templates;
	if (templates.all) {
		element = $('#selectall');
		if (element !== null && element.length > 0) {
			element.trigger('click');
		}
	} else {
		setFieldData(FIELDS_TEMPLATES, StepData.Templates);
	}

}

function processStepCheckTables(StepData) {
	const tables = StepData.Tables;
	if (tables.all) {
		element = $('#selectall');
		if (element !== null && element.length > 0) {
			element.trigger('click');
		}
	} else {
		setFieldData(FIELDS_CHECK_TABLES, StepData.Tables);
	}

}

function processStepNoticesRecommendations(StepData) {
	if ($('#confirm').length) {
		$('#confirm').on('click', function() {
			if ($(this).is(':checked')) {
				$('#buttonNext').button('enable');
			} else {
				$('#buttonNext').button('disable');
			}
		});

		if ($('#confirm').is(':checked')) {
			$('#buttonNext').button('enable');
		} else {
			$('#buttonNext').button('disable');
		}
	}
}

function processStepInstallConfirm(StepData) {
	if ($('#confirm').length) {
		$('#confirm').on('click', function() {
			if ($(this).is(':checked')) {
				$('#buttonNext').button('enable');
			} else {
				$('#buttonNext').button('disable');
			}
		});

		if ($('#confirm').is(':checked')) {
			$('#buttonNext').button('enable');
		} else {
			$('#buttonNext').button('disable');
		}
	}
}

function processStepInstallRefresh() {
	performStep(STEP_INSTALL, true);
}

function processStepInstallStatus(current, total) {
	return '';
}

function processStepInstall(StepData) {
	progress(0.0, 1.0, $('#cactiInstallProgressCountdown'), processStepInstallRefresh, processStepInstallStatus);
	setProgressBar(StepData.Current, StepData.Total, $('#cactiInstallProgressBar'), 0.0);
}

function processStepComplete(Step, StepData) {
	if (StepData != null) {
		collapseHeadings(StepData.Sections);
	}
}

function setProgressBar(current, total, element, updatetime, fnStatus) {
	var progressBarWidth = element.width() * (current / total);
	if (fnStatus != null) {
		status = fnStatus(current, total);
	} else {
		status = (current * 100) / total + '&nbsp;%';
	}
	element.find('div').animate({ width: progressBarWidth }, updatetime).html(status);
}

function progress(timeleft, timetotal, $element, fnComplete, fnStatus) {
	setProgressBar(timetotal, timetotal, $element, 0, fnStatus);
	setProgressBar(timeleft, timetotal, $element, 1000, fnStatus);
	setTimeout(function() {
		fnComplete();
	}, 1000);
}

function prepareInstallData(installStep, stepOnly) {
	installData = $('#installData').data('installData');
	if (typeof installData === 'undefined' || installData === null) {
		installData = getDefaultInstallData();
	}

	// No installation step if we have never started.
	if (installStep === undefined && installData.Step == STEP_NONE) {
		newData = [];
	} else {
		newData = getDefaultInstallData();

		props = [ 'Step' , 'Eula' ];
		for (i = 0; i < props.length; i++) {
			propName = props[i];
			if (installData.hasOwnProperty(propName)) {
				newData[propName] = installData[propName];
			}
		}

		if (installStep !== undefined) {
			step = installData.Step;
			if (step == STEP_WELCOME) prepareStepWelcome(newData);

			// Assume we want all data if stepOnly not set
			if (stepOnly === undefined) {
				if (step == STEP_INSTALL_TYPE) prepareStepInstallType(newData);
				else if (step == STEP_BINARY_LOCATIONS) prepareStepBinaryLocations(newData);
				else if (step == STEP_PROFILE_AND_AUTOMATION) prepareStepProfileAndAutomation(newData);
				else if (step == STEP_TEMPLATE_INSTALL) prepareStepTemplateInstall(newData);
				else if (step == STEP_CHECK_TABLES) prepareStepCheckTables(newData);

				newData.Step = installStep;
			}
		}
	}
	return JSON.stringify(newData);
}

function prepareStepWelcome(installData) {
	getFieldData(FIELDS_WELCOME, installData);
}

function prepareStepInstallType(installData) {
	getFieldData(FIELDS_INSTALL_TYPE, installData);
}

function prepareStepBinaryLocations(installData) {
	installData.Paths = {};

	getFieldData(FIELDS_BINARY_OPTIONS, installData);
	getFieldData(FIELDS_BINARY_LOCATIONS, installData.Paths);
}

function prepareStepProfileAndAutomation(installData) {
	installData.SnmpOptions = {};

	getFieldData(FIELDS_PROFILE, installData);
	getFieldData(FIELDS_SNMP, installData.SnmpOptions);
}

function prepareStepCheckTables(installData) {
	installData.Tables = {}

	getFieldData(FIELDS_CHECK_TABLES, installData.Tables);
}

function prepareStepTemplateInstall(installData) {
	installData.Templates = {}

	getFieldData(FIELDS_TEMPLATES, installData.Templates);
}

function setAddressBar(data, replace) {
	if (replace) {
		window.history.replaceState('', `Cacti Installation - Step ${data.Step}`, `install.php?data=${prepareInstallData(data.Step, true)}`);
	} else {
		window.history.pushState('', `Cacti Installation - Step ${data.Step}`, `install.php?data=${prepareInstallData(data.Step, true)}`);
	}
}

function refreshCsrfMagicToken(data) {
	if (typeof data == 'object' &&
		data !== null &&
		typeof data.csrfMagicToken == 'string' &&
		data.csrfMagicToken != '') {
		csrfMagicToken = data.csrfMagicToken;
		delete data.csrfMagicToken;

		return true;
	}

	return false;
}

function handleCsrfTimeout(data, retryAttempted, retryCallback) {
	if (typeof data.responseJSON == 'object' &&
		data.responseJSON !== null &&
		data.responseJSON.error == 'csrf_timeout') {
		var response = data.responseJSON;
		var tokenRefreshed = refreshCsrfMagicToken(response);

		if (!retryAttempted && tokenRefreshed) {
			retryCallback();
		} else {
			$('#installContent').removeClass('cactiInstallLoaderBlur');
			$('#installLoader').hide();
			PopupError(response.message, response.title);
		}

		return true;
	}

	return false;
}

function performStep(installStep, suppressRefresh, forceReload, csrfRetry) {
	$.ajaxQ.abortAll();

	if (!suppressRefresh) {
		$('#installContent').addClass('cactiInstallLoaderBlur');
		$('#installLoader').show();
	}

	installData = prepareInstallData(installStep);
	installJson = JSON.parse(`{"data":${installData}, "__csrf_magic":"${csrfMagicToken}"}`);
	url = 'step_json.php'; //?data=' + installData;

	$.post(url, installJson)
		.done(function(data) {
			refreshCsrfMagicToken(data);
			checkForLogout(data);

			$('#installLoader').hide();
			$('#installContent').removeClass('cactiInstallLoaderBlur');
			$('#installData').data('installData', data);

			if (forceReload) {
				document.location = `${location.pathname}?reload=${Date.now()}`;
			}

			setAddressBar(data, false);

			$('#installContent').empty().hide();
			$('div[class^="ui-"]').remove();
			$('#installContent').html(data.Html);
			$('#installContent').show();

			if ($('#installData').data('debug') !== undefined) {
				debugData = data;
				debugData.Html = '';
				debug = $('#installDebug');
				debug.empty();
				debug.html(`<h5 style="border: 1px dashed grey">${JSON.stringify(debugData)}</h5>`);
 			}

			setButtonData('Previous',data.Prev);
			setButtonData('Next',data.Next);
			setButtonData('Test',data.Test);

			$('input[type=\"text\"], input[type=\"password\"], input[type=\"checkbox\"], textarea').not('image').addClass('ui-state-default ui-corner-all');
			$('select').selectmenu();

			if (data.Step == STEP_WELCOME) {
				processStepWelcome(data.StepData);
			} else if (data.Step == STEP_CHECK_DEPENDENCIES) {
				processStepCheckDependencies(data.StepData);
			} else if (data.Step == STEP_INSTALL_TYPE) {
				processStepInstallType(data.StepData);
			} else if (data.Step == STEP_PERMISSION_CHECK) {
				processStepPermissionCheck(data.StepData);
			} else if (data.Step == STEP_BINARY_LOCATIONS) {
				processStepBinaryLocations(data.StepData);
			} else if (data.Step == STEP_INPUT_VALIDATION) {
				processStepNoticesRecommendations(data.StepData);
			} else if (data.Step == STEP_PROFILE_AND_AUTOMATION) {
				processStepProfileAndAutomation(data.StepData);
			} else if (data.Step == STEP_TEMPLATE_INSTALL) {
				processStepTemplateInstall(data.StepData);
			} else if (data.Step == STEP_CHECK_TABLES) {
				processStepCheckTables(data.StepData);
			} else if (data.Step == STEP_INSTALL_CONFIRM) {
				processStepInstallConfirm(data.StepData);
			} else if (data.Step == STEP_INSTALL) {
				processStepInstall(data.StepData);
			} else if (data.Step >= STEP_COMPLETE) {
				processStepComplete(data.Step, data.StepData);
			}

			$('input[id^="chk_template"]').each(function() {
				if ($(this).is(':checked')) {
					$(this).closest('tr').addClass('selected');
				}
			});

			$(function () {
				var focusedElement;
				$(document).on('focus', 'input', function () {
					if (focusedElement == this) {
						// already focused, return so user can now place cursor
						// at specific point in input.
						return;
					}
					focusedElement = this;

					// select all text in any field on focus for easy re-entry.
					// delay sightly to allow focus to "stick" before selecting.
					setTimeout(function () { focusedElement.select(); }, 50);
				});

				/* Focus on first error */
				var errors = data.Errors;
				for (var propIndex in errors) {
					if (errors.hasOwnProperty(propIndex)) {
						propArray = errors[propIndex];
						if (propArray) {
							for (var propName in propArray) {
								if (propArray.hasOwnProperty(propName)) {
									propValue = propArray[propName];
									element = $(`#${propName.replace(/\//g,'_').replace(/\./g,'_')}`);
									if (element !== null && element.length > 0) {
										element.trigger('focus');
										break;
									}
								}
							}
						}
					}
				}

				applySelectorVisibilityAndActions();
			});
		})
		.fail(function(data) {
			if (handleCsrfTimeout(data, csrfRetry, function() {
				performStep(installStep, suppressRefresh, forceReload, true);
			})) {
				return;
			}

			$('#installContent').removeClass('cactiInstallLoaderBlur');
			$('#installLoader').hide();
			getPresentHTTPError(data);
		}
	);
}

function performTestConnection(csrfRetry) {
	$.ajaxQ.abortAll();

	$('#installContent').addClass('cactiInstallLoaderBlur');
	$('#installLoader').show();

	var testLabel = $('#labelTest');
	if (testLabel.length == 0) {
		$('#buttonTest').after('<label id="labelTest" class="installTestLabel"></label>');
	}

	installJson = JSON.parse(`{"data":{"step":"${STEP_TEST_REMOTE}"}, "__csrf_magic":"${csrfMagicToken}"}`);
	url = 'step_json.php'; //?data=' + installData;

	$.post(url, installJson)
		.done(function(data) {
			refreshCsrfMagicToken(data);
			checkForLogout(data);

			$('#installLoader').hide();
			$('#installContent').removeClass('cactiInstallLoaderBlur');

			var isSuccessful = false, statusText = testFailed;
			if (data.status !== undefined) {
				if (data.status == 'true') {
					isSuccessful = true;
					statusText = testSuccessful;
				} else {
					isSuccessful = false;
					statusText = data.message;
				}
			}
			$('#labelTest').text(statusText);
			$('#labelTest').show().delay(2000).fadeOut(2000);
			if (isSuccessful) {
				enableButton('Next');
			} else {
				disableButton('Next');
			}
		})
		.fail(function(data) {
			if (handleCsrfTimeout(data, csrfRetry, function() {
				performTestConnection(true);
			})) {
				return;
			}

			$('#installContent').removeClass('cactiInstallLoaderBlur');
			$('#installLoader').hide();
			getPresentHTTPError(data);
			disableButton('Next');
		}
	);
}

function createItemSelectMenu() {
}

$.urlParam = function(name){
    var results = new RegExp(`[\\?&]${name}=([^&#]*)`).exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return decodeURI(results[1]) || 0;
    }
}

install_step = 0;

$(function() {
	disableButton('Previous');
	disableButton('Next');
	disableButton('Test');

	installData = $.urlParam('data');
	if (installData != null && installData != 0) {
		try {
			installData = JSON.parse(installData);
		} catch (ex) {
			installData = getDefaultInstallData();
		}
	}
	$('#installData').data('installData', installData);

	installDebug = $.urlParam('debug');
	if (installDebug != null && installDebug != 0) {
		$('#installData').data('debug', true);
	}

	$('.installButton').on('click', function(e) {
		button = $(e.currentTarget);
		if (button !== null) {
			buttonData = button.data('buttonData');
			if (buttonData != null) {
				if (buttonData.Step == STEP_GO_SITE) {
					window.location.assign('../');
				} else if (buttonData.Step == STEP_GO_FORUMS) {
					var win = window.open('https://forums.cacti.net/');
					win.focus;
				} else if (buttonData.Step == STEP_GO_GITHUB) {
					var win = window.open('https://github.com/cacti/cacti/issues/');
					win.focus;
				} else if (buttonData.Step == STEP_TEST_REMOTE) {
					performTestConnection();
				} else {
					performStep(buttonData.Step);
				}
				return;
			}
		}
		getPresentHTTPError('');
	});

	waitForFinalEvent(function() {
		installTimer = setTimeout(function() {
			$('#installRefresh').on('click', function() {
				performStep();
			});

			performStep();
		}, 1000);
	});
});