luci-mod-network: move wifi scan JS into external file
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich
parent
1eea921df0
commit
f73dc51ea1
3 changed files with 163 additions and 169 deletions
|
|
@ -0,0 +1,159 @@
|
||||||
|
var poll = null;
|
||||||
|
|
||||||
|
function format_signal(bss) {
|
||||||
|
var qval = bss.quality || 0,
|
||||||
|
qmax = bss.quality_max || 100,
|
||||||
|
scale = 100 / qmax * qval,
|
||||||
|
range = 'none';
|
||||||
|
|
||||||
|
if (!bss.bssid || bss.bssid == '00:00:00:00:00:00')
|
||||||
|
range = 'none';
|
||||||
|
else if (scale < 15)
|
||||||
|
range = '0';
|
||||||
|
else if (scale < 35)
|
||||||
|
range = '0-25';
|
||||||
|
else if (scale < 55)
|
||||||
|
range = '25-50';
|
||||||
|
else if (scale < 75)
|
||||||
|
range = '50-75';
|
||||||
|
else
|
||||||
|
range = '75-100';
|
||||||
|
|
||||||
|
return E('span', {
|
||||||
|
class: 'ifacebadge',
|
||||||
|
title: '%s: %d%s / %s: %d/%d'.format(_('Signal'), bss.signal, _('dB'), _('Quality'), qval, qmax)
|
||||||
|
}, [
|
||||||
|
E('img', { src: L.resource('icons/signal-%s.png').format(range) }),
|
||||||
|
' %d%%'.format(scale)
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
function format_encryption(bss) {
|
||||||
|
var enc = bss.encryption || { }
|
||||||
|
|
||||||
|
if (enc.wep === true)
|
||||||
|
return 'WEP';
|
||||||
|
else if (enc.wpa > 0)
|
||||||
|
return E('abbr', {
|
||||||
|
title: 'Pairwise: %h / Group: %h'.format(
|
||||||
|
enc.pair_ciphers.join(', '),
|
||||||
|
enc.group_ciphers.join(', '))
|
||||||
|
},
|
||||||
|
'%h - %h'.format(
|
||||||
|
(enc.wpa === 3) ? _('mixed WPA/WPA2') : (enc.wpa === 2 ? 'WPA2' : 'WPA'),
|
||||||
|
enc.auth_suites.join(', ')));
|
||||||
|
else
|
||||||
|
return E('em', enc.enabled ? _('unknown') : _('open'));
|
||||||
|
}
|
||||||
|
|
||||||
|
function format_actions(dev, type, bss) {
|
||||||
|
var enc = bss.encryption || { },
|
||||||
|
input = [
|
||||||
|
E('input', { type: 'submit', class: 'cbi-button cbi-button-action important', value: _('Join Network') }),
|
||||||
|
E('input', { type: 'hidden', name: 'token', value: L.env.token }),
|
||||||
|
E('input', { type: 'hidden', name: 'device', value: dev }),
|
||||||
|
E('input', { type: 'hidden', name: 'join', value: bss.ssid }),
|
||||||
|
E('input', { type: 'hidden', name: 'mode', value: bss.mode }),
|
||||||
|
E('input', { type: 'hidden', name: 'bssid', value: bss.bssid }),
|
||||||
|
E('input', { type: 'hidden', name: 'channel', value: bss.channel }),
|
||||||
|
E('input', { type: 'hidden', name: 'clbridge', value: type === 'wl' ? 1 : 0 }),
|
||||||
|
E('input', { type: 'hidden', name: 'wep', value: enc.wep ? 1 : 0 })
|
||||||
|
];
|
||||||
|
|
||||||
|
if (enc.wpa) {
|
||||||
|
input.push(E('input', { type: 'hidden', name: 'wpa_version', value: enc.wpa }));
|
||||||
|
|
||||||
|
enc.auth_suites.forEach(function(s) {
|
||||||
|
input.push(E('input', { type: 'hidden', name: 'wpa_suites', value: s }));
|
||||||
|
});
|
||||||
|
|
||||||
|
enc.group_ciphers.forEach(function(s) {
|
||||||
|
input.push(E('input', { type: 'hidden', name: 'wpa_group', value: s }));
|
||||||
|
});
|
||||||
|
|
||||||
|
enc.pair_ciphers.forEach(function(s) {
|
||||||
|
input.push(E('input', { type: 'hidden', name: 'wpa_pairwise', value: s }));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return E('form', {
|
||||||
|
class: 'inline',
|
||||||
|
method: 'post',
|
||||||
|
action: L.url('admin/network/wireless_join')
|
||||||
|
}, input);
|
||||||
|
}
|
||||||
|
|
||||||
|
function fade(bss, content) {
|
||||||
|
if (bss.stale)
|
||||||
|
return E('span', { style: 'opacity:0.5' }, content);
|
||||||
|
else
|
||||||
|
return content;
|
||||||
|
}
|
||||||
|
|
||||||
|
function flush() {
|
||||||
|
L.stop(poll);
|
||||||
|
L.halt();
|
||||||
|
|
||||||
|
scan();
|
||||||
|
}
|
||||||
|
|
||||||
|
function scan() {
|
||||||
|
var tbl = document.querySelector('[data-wifi-scan]'),
|
||||||
|
dev = tbl.getAttribute('data-wifi-scan'),
|
||||||
|
type = tbl.getAttribute('data-wifi-type');
|
||||||
|
|
||||||
|
cbi_update_table(tbl, [], E('em', { class: 'spinning' }, _('Starting wireless scan...')));
|
||||||
|
|
||||||
|
L.post(L.url('admin/network/wireless_scan_trigger', dev), null, function(s) {
|
||||||
|
if (s.status !== 204) {
|
||||||
|
cbi_update_table(tbl, [], E('em', _('Scan request failed')));
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var count = 0;
|
||||||
|
|
||||||
|
poll = L.poll(3, L.url('admin/network/wireless_scan_results', dev), null, function(s, results) {
|
||||||
|
if (Array.isArray(results)) {
|
||||||
|
var bss = [];
|
||||||
|
|
||||||
|
results.sort(function(a, b) {
|
||||||
|
var diff = (b.quality - a.quality) || (a.channel - b.channel);
|
||||||
|
|
||||||
|
if (diff)
|
||||||
|
return diff;
|
||||||
|
|
||||||
|
if (a.ssid < b.ssid)
|
||||||
|
return -1;
|
||||||
|
else if (a.ssid > b.ssid)
|
||||||
|
return 1;
|
||||||
|
|
||||||
|
if (a.bssid < b.bssid)
|
||||||
|
return -1;
|
||||||
|
else if (a.bssid > b.bssid)
|
||||||
|
return 1;
|
||||||
|
}).forEach(function(res) {
|
||||||
|
bss.push([
|
||||||
|
fade(res, format_signal(res)),
|
||||||
|
fade(res, res.ssid ? '%h'.format(res.ssid) : E('em', {}, _('hidden'))),
|
||||||
|
fade(res, res.channel),
|
||||||
|
fade(res, res.mode),
|
||||||
|
fade(res, res.bssid),
|
||||||
|
fade(res, format_encryption(res)),
|
||||||
|
format_actions(dev, type, res)
|
||||||
|
]);
|
||||||
|
});
|
||||||
|
|
||||||
|
cbi_update_table(tbl, bss, E('em', { class: 'spinning' }, _('No scan results available yet...')));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (count++ >= 3) {
|
||||||
|
count = 0;
|
||||||
|
L.post(L.url('admin/network/wireless_scan_trigger', dev, 1), null, function() {});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
L.run();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', scan);
|
||||||
|
|
@ -321,7 +321,7 @@ function wifi_scan_trigger(radio, update)
|
||||||
return
|
return
|
||||||
end
|
end
|
||||||
|
|
||||||
luci.http.status(200, "Scan scheduled")
|
luci.http.status(204, "Scan scheduled")
|
||||||
|
|
||||||
if nixio.fork() == 0 then
|
if nixio.fork() == 0 then
|
||||||
io.stderr:close()
|
io.stderr:close()
|
||||||
|
|
|
||||||
|
|
@ -19,178 +19,11 @@
|
||||||
|
|
||||||
<%+header%>
|
<%+header%>
|
||||||
|
|
||||||
<script type="text/javascript">//<![CDATA[
|
|
||||||
var xhr = new XHR(),
|
|
||||||
poll = null;
|
|
||||||
|
|
||||||
function format_signal(bss) {
|
|
||||||
var qval = bss.quality || 0,
|
|
||||||
qmax = bss.quality_max || 100,
|
|
||||||
scale = 100 / qmax * qval,
|
|
||||||
range = 'none';
|
|
||||||
|
|
||||||
if (!bss.bssid || bss.bssid == '00:00:00:00:00:00')
|
|
||||||
range = 'none';
|
|
||||||
else if (scale < 15)
|
|
||||||
range = '0';
|
|
||||||
else if (scale < 35)
|
|
||||||
range = '0-25';
|
|
||||||
else if (scale < 55)
|
|
||||||
range = '25-50';
|
|
||||||
else if (scale < 75)
|
|
||||||
range = '50-75';
|
|
||||||
else
|
|
||||||
range = '75-100';
|
|
||||||
|
|
||||||
return E('span', {
|
|
||||||
class: 'ifacebadge',
|
|
||||||
title: '<%:Signal%>: %d<%:dB%> / <%:Quality%>: %d/%d'.format(bss.signal, qval, qmax)
|
|
||||||
}, [
|
|
||||||
E('img', { src: '<%=resource%>/icons/signal-%s.png'.format(range) }),
|
|
||||||
' %d%%'.format(scale)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
function format_encryption(bss) {
|
|
||||||
var enc = bss.encryption || { }
|
|
||||||
|
|
||||||
if (enc.wep === true)
|
|
||||||
return 'WEP';
|
|
||||||
else if (enc.wpa > 0)
|
|
||||||
return E('abbr', {
|
|
||||||
title: 'Pairwise: %h / Group: %h'.format(
|
|
||||||
enc.pair_ciphers.join(', '),
|
|
||||||
enc.group_ciphers.join(', '))
|
|
||||||
},
|
|
||||||
'%h - %h'.format(
|
|
||||||
(enc.wpa === 3) ? '<%:mixed WPA/WPA2%>' : (enc.wpa === 2 ? 'WPA2' : 'WPA'),
|
|
||||||
enc.auth_suites.join(', ')));
|
|
||||||
else if (enc.enabled)
|
|
||||||
return '<em><%:unknown%></em>';
|
|
||||||
else
|
|
||||||
return '<em><%:open%></em>';
|
|
||||||
}
|
|
||||||
|
|
||||||
function format_actions(bss) {
|
|
||||||
var enc = bss.encryption || { },
|
|
||||||
input = [
|
|
||||||
E('input', { type: 'submit', class: 'cbi-button cbi-button-action important', value: '<%:Join Network%>' }),
|
|
||||||
E('input', { type: 'hidden', name: 'token', value: '<%=token%>' }),
|
|
||||||
E('input', { type: 'hidden', name: 'device', value: '<%=dev%>' }),
|
|
||||||
E('input', { type: 'hidden', name: 'join', value: bss.ssid }),
|
|
||||||
E('input', { type: 'hidden', name: 'mode', value: bss.mode }),
|
|
||||||
E('input', { type: 'hidden', name: 'bssid', value: bss.bssid }),
|
|
||||||
E('input', { type: 'hidden', name: 'channel', value: bss.channel }),
|
|
||||||
E('input', { type: 'hidden', name: 'clbridge', value: <%=iw.type == "wl" and 1 or 0%> }),
|
|
||||||
E('input', { type: 'hidden', name: 'wep', value: enc.wep ? 1 : 0 })
|
|
||||||
];
|
|
||||||
|
|
||||||
if (enc.wpa) {
|
|
||||||
input.push(E('input', { type: 'hidden', name: 'wpa_version', value: enc.wpa }));
|
|
||||||
|
|
||||||
enc.auth_suites.forEach(function(s) {
|
|
||||||
input.push(E('input', { type: 'hidden', name: 'wpa_suites', value: s }));
|
|
||||||
});
|
|
||||||
|
|
||||||
enc.group_ciphers.forEach(function(s) {
|
|
||||||
input.push(E('input', { type: 'hidden', name: 'wpa_group', value: s }));
|
|
||||||
});
|
|
||||||
|
|
||||||
enc.pair_ciphers.forEach(function(s) {
|
|
||||||
input.push(E('input', { type: 'hidden', name: 'wpa_pairwise', value: s }));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return E('form', {
|
|
||||||
class: 'inline',
|
|
||||||
method: 'post',
|
|
||||||
action: '<%=url("admin/network/wireless_join")%>'
|
|
||||||
}, input);
|
|
||||||
}
|
|
||||||
|
|
||||||
function fade(bss, content) {
|
|
||||||
if (bss.stale)
|
|
||||||
return E('span', { style: 'opacity:0.5' }, content);
|
|
||||||
else
|
|
||||||
return content;
|
|
||||||
}
|
|
||||||
|
|
||||||
function flush() {
|
|
||||||
XHR.stop(poll);
|
|
||||||
XHR.halt();
|
|
||||||
|
|
||||||
scan();
|
|
||||||
}
|
|
||||||
|
|
||||||
function scan() {
|
|
||||||
var tbl = document.getElementById('scan_results');
|
|
||||||
|
|
||||||
cbi_update_table(tbl, [], '<em><img src="<%=resource%>/icons/loading.gif" class="middle" /> <%:Starting wireless scan...%></em>');
|
|
||||||
|
|
||||||
xhr.post('<%=url("admin/network/wireless_scan_trigger", dev)%>', { token: '<%=token%>' },
|
|
||||||
function(s) {
|
|
||||||
if (s.status !== 200) {
|
|
||||||
cbi_update_table(tbl, [], '<em><%:Scan request failed%></em>');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var count = 0;
|
|
||||||
|
|
||||||
poll = XHR.poll(3, '<%=url("admin/network/wireless_scan_results", dev)%>', null,
|
|
||||||
function(s, results) {
|
|
||||||
if (Array.isArray(results)) {
|
|
||||||
var bss = [];
|
|
||||||
|
|
||||||
results.sort(function(a, b) {
|
|
||||||
var diff = (b.quality - a.quality) || (a.channel - b.channel);
|
|
||||||
|
|
||||||
if (diff)
|
|
||||||
return diff;
|
|
||||||
|
|
||||||
if (a.ssid < b.ssid)
|
|
||||||
return -1;
|
|
||||||
else if (a.ssid > b.ssid)
|
|
||||||
return 1;
|
|
||||||
|
|
||||||
if (a.bssid < b.bssid)
|
|
||||||
return -1;
|
|
||||||
else if (a.bssid > b.bssid)
|
|
||||||
return 1;
|
|
||||||
}).forEach(function(res) {
|
|
||||||
bss.push([
|
|
||||||
fade(res, format_signal(res)),
|
|
||||||
fade(res, res.ssid ? '%h'.format(res.ssid) : E('em', {}, '<%:hidden%>')),
|
|
||||||
fade(res, res.channel),
|
|
||||||
fade(res, res.mode),
|
|
||||||
fade(res, res.bssid),
|
|
||||||
fade(res, format_encryption(res)),
|
|
||||||
format_actions(res)
|
|
||||||
]);
|
|
||||||
});
|
|
||||||
|
|
||||||
cbi_update_table(tbl, bss, '<em><img src="<%=resource%>/icons/loading.gif" class="middle" /> <%:No scan results available yet...%>');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (count++ >= 3) {
|
|
||||||
count = 0;
|
|
||||||
xhr.post('<%=url("admin/network/wireless_scan_trigger", dev, "1")%>',
|
|
||||||
{ token: '<%=token%>' }, function() { });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
XHR.run();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', scan);
|
|
||||||
|
|
||||||
//]]></script>
|
|
||||||
|
|
||||||
<h2 name="content"><%:Join Network: Wireless Scan%></h2>
|
<h2 name="content"><%:Join Network: Wireless Scan%></h2>
|
||||||
|
|
||||||
<div class="cbi-map">
|
<div class="cbi-map">
|
||||||
<div class="cbi-section">
|
<div class="cbi-section">
|
||||||
<div class="table" id="scan_results">
|
<div class="table"<%=attr("data-wifi-scan", dev) .. attr("data-wifi-type", iw.type)%>>
|
||||||
<div class="tr table-titles">
|
<div class="tr table-titles">
|
||||||
<div class="th col-2 middle center"><%:Signal%></div>
|
<div class="th col-2 middle center"><%:Signal%></div>
|
||||||
<div class="th col-4 middle left"><%:SSID%></div>
|
<div class="th col-4 middle left"><%:SSID%></div>
|
||||||
|
|
@ -221,4 +54,6 @@
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="<%=resource%>/view/network/wifi_join.js"></script>
|
||||||
|
|
||||||
<%+footer%>
|
<%+footer%>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue