⛅ Sync 2026-05-03 20:20:03

luci-theme-material3/htdocs/luci-static/resources/view/material3/sysauth.js

@@ -3,26 +3,35 @@
 'require view';
 
 return view.extend({
-	render: function () {
-		var form = document.querySelector('form'),
-			btn = document.querySelector('button');
+	render() {
+		const form = document.querySelector('form');
+		const btn = document.querySelector('button');
 
-		var dlg = ui.showModal(
+		const dlg = ui.showModal(
 			_('Authorization Required'),
-			[].slice.call(document.querySelectorAll('section > *')),
+			Array.from(document.querySelectorAll('section > *')),
 			'login'
 		);
 
-		form.addEventListener('keypress', function (ev) {
-			if (ev.key == 'Enter')
+		const overlay = document.getElementById('modal_overlay');
+
+		if (overlay)
+			overlay.classList.add('login-overlay');
+
+		form.addEventListener('keypress', (ev) => {
+			if (ev.key === 'Enter')
 				btn.click();
 		});
 
-		btn.addEventListener('click', function () {
-			dlg.querySelectorAll('*').forEach(function (node) { node.style.display = 'none' });
-			dlg.appendChild(E('div', { 'class': 'spinning' }, _('Logging in…')));
+		btn.addEventListener('click', () => {
+			dlg.querySelectorAll('*').forEach((node) => {
+				node.style.display = 'none';
+			});
+			dlg.appendChild(E('div', {
+				class: 'spinning'
+			}, _('Logging in…')));
 
-			form.submit()
+			form.submit();
 		});
 
 		document.querySelector('input[type="password"]').focus();
@@ -30,5 +39,6 @@ return view.extend({
 		return '';
 	},
 
-	addFooter: function () { }
+	addFooter() {},
+
 });