From 9fac447bc844dc9467bf8141a96e06fb3d21c801 Mon Sep 17 00:00:00 2001 From: Jo-Philipp Wich Date: Thu, 7 Nov 2019 12:12:15 +0100 Subject: luci-mod-status: 60_wifi.js: use new network.js functions for wifi status Signed-off-by: Jo-Philipp Wich --- .../resources/view/status/include/60_wifi.js | 214 ++++++++++----------- 1 file 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); } } -- cgit v1.2.3