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");
		}
	}
}