luci-mod-status: 60_wifi.js: use new network.js functions for wifi status
authorJo-Philipp Wich <jo@mein.io>
Thu, 7 Nov 2019 11:12:15 +0000 (12:12 +0100)
committerJo-Philipp Wich <jo@mein.io>
Thu, 7 Nov 2019 17:39:42 +0000 (18:39 +0100)
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 9fac447bc844dc9467bf8141a96e06fb3d21c801)

modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/60_wifi.js

index f25ba2e46259e101e49508218205aa78ec68fffc..ce332626f82638c86cc7e0368a651157d74ee470 100644 (file)
@@ -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);
                        }
                }