luci-mod-status: 60_wifi.js: use new network.js functions for wifi status

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 99 insertions, 115 deletions

diff --git a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
index f25ba2e462..ce332626f8 100644
--- a/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
+++ b/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js
@@ -1,15 +1,14 @@
 'use strict';
-'require rpc';
 'require network';
 
-function renderbox(radio) {
+function renderbox(radio, networks) {
 	var chan = null,
 	    freq = null,
 	    rate = null,
 	    badges = [];
 
-	for (var i = 0; i < radio.networks.length; i++) {
-		var net = radio.networks[i],
+	for (var i = 0; i < networks.length; i++) {
+		var net = networks[i],
 		    is_assoc = (net.getBSSID() != '00:00:00:00:00:00' && net.getChannel() && !net.isDisabled()),
 		    quality = net.getSignalPercent();
 
@@ -80,152 +79,137 @@ function wifirate(rt) {
 return L.Class.extend({
 	title: _('Wireless'),
 
-	handleDelClient: function(ifname, mac, ev) {
+	handleDelClient: function(wifinet, mac, ev) {
+		L.dom.parent(ev.currentTarget, '.tr').style.opacity = 0.5;
 		ev.currentTarget.classList.add('spinning');
 		ev.currentTarget.disabled = true;
 		ev.currentTarget.blur();
 
-		return rpc.declare({
-			object: 'hostapd.%s'.format(ifname),
-			method: 'del_client',
-			params: [ 'addr', 'deauth', 'reason', 'ban_time' ]
-		})(mac, true, 5, 60000);
+		wifinet.disconnectClient(mac, true, 5, 60000);
 	},
 
 	load: function() {
-		return L.resolveDefault(network.getWifiDevices(), []).then(function(devices) {
+		return Promise.all([
+			network.getWifiDevices(),
+			network.getWifiNetworks(),
+			network.getHostHints()
+		]).then(function(radios_networks_hints) {
 			var tasks = [];
 
-			for (var i = 0; i < devices.length; i++)
-				tasks.push(L.resolveDefault(devices[i].getWifiNetworks(), []).then(L.bind(function(r, l) {
-					r.networks = l;
-				}, this, devices[i])));
+			for (var i = 0; i < radios_networks_hints[1].length; i++)
+				tasks.push(L.resolveDefault(radios_networks_hints[1][i].getAssocList(), []).then(L.bind(function(net, list) {
+					net.assoclist = list.sort(function(a, b) { return a.mac > b.mac });
+				}, this, radios_networks_hints[1][i])));
 
 			return Promise.all(tasks).then(function() {
-				return devices;
-			});
-		}).then(function(devices) {
-			var tasks = [], deauth = {};
-
-			for (var i = 0; i < devices.length; i++) {
-				for (var j = 0; j < devices[i].networks.length; j++) {
-					tasks.push(L.resolveDefault(devices[i].networks[j].getAssocList(), []).then(L.bind(function(n, l) {
-						n.assoclist = l.sort(function(a, b) { return a.mac > b.mac });
-					}, this, devices[i].networks[j])));
-
-					tasks.push(L.resolveDefault(rpc.list('hostapd.%s'.format(devices[i].networks[j].getIfname())), {}).then(L.bind(function(n, l) {
-						for (var k in L.isObject(l) ? l : {})
-							n.supports_deauth = l[k].hasOwnProperty('del_client');
-					}, this, devices[i].networks[j])));
-				}
-			}
-
-			return Promise.all(tasks).then(function() {
-				return network.getHostHints().then(function(hosthints) {
-					return [ devices, hosthints ];
-				});
+				return radios_networks_hints;
 			});
 		});
 	},
 
 	render: function(data) {
-		var devices = data[0],
-		    hosthints = data[1];
+		var seen = {},
+		    radios = data[0],
+		    networks = data[1],
+		    hosthints = data[2];
 
 		var table = E('div', { 'class': 'network-status-table' });
 
-		for (var i = 0; i < devices.length; i++)
-			table.appendChild(renderbox(devices[i]));
+		for (var i = 0; i < radios.sort(function(a, b) { a.getName() > b.getName() }).length; i++)
+			table.appendChild(renderbox(radios[i],
+				networks.filter(function(net) { return net.getWifiDeviceName() == radios[i].getName() })));
 
 		if (!table.lastElementChild)
 			return null;
 
-		var supports_deauth = false;
-
-		for (var i = 0; i < devices.length; i++)
-			for (var j = 0; j < devices[i].networks.length; j++)
-				supports_deauth = supports_deauth || devices[i].networks[j].supports_deauth;
-
 		var assoclist = E('div', { 'class': 'table' }, [
 			E('div', { 'class': 'tr table-titles' }, [
 				E('div', { 'class': 'th nowrap' }, _('Network')),
 				E('div', { 'class': 'th hide-xs' }, _('MAC-Address')),
 				E('div', { 'class': 'th' }, _('Host')),
 				E('div', { 'class': 'th nowrap' }, '%s / %s'.format(_('Signal'), _('Noise'))),
-				E('div', { 'class': 'th nowrap' }, '%s / %s'.format(_('RX Rate'), _('TX Rate'))),
-				supports_deauth ? E('div', { 'class': 'th nowrap right' }, _('Disconnect')) : E([])
+				E('div', { 'class': 'th nowrap' }, '%s / %s'.format(_('RX Rate'), _('TX Rate')))
 			])
 		]);
 
 		var rows = [];
 
-		for (var i = 0; i < devices.length; i++) {
-			for (var j = 0; j < devices[i].networks.length; j++) {
-				for (var k = 0; k < devices[i].networks[j].assoclist.length; k++) {
-					var bss = devices[i].networks[j].assoclist[k],
-					    name = hosthints.getHostnameByMACAddr(bss.mac),
-					    ipv4 = hosthints.getIPAddrByMACAddr(bss.mac),
-					    ipv6 = hosthints.getIP6AddrByMACAddr(bss.mac);
-
-					var icon;
-					var q = (-1 * (bss.noise - bss.signal)) / 5;
-					if (q < 1)
-						icon = L.resource('icons/signal-0.png');
-					else if (q < 2)
-						icon = L.resource('icons/signal-0-25.png');
-					else if (q < 3)
-						icon = L.resource('icons/signal-25-50.png');
-					else if (q < 4)
-						icon = L.resource('icons/signal-50-75.png');
-					else
-						icon = L.resource('icons/signal-75-100.png');
-
-					var sig_title, sig_value;
-
-					if (bss.noise) {
-						sig_value = '%d / %d %s'.format(bss.signal, bss.noise, _('dBm'));
-						sig_title = '%s: %d %s / %s: %d %s / %s %d'.format(
-							_('Signal'), bss.signal, _('dBm'),
-							_('Noise'), bss.noise, _('dBm'),
-							_('SNR'), bss.signal - bss.noise);
-					}
-					else {
-						sig_value = '%d %s'.format(bss.signal, _('dBm'));
-						sig_title = '%s: %d %s'.format(_('Signal'), bss.signal, _('dBm'));
-					}
-
-					var hint;
-
-					if (name && ipv4 && ipv6)
-						hint = '%s (%s, %s)'.format(name, ipv4, ipv6);
-					else if (name && (ipv4 || ipv6))
-						hint = '%s (%s)'.format(name, ipv4 || ipv6);
-					else
-						hint = name || ipv4 || ipv6 || '?';
-
-					rows.push([
-						E('span', { 'class': 'ifacebadge', 'title': devices[i].networks[j].getI18n() }, [
-							E('img', { 'src': L.resource('icons/wifi.png') }),
-							' ', devices[i].networks[j].getShortName(),
-							E('small', {}, [ ' (', devices[i].networks[j].getIfname(), ')' ])
-						]),
-						bss.mac,
-						hint,
-						E('span', { 'class': 'ifacebadge', 'title': sig_title }, [
-							E('img', { 'src': icon }),
-							' ', sig_value
-						]),
-						E('span', {}, [
-							E('span', wifirate(bss.rx)),
-							E('br'),
-							E('span', wifirate(bss.tx))
-						]),
-						devices[i].networks[j].supports_deauth ? E('button', {
-							'class': 'cbi-button cbi-button-remove',
-							'click': L.bind(this.handleDelClient, this, devices[i].networks[j].getIfname(), bss.mac)
-						}, [ _('Disconnect') ]) : '-'
-					]);
+		for (var i = 0; i < networks.length; i++) {
+			for (var k = 0; k < networks[i].assoclist.length; k++) {
+				var bss = networks[i].assoclist[k],
+				    name = hosthints.getHostnameByMACAddr(bss.mac),
+				    ipv4 = hosthints.getIPAddrByMACAddr(bss.mac),
+				    ipv6 = hosthints.getIP6AddrByMACAddr(bss.mac);
+
+				var icon;
+				var q = (-1 * (bss.noise - bss.signal)) / 5;
+				if (q < 1)
+					icon = L.resource('icons/signal-0.png');
+				else if (q < 2)
+					icon = L.resource('icons/signal-0-25.png');
+				else if (q < 3)
+					icon = L.resource('icons/signal-25-50.png');
+				else if (q < 4)
+					icon = L.resource('icons/signal-50-75.png');
+				else
+					icon = L.resource('icons/signal-75-100.png');
+
+				var sig_title, sig_value;
+
+				if (bss.noise) {
+					sig_value = '%d / %d %s'.format(bss.signal, bss.noise, _('dBm'));
+					sig_title = '%s: %d %s / %s: %d %s / %s %d'.format(
+						_('Signal'), bss.signal, _('dBm'),
+						_('Noise'), bss.noise, _('dBm'),
+						_('SNR'), bss.signal - bss.noise);
+				}
+				else {
+					sig_value = '%d %s'.format(bss.signal, _('dBm'));
+					sig_title = '%s: %d %s'.format(_('Signal'), bss.signal, _('dBm'));
+				}
+
+				var hint;
+
+				if (name && ipv4 && ipv6)
+					hint = '%s (%s, %s)'.format(name, ipv4, ipv6);
+				else if (name && (ipv4 || ipv6))
+					hint = '%s (%s)'.format(name, ipv4 || ipv6);
+				else
+					hint = name || ipv4 || ipv6 || '?';
+
+				var row = [
+					E('span', { 'class': 'ifacebadge', 'title': networks[i].getI18n() }, [
+						E('img', { 'src': L.resource('icons/wifi.png') }),
+						' ', networks[i].getShortName(),
+						E('small', {}, [ ' (', networks[i].getIfname(), ')' ])
+					]),
+					bss.mac,
+					hint,
+					E('span', { 'class': 'ifacebadge', 'title': sig_title }, [
+						E('img', { 'src': icon }),
+						' ', sig_value
+					]),
+					E('span', {}, [
+						E('span', wifirate(bss.rx)),
+						E('br'),
+						E('span', wifirate(bss.tx))
+					])
+				];
+
+				if (networks[i].isClientDisconnectSupported()) {
+					if (assoclist.firstElementChild.childNodes.length < 6)
+						assoclist.firstElementChild.appendChild(E('div', { 'class': 'th nowrap right' }, [ _('Disconnect') ]));
+
+					row.push(E('button', {
+						'class': 'cbi-button cbi-button-remove',
+						'click': L.bind(this.handleDelClient, this, networks[i], bss.mac)
+					}, [ _('Disconnect') ]));
+				}
+				else {
+					row.push('-');
 				}
+
+				rows.push(row);
 			}
 		}