luci-theme-*: use ES6 syntax

Updated to arrow functions for clearer `this` binding, replaced
slice.call with Array.from for more readable array conversion,
and adopted ES6 block-scoped declarations.

Signed-off-by: Eamon Xiong <[email protected]>

Author: eamonxg

themes/luci-theme-bootstrap/htdocs/luci-static/resources/menu-bootstrap.js

@@ -4,7 +4,7 @@
 
 return baseclass.extend({
 	__init__() {
-		ui.menu.load().then(L.bind(this.render, this));
+		ui.menu.load().then((tree) => this.render(tree));
 	},
 
 	render(tree) {

themes/luci-theme-bootstrap/htdocs/luci-static/resources/view/bootstrap/sysauth.js

@@ -3,32 +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 > *')),
-			'login'
+			Array.from(document.querySelectorAll('section > *')),
+			'login',
 		);
 
-		form.addEventListener('keypress', function(ev) {
-			if (ev.key == 'Enter')
-				btn.click();
+		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();
 
 		return '';
 	},
 
-	addFooter: function() {}
-});
+	addFooter() {},
+});

themes/luci-theme-material/htdocs/luci-static/resources/menu-material.js

@@ -4,7 +4,7 @@
 
 return baseclass.extend({
 	__init__() {
-		ui.menu.load().then(L.bind(this.render, this));
+		ui.menu.load().then((tree) => this.render(tree));
 	},
 
 	render(tree) {

themes/luci-theme-openwrt-2020/htdocs/luci-static/resources/menu-openwrt2020.js

@@ -4,7 +4,7 @@
 
 return baseclass.extend({
 	__init__() {
-		ui.menu.load().then(L.bind(this.render, this));
+		ui.menu.load().then((tree) => this.render(tree));
 	},
 
 	render(tree) {

themes/luci-theme-openwrt/htdocs/luci-static/resources/menu-openwrt.js

@@ -4,7 +4,7 @@
 
 return baseclass.extend({
 	__init__() {
-		ui.menu.load().then(L.bind(this.render, this));
+		ui.menu.load().then((tree) => this.render(tree));
 	},
 
 	render(tree) {