Refactor Edit Web JS/remove jQuery (hestiacp#3513)

Author: AlecRust

.eslintrc.cjs

@@ -19,8 +19,6 @@ module.exports = {
 		es2021: true,
 	},
 	globals: {
-		$: 'readonly',
-		App: 'readonly',
 		Hestia: 'readonly',
 		Alpine: 'readonly',
 	},

web/js/dist/main.min.js

@@ -89,7 +89,7 @@ function getChartOptions(unit) {
 			},
 			y: {
 				title: {
-					display: !!unit,
+					display: Boolean(unit),
 					text: unit,
 					color: labelColor,
 				},

web/js/dist/main.min.js.map

@@ -7,8 +7,9 @@ export default function handleDiscardAllMail() {
 	}
 
 	discardAllMailCheckbox.addEventListener('click', () => {
-		const forwardToTextarea = document.getElementById('v_fwd');
-		const doNotStoreCheckbox = document.getElementById('v_fwd_for');
+		// TODO: Use .js- class instead of #id
+		const forwardToTextarea = document.querySelector('#v_fwd');
+		const doNotStoreCheckbox = document.querySelector('#v_fwd_for');
 
 		if (discardAllMailCheckbox.checked) {
 			// Disable "Forward to" textarea

web/js/pages/edit_web.js

@@ -0,0 +1,29 @@
+import { debounce } from './helpers';
+
+// Handle "Custom document root -> Directory" hint on Edit Web Domain page
+export default function handleDocRootHint() {
+	const domainSelect = document.querySelector('.js-custom-docroot-domain');
+	const dirInput = document.querySelector('.js-custom-docroot-dir');
+	const prepathHiddenInput = document.querySelector('.js-custom-docroot-prepath');
+	const docRootHint = document.querySelector('.js-custom-docroot-hint');
+
+	if (!domainSelect || !dirInput || !prepathHiddenInput || !docRootHint) {
+		return;
+	}
+
+	// Set initial hint on page load
+	updateDocRootHint();
+
+	// Add input listeners
+	dirInput.addEventListener('input', debounce(updateDocRootHint));
+	domainSelect.addEventListener('change', updateDocRootHint);
+
+	// Update hint value
+	function updateDocRootHint() {
+		const prepath = prepathHiddenInput.value;
+		const domain = domainSelect.value;
+		const folder = dirInput.value;
+
+		docRootHint.textContent = `${prepath}${domain}/public_html/${folder}`;
+	}
+}