Migrate List Mail Accounts to .units-table (hestiacp#3672)

* Bump npm deps

* Migrate List Mail Accounts to .units-table

* Apply some Prettier formatting

Author: AlecRust

package.json

@@ -27,18 +27,18 @@
 		"normalize.css": "^8.0.1"
 	},
 	"devDependencies": {
-		"@prettier/plugin-php": "^0.19.5",
-		"@typescript-eslint/eslint-plugin": "^5.59.8",
-		"@typescript-eslint/parser": "^5.59.7",
+		"@prettier/plugin-php": "^0.19.6",
+		"@typescript-eslint/eslint-plugin": "^5.59.9",
+		"@typescript-eslint/parser": "^5.59.9",
 		"cssnano": "^6.0.1",
-		"esbuild": "^0.17.19",
+		"esbuild": "^0.18.0",
 		"eslint": "^8.42.0",
 		"eslint-config-prettier": "^8.8.0",
 		"eslint-plugin-editorconfig": "^4.0.3",
 		"eslint-plugin-import": "^2.27.5",
 		"husky": "^8.0.3",
 		"lint-staged": "^13.2.2",
-		"markdownlint-cli2": "^0.7.1",
+		"markdownlint-cli2": "^0.8.0",
 		"postcss": "^8.4.24",
 		"postcss-import": "^15.1.0",
 		"postcss-path-replace": "^1.0.4",
@@ -48,10 +48,10 @@
 		"prettier-plugin-nginx": "^1.0.3",
 		"prettier-plugin-sh": "^0.12.8",
 		"prettier-plugin-sql": "^0.14.0",
-		"stylelint": "^15.6.3",
+		"stylelint": "^15.7.0",
 		"stylelint-config-standard": "^33.0.0",
-		"typescript": "^5.0.4",
-		"vitepress": "1.0.0-beta.1",
+		"typescript": "^5.1.3",
+		"vitepress": "1.0.0-beta.2",
 		"vue": "^3.3.4"
 	},
 	"browserslist": [

web/templates/includes/panel.php

@@ -9,8 +9,8 @@
 			<div class="top-bar-left">
 
 				<!-- Logo / Home Button -->
-				<a href="/" class="top-bar-logo" title="<?= htmlentities($_SESSION['APP_NAME']);?>">
-					<img src="/images/logo-header.svg" alt="<?= htmlentities($_SESSION['APP_NAME']);?>" width="54" height="29">
+				<a href="/" class="top-bar-logo" title="<?= htmlentities($_SESSION["APP_NAME"]) ?>">
+					<img src="/images/logo-header.svg" alt="<?= htmlentities($_SESSION["APP_NAME"]) ?>" width="54" height="29">
 				</a>
 
 				<!-- Usage Statistics -->

web/templates/pages/add_firewall_ipset.php

@@ -80,8 +80,8 @@ function generate_iplist($country, $type) {
 						class="form-select js-datasource-select"
 						tabindex="-1"
 						onchange="this.nextElementSibling.value=this.value"
-						data-country-iplists="<?= htmlspecialchars(json_encode($country_iplists), ENT_QUOTES, 'UTF-8') ?>"
-						data-blacklist-iplists="<?= htmlspecialchars(json_encode($blacklist_iplists), ENT_QUOTES, 'UTF-8') ?>"
+						data-country-iplists="<?= htmlspecialchars(json_encode($country_iplists), ENT_QUOTES, "UTF-8") ?>"
+						data-blacklist-iplists="<?= htmlspecialchars(json_encode($blacklist_iplists), ENT_QUOTES, "UTF-8") ?>"
 					>
 						<option value=""><?= _("Clear") ?></option>
 					</select>

web/templates/pages/edit_firewall.php

@@ -54,7 +54,7 @@
 						class="form-select js-ip-list-select"
 						tabindex="-1"
 						onchange="this.nextElementSibling.value=this.value"
-						data-ipset-lists="<?= htmlspecialchars($ipset_lists_json, ENT_QUOTES, 'UTF-8') ?>"
+						data-ipset-lists="<?= htmlspecialchars($ipset_lists_json, ENT_QUOTES, "UTF-8") ?>"
 					>
 						<option value=""><?= _("Clear") ?></option>
 					</select>

web/templates/pages/list_backup.php

@@ -90,18 +90,18 @@
 							<li class="units-table-row-action shortcut-d" data-key-action="href">
 								<a
 									class="units-table-row-action-link"
-									href="/download/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"
+									href="/download/backup/?backup=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
 									title="<?= _("Download") ?>"
 								>
 									<i class="fas fa-file-arrow-down icon-lightblue"></i>
 									<span class="u-hide-desktop"><?= _("Download") ?></span>
 								</a>
 							</li>
-							<?php if ($read_only !== 'true') { ?>
+							<?php if ($read_only !== "true") { ?>
 								<li class="units-table-row-action shortcut-enter" data-key-action="href">
 									<a
 										class="units-table-row-action-link data-controls"
-										href="/list/backup/?backup=<?=$key?>&token=<?=$_SESSION['token']?>"
+										href="/list/backup/?backup=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
 										title="<?= _("Restore") ?>"
 									>
 										<i class="fas fa-arrow-rotate-left icon-green"></i>

web/templates/pages/list_ip.php

@@ -80,12 +80,12 @@
 				++$i;
 			?>
 			<div class="l-unit animate__animated animate__fadeIn js-unit"
-				data-sort-ip="<?=str_replace('.', '', $key)?>"
-				data-sort-date="<?=strtotime($data[$key]['DATE'] .' '. $data[$key]['TIME'] )?>"
-				data-sort-netmask="<?=str_replace('.', '', $data[$key]['NETMASK'])?>"
-				data-sort-interface="<?=$data[$key]['INTERFACE']?>"
-				data-sort-domains="<?=$data[$key]['U_WEB_DOMAINS']?>"
-				data-sort-owner="<?=$data[$key]['OWNER']?>">
+				data-sort-ip="<?= str_replace(".", "", $key) ?>"
+				data-sort-date="<?= strtotime($data[$key]["DATE"] . " " . $data[$key]["TIME"]) ?>"
+				data-sort-netmask="<?= str_replace(".", "", $data[$key]["NETMASK"]) ?>"
+				data-sort-interface="<?= $data[$key]["INTERFACE"] ?>"
+				data-sort-domains="<?= $data[$key]["U_WEB_DOMAINS"] ?>"
+				data-sort-owner="<?= $data[$key]["OWNER"] ?>">
 
 				<div class="l-unit__col l-unit__col--right">
 					<div class="clearfix l-unit__stat-col--left super-compact">
@@ -101,9 +101,9 @@
 								<div class="actions-panel__col actions-panel__delete shortcut-delete" data-key-action="js">
 									<a
 										class="data-controls js-confirm-action"
-										href="/delete/ip/?ip=<?=$key?>&token=<?=$_SESSION['token']?>"
+										href="/delete/ip/?ip=<?= $key ?>&token=<?= $_SESSION["token"] ?>"
 										data-confirm-title="<?= _("Delete") ?>"
-										data-confirm-message="<?= sprintf(_('Are you sure you want to delete IP address %s?'), $key) ?>"
+										data-confirm-message="<?= sprintf(_("Are you sure you want to delete IP address %s?"), $key) ?>"
 									>
 										<i class="fas fa-trash icon-red icon-dim"></i>
 									</a>