luci-mod-status: add WPS control for wifi info

Add a way to trigger and get the WPS Push Button status from the webui if supported.

Fixes: #1072

Signed-off-by: Ansuel Smith <ansuelsmth@gmail.com>
This commit is contained in:
Ansuel Smith 2020-10-10 03:45:06 +02:00
parent 095309cf02
commit 6cf849bcf6
No known key found for this signature in database
GPG key ID: AC001D09ADBFEAD7
2 changed files with 164 additions and 92 deletions

View file

@ -2,90 +2,44 @@
'require baseclass';
'require dom';
'require network';
'require uci';
'require fs';
'require rpc';
var callSessionAccess = rpc.declare({
object: 'session',
method: 'access',
params: [ 'scope', 'object', 'function' ],
expect: { 'access': false }
});
function renderbox(radio, networks) {
var chan = null,
freq = null,
rate = null,
badges = [];
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();
var icon;
if (net.isDisabled())
icon = L.resource('icons/signal-none.png');
else if (quality <= 0)
icon = L.resource('icons/signal-0.png');
else if (quality < 25)
icon = L.resource('icons/signal-0-25.png');
else if (quality < 50)
icon = L.resource('icons/signal-25-50.png');
else if (quality < 75)
icon = L.resource('icons/signal-50-75.png');
else
icon = L.resource('icons/signal-75-100.png');
var badge = renderBadge(
icon,
'%s: %d dBm / %s: %d%%'.format(_('Signal'), net.getSignal(), _('Quality'), quality),
_('SSID'), net.getActiveSSID() || '?',
_('Mode'), net.getActiveMode(),
_('BSSID'), is_assoc ? (net.getActiveBSSID() || '-') : null,
_('Encryption'), is_assoc ? net.getActiveEncryption() : null,
_('Associations'), is_assoc ? (net.assoclist.length || '-') : null,
null, is_assoc ? null : E('em', net.isDisabled() ? _('Wireless is disabled') : _('Wireless is not associated')));
badges.push(badge);
chan = (chan != null) ? chan : net.getChannel();
freq = (freq != null) ? freq : net.getFrequency();
rate = (rate != null) ? rate : net.getBitRate();
}
return E('div', { class: 'ifacebox' }, [
E('div', { class: 'ifacebox-head center ' + (radio.isUp() ? 'active' : '') },
E('strong', radio.getName())),
E('div', { class: 'ifacebox-body left' }, [
L.itemlist(E('span'), [
_('Type'), radio.getI18n().replace(/^Generic | Wireless Controller .+$/g, ''),
_('Channel'), chan ? '%d (%.3f %s)'.format(chan, freq, _('GHz')) : '-',
_('Bitrate'), rate ? '%d %s'.format(rate, _('Mbit/s')) : '-'
]),
E('div', {}, badges)
])
]);
}
function wifirate(rt) {
var s = '%.1f\xa0%s, %d\xa0%s'.format(rt.rate / 1000, _('Mbit/s'), rt.mhz, _('MHz')),
ht = rt.ht, vht = rt.vht,
mhz = rt.mhz, nss = rt.nss,
mcs = rt.mcs, sgi = rt.short_gi;
if (ht || vht) {
if (vht) s += ', VHT-MCS\xa0%d'.format(mcs);
if (nss) s += ', VHT-NSS\xa0%d'.format(nss);
if (ht) s += ', MCS\xa0%s'.format(mcs);
if (sgi) s += ', ' + _('Short GI').replace(/ /g, '\xa0');
}
return s;
}
return baseclass.extend({
title: _('Wireless'),
WPSTranslateTbl: {
Disabled: _('Disabled'),
Active: _('Active'),
'Timed-out': _('Timed-out'),
Overlap: _('Overlap'),
Unknown: _('Unknown')
},
callSessionAccess: rpc.declare({
object: 'session',
method: 'access',
params: [ 'scope', 'object', 'function' ],
expect: { 'access': false }
}),
wifirate: function(rt) {
var s = '%.1f\xa0%s, %d\xa0%s'.format(rt.rate / 1000, _('Mbit/s'), rt.mhz, _('MHz')),
ht = rt.ht, vht = rt.vht,
mhz = rt.mhz, nss = rt.nss,
mcs = rt.mcs, sgi = rt.short_gi;
if (ht || vht) {
if (vht) s += ', VHT-MCS\xa0%d'.format(mcs);
if (nss) s += ', VHT-NSS\xa0%d'.format(nss);
if (ht) s += ', MCS\xa0%s'.format(mcs);
if (sgi) s += ', ' + _('Short GI').replace(/ /g, '\xa0');
}
return s;
},
handleDelClient: function(wifinet, mac, ev) {
dom.parent(ev.currentTarget, '.tr').style.opacity = 0.5;
ev.currentTarget.classList.add('spinning');
@ -95,25 +49,143 @@ return baseclass.extend({
wifinet.disconnectClient(mac, true, 5, 60000);
},
handleGetWPSStatus: function(wifinet) {
return rpc.declare({
object: 'hostapd.%s'.format(wifinet),
method: 'wps_status',
})()
},
handleCallWPS: function(wifinet, ev) {
ev.currentTarget.classList.add('spinning');
ev.currentTarget.disabled = true;
ev.currentTarget.blur();
return rpc.declare({
object: 'hostapd.%s'.format(wifinet),
method: 'wps_start',
})();
},
handleCancelWPS: function(wifinet, ev) {
ev.currentTarget.classList.add('spinning');
ev.currentTarget.disabled = true;
ev.currentTarget.blur();
return rpc.declare({
object: 'hostapd.%s'.format(wifinet),
method: 'wps_cancel',
})();
},
renderbox: function(radio, networks) {
var chan = null,
freq = null,
rate = null,
badges = [];
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();
var icon;
if (net.isDisabled())
icon = L.resource('icons/signal-none.png');
else if (quality <= 0)
icon = L.resource('icons/signal-0.png');
else if (quality < 25)
icon = L.resource('icons/signal-0-25.png');
else if (quality < 50)
icon = L.resource('icons/signal-25-50.png');
else if (quality < 75)
icon = L.resource('icons/signal-50-75.png');
else
icon = L.resource('icons/signal-75-100.png');
var WPS_button;
if (this.isWPSEnabled[net.sid]) {
if (net.wps_status == 'Active') {
WPS_button = E('button', {
'class' : 'cbi-button cbi-button-remove',
'click': L.bind(this.handleCancelWPS, this, net.getIfname()),
}, [ _('Stop WPS') ])
} else {
WPS_button = E('button', {
'class' : 'cbi-button cbi-button-apply',
'click': L.bind(this.handleCallWPS, this, net.getIfname()),
}, [ _('Start WPS') ])
}
}
var badge = renderBadge(
icon,
'%s: %d dBm / %s: %d%%'.format(_('Signal'), net.getSignal(), _('Quality'), quality),
_('SSID'), net.getActiveSSID() || '?',
_('Mode'), net.getActiveMode(),
_('BSSID'), is_assoc ? (net.getActiveBSSID() || '-') : null,
_('Encryption'), is_assoc ? net.getActiveEncryption() : null,
_('Associations'), is_assoc ? (net.assoclist.length || '-') : null,
null, is_assoc ? null : E('em', net.isDisabled() ? _('Wireless is disabled') : _('Wireless is not associated')),
_('WPS status'), this.WPSTranslateTbl[net.wps_status],
'', WPS_button
);
badges.push(badge);
chan = (chan != null) ? chan : net.getChannel();
freq = (freq != null) ? freq : net.getFrequency();
rate = (rate != null) ? rate : net.getBitRate();
}
return E('div', { class: 'ifacebox' }, [
E('div', { class: 'ifacebox-head center ' + (radio.isUp() ? 'active' : '') },
E('strong', radio.getName())),
E('div', { class: 'ifacebox-body left' }, [
L.itemlist(E('span'), [
_('Type'), radio.getI18n().replace(/^Generic | Wireless Controller .+$/g, ''),
_('Channel'), chan ? '%d (%.3f %s)'.format(chan, freq, _('GHz')) : '-',
_('Bitrate'), rate ? '%d %s'.format(rate, _('Mbit/s')) : '-',
]),
E('div', {}, badges)
])
]);
},
isWPSEnabled: {},
load: function() {
return Promise.all([
network.getWifiDevices(),
network.getWifiNetworks(),
network.getHostHints(),
callSessionAccess('access-group', 'luci-mod-status-index-wifi', 'read'),
callSessionAccess('access-group', 'luci-mod-status-index-wifi', 'write')
]).then(function(radios_networks_hints) {
var tasks = [];
this.callSessionAccess('access-group', 'luci-mod-status-index-wifi', 'read'),
this.callSessionAccess('access-group', 'luci-mod-status-index-wifi', 'write'),
uci.load('wireless')
]).then(L.bind(function(data) {
var tasks = [],
radios_networks_hints = data[1],
hasWPS = L.hasSystemFeature('hostapd', 'wps');
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) {
for (var i = 0; i < radios_networks_hints.length; i++) {
tasks.push(L.resolveDefault(radios_networks_hints[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])));
}, this, radios_networks_hints[i])));
if (hasWPS && uci.get('wireless', radios_networks_hints[i].sid, 'wps_pushbutton') == '1') {
this.isWPSEnabled[radios_networks_hints[i].sid] = true;
tasks.push(L.resolveDefault(this.handleGetWPSStatus(radios_networks_hints[i].getIfname()), null)
.then(L.bind(function(net, data) {
net.wps_status = data ? data.pbc_status : _('No Data');
}, this, radios_networks_hints[i])));
}
}
return Promise.all(tasks).then(function() {
return radios_networks_hints;
return data;
});
});
}, this));
},
render: function(data) {
@ -127,7 +199,7 @@ return baseclass.extend({
var table = E('div', { 'class': 'network-status-table' });
for (var i = 0; i < radios.sort(function(a, b) { a.getName() > b.getName() }).length; i++)
table.appendChild(renderbox(radios[i],
table.appendChild(this.renderbox(radios[i],
networks.filter(function(net) { return net.getWifiDeviceName() == radios[i].getName() })));
if (!table.lastElementChild)
@ -215,9 +287,9 @@ return baseclass.extend({
])
]),
E('span', {}, [
E('span', wifirate(bss.rx)),
E('span', this.wifirate(bss.rx)),
E('br'),
E('span', wifirate(bss.tx))
E('span', this.wifirate(bss.tx))
])
];

View file

@ -125,7 +125,7 @@
},
"write": {
"ubus": {
"hostapd.*": [ "del_client" ]
"hostapd.*": [ "del_client", "wps_start", "wps_cancel", "wps_status" ]
}
}
}