hestiacp/web/js/init.js

// Replace .no-js class with .js
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');

$(document).ready(function () {
	if ($('.body-login')[0]) {
		$('input').first().focus();
	}

	$('.submenu-select-dropdown').each(function () {
		$(this).wrap("<span class='submenu-select-wrapper'></span>");
		$(this).after("<span class='holder'></span>");
	});
	$('.submenu-select-dropdown')
		.change(function () {
			var selectedOption = $(this).find(':selected').text();
			$(this).next('.holder').text(selectedOption);
		})
		.trigger('change');
	$('.js-to-top').on('click', function () {
		$('html, body').animate({ scrollTop: 0 }, 'normal');
	});

	$('.button').on('click', function (evt) {
		var action = $(this).data('action');
		var id = $(this).data('id');
		if (action == 'submit' && document.getElementById(id)) {
			evt.preventDefault();
			$(document.getElementById(id)).submit();
		}
	});

	var isMobile = false; //initiate as false
	// device detection
	/* eslint-disable no-useless-escape */
	if (
		/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(
			navigator.userAgent
		) ||
		/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
			navigator.userAgent.substr(0, 4)
		)
	) {
		isMobile = true;
		$('body').addClass('mobile');
	}
	/* eslint-enable no-useless-escape */

	$(window).scroll(function () {
		set_sticky_class();
	});

	$('.toolbar-right .sort-by').click(function () {
		$('.context-menu.sort-order').toggle();
	});

	// SEARCH BOX

	$('.toolbar-search .js-search-input').hover(
		function () {
			clearTimeout(VE.tmp.search_display_interval);
			clearTimeout(VE.tmp.search_hover_interval);
			VE.tmp.search_display_interval = setTimeout(function () {
				$('.js-search-input').addClass('activated');
			}, 150);
		},
		function () {
			clearTimeout(VE.tmp.search_display_interval);
			clearTimeout(VE.tmp.search_hover_interval);
			VE.tmp.search_hover_interval = setTimeout(function () {
				if (!VE.tmp.search_activated && !$('.js-search-input').val().length) {
					$('.js-search-input').removeClass('activated');
				}
			}, 600);
		}
	);

	$('.js-search-input').focus(function () {
		VE.tmp.search_activated = 1;
		clearTimeout(VE.tmp.search_hover_interval);
	});
	$('.js-search-input').blur(function () {
		VE.tmp.search_activated = 0;
		clearTimeout(VE.tmp.search_hover_interval);
		VE.tmp.search_hover_interval = setTimeout(function () {
			if (!$('.js-search-input').val().length) {
				$('.js-search-input').removeClass('activated');
			}
		}, 600);
	});

	// TIMER

	if ($('.movement.left').length) {
		VE.helpers.refresh_timer.right = $('.movement.right');
		VE.helpers.refresh_timer.left = $('.movement.left');
		VE.helpers.refresh_timer.start();

		$('.pause').click(function () {
			VE.helpers.refresh_timer.stop();
			$('.pause').addClass('u-hidden');
			$('.play').removeClass('u-hidden');
			$('.refresh-timer').addClass('paused');
		});

		$('.play').click(function () {
			VE.helpers.refresh_timer.start();
			$('.pause').removeClass('u-hidden');
			$('.play').addClass('u-hidden');
			$('.refresh-timer').removeClass('paused');
		});
	}

	// SORTING

	$('#vstobjects input, #vstobjects select, #vstobjects textarea').change(function () {
		VE.tmp.form_changed = 1;
	});

	$('.sort-order span').click(function () {
		$('.context-menu.sort-order').toggle();
		if ($(this).hasClass('active')) return;

		$('.sort-order span').removeClass('active');
		$(this).addClass('active');
		VE.tmp.sort_par = $(this).parent('li').attr('entity');
		VE.tmp.sort_as_int = $(this).parent('li').attr('sort_as_int');
		VE.tmp.sort_direction = $(this).hasClass('up') * 1 || -1;

		$('.toolbar .sort-by b').html($(this).parent('li').find('.name').html());
		$('.toolbar .sort-by i').removeClass('fa-arrow-up-a-z fa-arrow-down-a-z');
		$(this).hasClass('up')
			? $('.toolbar .sort-by i').addClass('fa-arrow-up-a-z')
			: $('.toolbar .sort-by i').addClass('fa-arrow-down-a-z');
		$('.units .l-unit')
			.sort(function (a, b) {
				if (VE.tmp.sort_as_int)
					return parseInt($(a).attr(VE.tmp.sort_par)) >= parseInt($(b).attr(VE.tmp.sort_par))
						? VE.tmp.sort_direction
						: VE.tmp.sort_direction * -1;
				else
					return $(a).attr(VE.tmp.sort_par) <= $(b).attr(VE.tmp.sort_par)
						? VE.tmp.sort_direction
						: VE.tmp.sort_direction * -1;
			})
			.appendTo('.l-center.units');
	});

	$('#objects').submit(function (e) {
		if (!e.originalEvent) {
			return;
		}
		e.preventDefault();
		$('.ch-toggle').each(function () {
			if ($(this).prop('checked')) {
				key = this.name;
				div = $('<input type="hidden" name="' + key + '" value="' + this.value + '">');
				$('#objects').append(div);
			}
		});

		$('#objects').submit();
		return false;
	});

	// Shortcuts

	shortcut.add(
		'Ctrl+Enter',
		function () {
			$('form#vstobjects').submit();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: false,
			target: document,
		}
	);

	shortcut.add(
		'Ctrl+Backspace',
		function () {
			var redirect = $('a.button#btn-back').attr('href');
			if (VE.tmp.form_changed && redirect) {
				VE.helpers.createConfirmationDialog($('.js-confirm-dialog-redirect'), '', redirect);
			} else if ($('form#vstobjects .button.cancel')[0]) {
				location.href = $('form#vstobjects input.cancel')
					.attr('onclick')
					.replace("location.href='", '')
					.replace("'", '');
			} else if (redirect) {
				location.href = redirect;
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: false,
			target: document,
		}
	);

	shortcut.add(
		'f',
		function () {
			$('.js-search-input').addClass('activated').focus();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	$(window).on('keypress', function (evt) {
		var tag = evt.target.tagName.toLowerCase();
		if (evt.charCode == 97 && tag != 'input' && tag != 'textarea' && tag != 'selectbox') {
			evt.preventDefault();
			if (!evt.ctrlKey && !evt.shiftKey) {
				if ($('.button#btn-create').length) {
					location.href = $('.button#btn-create').attr('href');
				}
			} else {
				if ($('.l-unit .ch-toggle:eq(0)').prop('checked')) {
					$('.l-unit').removeClass('selected');
					$('.l-unit .ch-toggle').prop('checked', false);
				} else {
					$('.l-unit').addClass('selected');
					$('.l-unit .ch-toggle').prop('checked', true);
				}
			}
		}
	});

	shortcut.add(
		'1',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(1) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'2',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(2) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'3',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(3) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'4',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(4) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'5',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(5) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'6',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(6) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'7',
		function () {
			var target = $('.main-menu .main-menu-item:nth-of-type(7) a');
			if (target.length != 1) {
				return;
			}
			if (VE.tmp.form_changed) {
				VE.helpers.createConfirmationDialog(
					$('.js-confirm-dialog-redirect'),
					'',
					target.attr('href')
				);
			} else {
				location.href = target.attr('href');
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'h',
		function () {
			var shortcutsDialog = document.querySelector('.shortcuts');
			if (shortcutsDialog.open) {
				shortcutsDialog.close();
			} else {
				shortcutsDialog.showModal();
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'Esc',
		function () {
			var shortcutsDialog = document.querySelector('.shortcuts');
			if (shortcutsDialog.open) {
				shortcutsDialog.close();
			}
			$('input, checkbox, textarea, select').blur();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: false,
			target: document,
		}
	);

	shortcut.add(
		'Left',
		function () {
			VE.navigation.move_focus_left();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'Right',
		function () {
			VE.navigation.move_focus_right();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'down',
		function () {
			VE.navigation.move_focus_down();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'up',
		function () {
			VE.navigation.move_focus_up();
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'l',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-l');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		's',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-s');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'w',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-w');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'd',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-d');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'r',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-r');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'n',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-n');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'u',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-u');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'Delete',
		function () {
			var elm = $('.units.active .l-unit.focus .shortcut-delete');
			if (elm.length) {
				VE.navigation.shortcut(elm);
			}
		},
		{
			type: 'keydown',
			propagate: false,
			disable_in_input: true,
			target: document,
		}
	);

	shortcut.add(
		'Enter',
		function (evt) {
			if (evt.target.tagName == 'INPUT' && evt.target.form.id == 'vstobjects') {
				$('form#vstobjects').submit();
			}

			if (VE.tmp.form_changed) {
				if (!$('.ui-dialog').is(':visible')) {
					VE.helpers.createConfirmationDialog(
						$('.js-confirm-dialog-redirect')[0],
						'',
						$(VE.navigation.state.menu_selector + '.focus a').attr('href')
					);
				} else {
					// if dialog is opened - submitting confirm box by "enter" shortcut
					$('.ui-dialog button.submit').click();
				}
			} else {
				if (!$('.ui-dialog').is(':visible')) {
					var elm = $('.units.active .l-unit.focus .shortcut-enter');
					if (elm.length) {
						VE.navigation.shortcut(elm);
					} else {
						VE.navigation.enter_focused();
					}
				} else {
					// if dialog is opened - submitting confirm box by "enter" shortcut
					$('.ui-dialog button.submit').click();
				}
			}
		},
		{
			type: 'keydown',
			propagate: true,
			disable_in_input: false,
			target: document,
		}
	);

	document.querySelector('.shortcuts-close').addEventListener('click', function () {
		var shortcutsDialog = document.querySelector('.shortcuts');
		if (shortcutsDialog.open) {
			shortcutsDialog.close();
		}
	});

	document.querySelector('.js-shortcuts').addEventListener('click', function () {
		event.preventDefault();
		var shortcutsDialog = document.querySelector('.shortcuts');
		if (shortcutsDialog.open) {
			shortcutsDialog.close();
		} else {
			shortcutsDialog.showModal();
		}
	});

	$(document).click(function (evt) {
		//close notification popup
		if (
			!$(evt.target).hasClass('js-notifications') &&
			$(evt.target).parents('ul.notification-container').length == 0
		) {
			$('.notification-container').addClass('u-hidden');
			$('.js-notifications').removeClass('active');
		}
	});

	// focusing on the first input at form
	if (location.href.indexOf('lead=') == -1 && !$('.ui-dialog').is(':visible')) {
		$('#vstobjects .form-control:not([disabled]), #vstobjects .form-select:not([disabled])')
			.first()
			.focus();
	}

	$('.js-notifications').click(function (evt) {
		evt.preventDefault();
		if (!$('.js-notifications').hasClass('active')) {
			VE.notifications.get_list();
			$('.js-notifications').addClass('active');
		} else {
			$('.notification-container').addClass('u-hidden');
			$('.js-notifications').removeClass('active');
		}
	});

	$('.button').attr('title', 'ctrl+Enter');
	$('.button.cancel').attr('title', 'ctrl+Backspace');

	VE.core.register();
	if (location.href.search(/list/) != -1) {
		var shift_select_ref = $('body').finderSelect({
			children: '.l-unit',
			onFinish: function (evt) {
				if (
					$('.l-content').find('.l-unit.selected').length == $('.l-content').find('.l-unit').length
				) {
					$('.toggle-all').addClass('clicked-on');
				}
			},
			toggleAllHook: function () {
				if ($('.l-unit').length == $('.ch-toggle:checked').length) {
					$('.l-unit.selected').removeClass('selected');
					$('.ch-toggle').prop('checked', false);
					$('#toggle-all').prop('checked', false);
				} else {
					$('.ch-toggle').prop('checked', true);
					$('#toggle-all').prop('checked', true);
				}
			},
		});

		$('table').on('mousedown', 'td', function (e) {
			if (e.ctrlKey) {
				e.preventDefault();
			}
		});
	}

	//
	$('form#objects').on('submit', function (evt) {
		$('.l-unit').find('.ch-toggle').prop('checked', false);
		$('.l-unit.selected').find('.ch-toggle').prop('checked', true);
	});
	// todo: maybe give the save button id?
	$('.button[data-id=vstobjects][data-action=submit]').on('click', function (ev) {
		let loadingAnimationEle = document.createElement('div');
		loadingAnimationEle.className = 'spinner';
		loadingAnimationEle.innerHTML =
			'<div class="spinner-inner"></div><div class="spinner-mask"></div> <div class="spinner-mask-two"></div>';

		// this both gives an indication that we've clicked and is loading, also prevents double-clicking/clicking-on-something-else while loading.
		$('.button[data-id=vstobjects][data-action=submit]').replaceWith(loadingAnimationEle);
		$('.button').replaceWith('');
		// workaround a render bug on Safari (loading icon doesn't render without this)
		ev.preventDefault();
		$('#vstobjects').submit();
	});
});

/**
 * generates a random string
 * using a cryptographically secure rng,
 * and ensuring it contains at least 1 lowercase, 1 uppercase, and 1 number.
 *
 * @param int length
 * @throws Error if length is too small to create a "sufficiently secure" string
 * @returns string
 */
function randomString2(length = 16) {
	var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
	var secure_rng = function (min, max) {
		if (min < 0 || min > 0xffff) {
			throw new Error(
				'minimum supported number is 0, this generator can only make numbers between 0-65535 inclusive.'
			);
		}
		if (max > 0xffff || max < 0) {
			throw new Error(
				'max supported number is 65535, this generator can only make numbers between 0-65535 inclusive.'
			);
		}
		if (min > max) {
			throw new Error('dude min>max wtf');
		}
		// micro-optimization
		let randArr = max > 255 ? new Uint16Array(1) : new Uint8Array(1);
		let ret;
		let attempts = 0;
		for (;;) {
			crypto.getRandomValues(randArr);
			ret = randArr[0];
			if (ret >= min && ret <= max) {
				return ret;
			}
			++attempts;
			if (attempts > 1000000) {
				// should basically never happen with max 0xFFFF/Uint16Array.
				throw new Error('tried a million times, something is wrong');
			}
		}
	};
	let attempts = 0;
	let minimumStrengthRegex = new RegExp(
		/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*\d)[a-zA-Z\d]{8,}$/
	);
	let randmax = chars.length - 1;
	for (;;) {
		let ret = '';
		for (let i = 0; i < length; ++i) {
			ret += chars[secure_rng(0, randmax)];
		}
		if (minimumStrengthRegex.test(ret)) {
			return ret;
		}
		++attempts;
		if (attempts > 1000000) {
			throw new Error('tried a million times, something is wrong');
		}
	}
}