03c77dafe3
Modern browsers allow decomposing table markup equally well as nested div constructs, therefor migrate our <div> table markup to actual <table> tags but keep the old table/tr/th/td CSS classes for now to allow for a smooth theme transition. Signed-off-by: Jo-Philipp Wich <jo@mein.io>
893 lines
29 KiB
JavaScript
893 lines
29 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require poll';
|
|
'require fs';
|
|
'require ui';
|
|
'require uci';
|
|
'require form';
|
|
'require network';
|
|
'require tools.widgets as widgets';
|
|
|
|
/*
|
|
remove wireless and stale travelmate sections
|
|
*/
|
|
function handleRemove(sid) {
|
|
var w_sections, t_sections, match, changes;
|
|
|
|
uci.remove('wireless', sid);
|
|
w_sections = uci.sections('wireless', 'wifi-iface');
|
|
t_sections = uci.sections('travelmate', 'uplink');
|
|
for (var i = 0; i < t_sections.length; i++) {
|
|
match = false;
|
|
for (var j = 0; j < w_sections.length; j++) {
|
|
if (t_sections[i].device === w_sections[j].device && t_sections[i].ssid === w_sections[j].ssid && t_sections[i].bssid === w_sections[j].bssid) {
|
|
match = true;
|
|
break;
|
|
}
|
|
}
|
|
if (match === false) {
|
|
uci.remove('travelmate', t_sections[i]['.name']);
|
|
}
|
|
}
|
|
uci.save();
|
|
}
|
|
|
|
/*
|
|
add missing travelmate sections
|
|
*/
|
|
function handleSectionsAdd(iface) {
|
|
var w_sections, t_sections, match, changes;
|
|
|
|
w_sections = uci.sections('wireless', 'wifi-iface');
|
|
t_sections = uci.sections('travelmate', 'uplink');
|
|
for (var i = 0; i < w_sections.length; i++) {
|
|
if (w_sections[i].mode !== 'sta' || w_sections[i].network !== iface) {
|
|
continue;
|
|
}
|
|
match = false;
|
|
for (var j = 0; j < t_sections.length; j++) {
|
|
if (w_sections[i].device === t_sections[j].device && w_sections[i].ssid === t_sections[j].ssid && w_sections[i].bssid === t_sections[j].bssid) {
|
|
match = true;
|
|
break;
|
|
}
|
|
}
|
|
if (match === false) {
|
|
var sid = uci.add('travelmate', 'uplink');
|
|
uci.set('travelmate', sid, 'enabled', '1');
|
|
uci.set('travelmate', sid, 'device', w_sections[i].device);
|
|
uci.set('travelmate', sid, 'ssid', w_sections[i].ssid);
|
|
uci.set('travelmate', sid, 'bssid', w_sections[i].bssid);
|
|
uci.set('travelmate', sid, 'con_start_expiry', '0');
|
|
uci.set('travelmate', sid, 'con_end_expiry', '0');
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
update travelmate sections
|
|
*/
|
|
function handleSectionsVal(action, section_id, option, value) {
|
|
var date, oldValue, w_device, w_ssid, w_bssid, t_sections;
|
|
|
|
w_device = uci.get('wireless', section_id, 'device');
|
|
w_ssid = uci.get('wireless', section_id, 'ssid');
|
|
w_bssid = uci.get('wireless', section_id, 'bssid');
|
|
t_sections = uci.sections('travelmate', 'uplink');
|
|
|
|
for (var i = 0; i < t_sections.length; i++) {
|
|
if (t_sections[i].device === w_device && t_sections[i].ssid === w_ssid && t_sections[i].bssid === w_bssid) {
|
|
if (action === 'get') {
|
|
return t_sections[i][option];
|
|
}
|
|
else if (action === 'set') {
|
|
if (option === 'enabled') {
|
|
oldValue = t_sections[i][option];
|
|
if (oldValue !== value && value === '0') {
|
|
date = new Date(new Date().getTime() - new Date().getTimezoneOffset()*60*1000).toISOString().substr(0,19).replace(/-/g, '.').replace('T', '-');
|
|
uci.set('travelmate', t_sections[i]['.name'], 'con_end', date);
|
|
}
|
|
else if (oldValue !== value && value === '1') {
|
|
uci.unset('travelmate', t_sections[i]['.name'], 'con_end');
|
|
}
|
|
}
|
|
return uci.set('travelmate', t_sections[i]['.name'], option, value);
|
|
}
|
|
else if (action === 'del') {
|
|
return uci.unset('travelmate', t_sections[i]['.name'], option);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*
|
|
update travelmate status
|
|
*/
|
|
function handleStatus() {
|
|
poll.add(function() {
|
|
L.resolveDefault(fs.stat('/var/state/travelmate.refresh'), null).then(function(res) {
|
|
if (res) {
|
|
L.resolveDefault(fs.read_direct('/var/state/travelmate.refresh'), null).then(function(res) {
|
|
fs.remove('/var/state/travelmate.refresh');
|
|
if (res && res === 'ui_reload') {
|
|
location.reload();
|
|
}
|
|
else if (res && res === 'cfg_reload') {
|
|
if (document.readyState === 'complete') {
|
|
uci.unload('wireless');
|
|
uci.unload('travelmate');
|
|
}
|
|
return Promise.all([
|
|
uci.load('wireless'),
|
|
uci.load('travelmate')
|
|
]).then(function() {
|
|
var item, value,
|
|
container = document.querySelectorAll('.cbi-section-table-row[data-sid]');
|
|
for (var i = 0; i < container.length; i++) {
|
|
item = container[i].querySelector('.cbi-value-field[data-title="Enabled"]');
|
|
value = handleSectionsVal('get', container[i].getAttribute('data-sid'), 'enabled');
|
|
item.textContent = (value == 0 ? 'No' : 'Yes');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
return L.resolveDefault(fs.stat('/tmp/trm_runtime.json'), null).then(function(res) {
|
|
if (res) {
|
|
L.resolveDefault(fs.read_direct('/tmp/trm_runtime.json'), null).then(function(res) {
|
|
if (res) {
|
|
var info = JSON.parse(res);
|
|
if (info) {
|
|
var t_device, t_ssid, t_bssid, oldUplinkView, newUplinkView,
|
|
uplinkId = info.data.station_id.trim().split('/'),
|
|
oldUplinkView = document.getElementsByName('uplinkStation'),
|
|
w_sections = uci.sections('wireless', 'wifi-iface');
|
|
|
|
t_device = uplinkId[0];
|
|
t_bssid = uplinkId[uplinkId.length-1];
|
|
for (var i = 1; i < uplinkId.length-1; i++) {
|
|
if (!t_ssid) {
|
|
t_ssid = uplinkId[i];
|
|
}
|
|
else {
|
|
t_ssid = t_ssid + '/' + uplinkId[i];
|
|
}
|
|
}
|
|
if (t_ssid === '-') {
|
|
if (oldUplinkView.length > 0) {
|
|
oldUplinkView[0].removeAttribute('style');
|
|
oldUplinkView[0].removeAttribute('name', 'uplinkStation');
|
|
}
|
|
}
|
|
else {
|
|
for (var i = 0; i < w_sections.length; i++) {
|
|
newUplinkView = document.getElementById('cbi-wireless-' + w_sections[i]['.name']);
|
|
if (t_device === w_sections[i].device && t_ssid === w_sections[i].ssid && t_bssid === (w_sections[i].bssid || '-')) {
|
|
if (oldUplinkView.length === 0 && newUplinkView) {
|
|
newUplinkView.setAttribute('name', 'uplinkStation');
|
|
newUplinkView.setAttribute('style', 'text-align: left !important; color: #37c !important;font-weight: bold !important;');
|
|
}
|
|
else if (oldUplinkView.length > 0 && newUplinkView && oldUplinkView[0].getAttribute('id') !== newUplinkView.getAttribute('id')) {
|
|
oldUplinkView[0].removeAttribute('style');
|
|
oldUplinkView[0].removeAttribute('name', 'uplinkStation');
|
|
newUplinkView.setAttribute('name', 'uplinkStation');
|
|
newUplinkView.setAttribute('style', 'text-align: left !important; color: #37c !important;font-weight: bold !important;');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}, 1);
|
|
}
|
|
|
|
return view.extend({
|
|
load: function() {
|
|
return Promise.all([
|
|
uci.load('wireless'),
|
|
uci.load('travelmate')
|
|
]);
|
|
},
|
|
|
|
render: function() {
|
|
var m, s, o,
|
|
iface = uci.get('travelmate', 'global', 'trm_iface') || 'trm_wwan';
|
|
|
|
m = new form.Map('wireless');
|
|
m.chain('travelmate');
|
|
s = m.section(form.GridSection, 'wifi-iface', null, _('Overview of all configured uplinks for travelmate.<br /> \
|
|
You can edit, remove or prioritize existing uplinks by drag \& drop and scan for new ones. The currently used uplink is emphasized in blue.'));
|
|
s.anonymous = true;
|
|
s.sortable = true;
|
|
s.filter = function(section_id) {
|
|
return (uci.get('wireless', section_id, 'network') == iface && uci.get('wireless', section_id, 'mode') == 'sta');
|
|
};
|
|
s.tab('wireless', _('Wireless Settings'));
|
|
s.tab('travelmate', _('Travelmate Settings'));
|
|
s.renderRowActions = function(section_id) {
|
|
var btns;
|
|
btns = [
|
|
E('button', {
|
|
'class': 'btn cbi-button drag-handle center',
|
|
'title': _('Drag to reorder'),
|
|
'style': 'cursor:move',
|
|
'disabled': this.map.readonly || null
|
|
}, '☰'),
|
|
E('button', {
|
|
'class': 'cbi-button cbi-button-action important',
|
|
'title': _('Edit this network'),
|
|
'click': ui.createHandlerFn(this, 'renderMoreOptionsModal', section_id)
|
|
}, _('Edit')),
|
|
E('button', {
|
|
'class': 'cbi-button cbi-button-negative remove',
|
|
'title': _('Delete this network'),
|
|
'click': ui.createHandlerFn(this, handleRemove, section_id)
|
|
}, _('Del'))
|
|
];
|
|
return E('td', { 'class': 'td middle cbi-section-actions' }, E('div', btns));
|
|
};
|
|
|
|
o = s.taboption('travelmate', form.Flag, '_enabled', _('Enabled'));
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'enabled';
|
|
o.rmempty = false;
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'enabled');
|
|
}
|
|
o.write = function(section_id, value) {
|
|
return handleSectionsVal('set', section_id, 'enabled', value);
|
|
}
|
|
|
|
o = s.taboption('wireless', form.Value, 'device', _('Device'));
|
|
o.readonly = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'ssid', _('SSID'));
|
|
o.datatype = 'maxlength(32)';
|
|
o.readonly = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'bssid', _('BSSID'));
|
|
o.datatype = 'macaddr';
|
|
o.readonly = true;
|
|
|
|
o = s.taboption('wireless', form.ListValue, 'encryption', _('Encryption'));
|
|
o.value('sae', _('WPA3 Pers. (SAE)'));
|
|
o.value('sae-mixed', _('WPA2/WPA3 Pers. (CCMP)'));
|
|
o.value('psk2', _('WPA2 Pers.'));
|
|
o.value('psk2+ccmp', _('WPA2 Pers. (CCMP)'));
|
|
o.value('psk2+tkip', _('WPA2 Pers. (TKIP)'));
|
|
o.value('psk', _('WPA Pers.'));
|
|
o.value('psk+ccmp', _('WPA Pers. (CCMP)'));
|
|
o.value('psk+tkip', _('WPA Pers. (TKIP)'));
|
|
o.value('psk-mixed+ccmp', _('WPA/WPA2 Pers. (CCMP)'));
|
|
o.value('psk-mixed+tkip', _('WPA/WPA2 Pers. (TKIP)'));
|
|
o.value('wpa3', _('WPA3 Ent. (CCMP)'));
|
|
o.value('wpa3-mixed', _('WPA2/WPA3 Ent. (CCMP)'));
|
|
o.value('wpa2+ccmp', _('WPA2 Ent. (CCMP)'));
|
|
o.value('wpa2+tkip', _('WPA2 Ent. (TKIP)'));
|
|
o.value('wpa+ccmp', _('WPA Ent. (CCMP)'));
|
|
o.value('wpa+tkip', _('WPA Ent. (TKIP)'));
|
|
o.value('wpa-mixed+ccmp', _('WPA/WPA2 Ent. (CCMP)'));
|
|
o.value('wpa-mixed+tkip', _('WPA/WPA2 Ent. (TKIP)'));
|
|
o.value('owe', _('OWE'));
|
|
o.value('none', _('none'));
|
|
o.default = 'none';
|
|
o.textvalue = function(section_id) {
|
|
var cfgvalue = this.map.data.get('wireless', section_id, 'encryption');
|
|
switch (cfgvalue) {
|
|
case 'sae':
|
|
cfgvalue = 'WPA3 Pers. (SAE)';
|
|
break;
|
|
case 'sae-mixed':
|
|
cfgvalue = 'WPA2/WPA3 Pers. (CCMP)';
|
|
break;
|
|
case 'psk2':
|
|
cfgvalue = 'WPA2 Pers.';
|
|
break;
|
|
case 'psk2+ccmp':
|
|
cfgvalue = 'WPA2 Pers. (CCMP)';
|
|
break;
|
|
case 'psk2+tkip':
|
|
cfgvalue = 'WPA2 Ent. (TKIP)';
|
|
break;
|
|
case 'psk':
|
|
cfgvalue = 'WPA Pers.';
|
|
break;
|
|
case 'psk-mixed+ccmp':
|
|
cfgvalue = 'WPA/WPA2 Pers. (CCMP)';
|
|
break;
|
|
case 'psk-mixed+tkip':
|
|
cfgvalue = 'WPA/WPA2 Pers. (TKIP)';
|
|
break;
|
|
case 'wpa3':
|
|
cfgvalue = 'WPA3 Ent. (CCMP)';
|
|
break;
|
|
case 'wpa3-mixed':
|
|
cfgvalue = 'WPA2/WPA3 Ent. (CCMP)';
|
|
break;
|
|
case 'wpa2+ccmp':
|
|
cfgvalue = 'WPA2 Ent. (CCMP)';
|
|
break;
|
|
case 'wpa2+tkip':
|
|
cfgvalue = 'WPA2 Ent. (TKIP)';
|
|
break;
|
|
case 'wpa+ccmp':
|
|
cfgvalue = 'WPA Ent. (CCMP)';
|
|
break;
|
|
case 'wpa+tkip':
|
|
cfgvalue = 'WPA Ent. (TKIP)';
|
|
break;
|
|
case 'wpa-mixed+ccmp':
|
|
cfgvalue = 'WPA/WPA2 Ent. (CCMP)';
|
|
break;
|
|
case 'wpa-mixed+tkip':
|
|
cfgvalue = 'WPA/WPA2 Ent. (TKIP)';
|
|
break;
|
|
case 'owe':
|
|
cfgvalue = 'WPA3 OWE (CCMP)';
|
|
break;
|
|
case 'none':
|
|
cfgvalue = 'none';
|
|
break;
|
|
}
|
|
return cfgvalue;
|
|
};
|
|
handleStatus();
|
|
|
|
/*
|
|
modal wireless tab
|
|
*/
|
|
o = s.taboption('wireless', form.Value, 'key', _('Password'));
|
|
o.datatype = 'wpakey';
|
|
o.depends({ encryption: 'sae', '!contains': true });
|
|
o.depends({ encryption: 'psk', '!contains': true });
|
|
o.depends({ encryption: 'wpa', '!contains': true });
|
|
o.modalonly = true;
|
|
o.password = true;
|
|
|
|
o = s.taboption('wireless', form.ListValue, 'eap_type', _('EAP-Method'));
|
|
o.value('tls', _('TLS'));
|
|
o.value('ttls', _('TTLS'));
|
|
o.value('peap', _('PEAP'));
|
|
o.value('fast', _('FAST'));
|
|
o.default = 'peap';
|
|
o.depends({ encryption: 'wpa', '!contains': true });
|
|
o.modalonly = true;
|
|
|
|
o = s.taboption('wireless', form.ListValue, 'auth', _('Authentication'));
|
|
o.value('PAP', _('PAP'));
|
|
o.value('CHAP', _('CHAP'));
|
|
o.value('MSCHAP', _('MSCHAP'));
|
|
o.value('MSCHAPV2', _('MSCHAPV2'));
|
|
o.value('EAP-GTC', _('EAP-GTC'));
|
|
o.value('EAP-MD5', _('EAP-MD5'));
|
|
o.value('EAP-MSCHAPV2', _('EAP-MSCHAPV2'));
|
|
o.value('EAP-TLS', _('EAP-TLS'));
|
|
o.value('auth=PAP', _('auth=PAP'));
|
|
o.value('auth=MSCHAPV2', _('auth=MSCHAPV2'));
|
|
o.default = 'EAP-MSCHAPV2';
|
|
o.depends({ encryption: 'wpa', '!contains': true });
|
|
o.modalonly = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'identify', _('Identify'));
|
|
o.depends({ encryption: 'wpa', '!contains': true });
|
|
o.modalonly = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'ca_cert', _('Path to CA-Certificate'));
|
|
o.depends({ eap_type: 'tls' });
|
|
o.modalonly = true;
|
|
o.rmempty = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'client_cert', _('Path to Client-Certificate'));
|
|
o.depends({ eap_type: 'tls' });
|
|
o.modalonly = true;
|
|
o.rmempty = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'priv_key', _('Path to Private Key'));
|
|
o.depends({ eap_type: 'tls' });
|
|
o.modalonly = true;
|
|
o.rmempty = true;
|
|
|
|
o = s.taboption('wireless', form.Value, 'priv_key_pwd', _('Password of Private Key'));
|
|
o.datatype = 'wpakey';
|
|
o.depends({ eap_type: 'tls' });
|
|
o.modalonly = true;
|
|
o.password = true;
|
|
o.rmempty = true;
|
|
|
|
/*
|
|
modal travelmate tab
|
|
*/
|
|
o = s.taboption('travelmate', form.Value, '_ssid', _('SSID'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'ssid';
|
|
o.rmempty = false;
|
|
o.readonly = true;
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'ssid');
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_bssid', _('BSSID'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'bssid';
|
|
o.rmempty = true;
|
|
o.readonly = true;
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'bssid');
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_con_start', _('Connection Start'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'con_start';
|
|
o.rmempty = true;
|
|
o.readonly = true;
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'con_start');
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_con_end', _('Connection End'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'con_end';
|
|
o.rmempty = true;
|
|
o.readonly = true;
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'con_end');
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_con_start_expiry', _('Connection Start Expiry'),
|
|
_('Automatically disable the uplink after <em>n</em> minutes, e.g. for timed connections.<br /> \
|
|
The default of \'0\' disables this feature.'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'con_start_expiry';
|
|
o.rmempty = false;
|
|
o.placeholder = '0';
|
|
o.default = '0';
|
|
o.datatype = 'range(0,720)';
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'con_start_expiry');
|
|
}
|
|
o.write = function(section_id, value) {
|
|
return handleSectionsVal('set', section_id, 'con_start_expiry', value);
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_con_end_expiry', _('Connection End Expiry'),
|
|
_('Automatically (re-)enable the uplink after <em>n</em> minutes, e.g. after failed login attempts.<br /> \
|
|
The default of \'0\' disables this feature.'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'con_end_expiry';
|
|
o.rmempty = false;
|
|
o.placeholder = '0';
|
|
o.default = '0';
|
|
o.datatype = 'range(0,720)';
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'con_end_expiry');
|
|
}
|
|
o.write = function(section_id, value) {
|
|
return handleSectionsVal('set', section_id, 'con_end_expiry', value);
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.FileUpload, '_script', _('Auto Login Script'),
|
|
_('External script reference which will be called for automated captive portal logins.'));
|
|
o.root_directory = '/etc/travelmate';
|
|
o.enable_remove = false;
|
|
o.enable_upload = false;
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'script';
|
|
o.renderWidget = function(section_id, option_index, cfgvalue) {
|
|
var browserEl = new ui.FileUpload((cfgvalue != null) ? cfgvalue : this.default, {
|
|
id: this.cbid(section_id),
|
|
name: this.cbid(section_id),
|
|
show_hidden: this.show_hidden,
|
|
enable_upload: this.enable_upload,
|
|
enable_remove: this.enable_remove,
|
|
root_directory: this.root_directory,
|
|
disabled: (this.readonly != null) ? this.readonly : this.map.readonly
|
|
});
|
|
browserEl.renderListing = function(container, path, list) {
|
|
return ui.FileUpload.prototype.renderListing.apply(this, [
|
|
container, path,
|
|
list.filter(function(entry) {
|
|
return ((entry.type == 'directory') || (entry.type == 'file' && entry.name.match(/\.login$/)));
|
|
})
|
|
]);
|
|
};
|
|
return browserEl.render();
|
|
};
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'script');
|
|
}
|
|
o.write = function(section_id, value) {
|
|
return handleSectionsVal('set', section_id, 'script', value);
|
|
}
|
|
o.remove = function(section_id) {
|
|
return handleSectionsVal('del', section_id, 'script');
|
|
}
|
|
|
|
o = s.taboption('travelmate', form.Value, '_args', _('Script Arguments'),
|
|
_('Space separated list of additional arguments passed to the Auto Login Script, i.e. username and password'));
|
|
o.modalonly = true;
|
|
o.uciconfig = 'travelmate';
|
|
o.ucisection = 'uplink';
|
|
o.ucioption = 'script_args';
|
|
o.rmempty = true;
|
|
o.depends({ _script: '/etc/travelmate', '!contains': true });
|
|
o.cfgvalue = function(section_id) {
|
|
return handleSectionsVal('get', section_id, 'script_args');
|
|
}
|
|
o.write = function(section_id, value) {
|
|
return handleSectionsVal('set', section_id, 'script_args', value);
|
|
}
|
|
o.remove = function(section_id) {
|
|
return handleSectionsVal('del', section_id, 'script_args');
|
|
}
|
|
|
|
/*
|
|
scan buttons
|
|
*/
|
|
s = m.section(form.GridSection, 'wifi-device');
|
|
s.anonymous = true;
|
|
s.addremove = false;
|
|
s.render = function() {
|
|
return network.getWifiDevices().then(L.bind(function(radios) {
|
|
var radio, ifname, btns = [];
|
|
for (var i = 0; i < radios.length; i++) {
|
|
radio = radios[i].sid;
|
|
if (radio) {
|
|
btns.push(E('button', {
|
|
'class': 'cbi-button cbi-button-apply',
|
|
'id': radio,
|
|
'click': ui.createHandlerFn(this, 'handleScan', radio)
|
|
}, [ _('Scan on ' + radio + '...') ]),
|
|
'\xa0')
|
|
}
|
|
}
|
|
return E('div', { 'class': 'left', 'style': 'display:flex; flex-direction:column' }, E('div', { 'class': 'left', 'style': 'padding-top:5px; padding-bottom:5px' }, btns));
|
|
}, this))
|
|
};
|
|
|
|
/*
|
|
modal 'scan' dialog
|
|
*/
|
|
s.handleScan = function(radio) {
|
|
var table = E('table', { 'class': 'table' }, [
|
|
E('tr', { 'class': 'tr table-titles' }, [
|
|
E('th', { 'class': 'th col-1 middle left' }, _('Strength')),
|
|
E('th', { 'class': 'th col-1 middle left hide-xs' }, _('Channel')),
|
|
E('th', { 'class': 'th col-2 middle left' }, _('SSID')),
|
|
E('th', { 'class': 'th col-2 middle left' }, _('BSSID')),
|
|
E('th', { 'class': 'th col-3 middle left' }, _('Encryption')),
|
|
E('th', { 'class': 'th cbi-section-actions right' }, '\xa0')
|
|
])
|
|
]);
|
|
cbi_update_table(table, [], E('em', { class: 'spinning' }, _('Starting wireless scan on \'' + radio + '\'...')));
|
|
|
|
var md = ui.showModal(_('Wireless Scan'), [
|
|
table,
|
|
E('div', { 'class': 'right' }, [
|
|
E('button', {
|
|
'class': 'btn',
|
|
'click': ui.hideModal
|
|
}, _('Dismiss')),
|
|
'\xa0',
|
|
E('button', {
|
|
'class': 'cbi-button cbi-button-positive important',
|
|
'click': L.bind(this.handleScan, this, radio)
|
|
}, _('Repeat Scan'))
|
|
])
|
|
]);
|
|
|
|
md.style.maxWidth = '90%';
|
|
md.style.maxHeight = 'none';
|
|
|
|
return L.resolveDefault(fs.exec_direct('/etc/init.d/travelmate', [ 'scan', radio ]), null)
|
|
.then(L.bind(function(res) {
|
|
if (res) {
|
|
var lines, strength, channel, encryption, tbl_encryption, bssid, ssid, tbl_ssid, rows = [];
|
|
lines = res.trim().split('\n');
|
|
for (var i = 0; i < lines.length; i++) {
|
|
if (lines[i].match(/^\s+[0-9]/)) {
|
|
encryption = lines[i].slice(80).trim();
|
|
if (!encryption.includes('WEP')) {
|
|
strength = lines[i].slice(4,7).trim();
|
|
channel = lines[i].slice(15,18).trim();
|
|
bssid = lines[i].slice(60,77).trim();
|
|
ssid = lines[i].slice(25,59).trim();
|
|
if (ssid.startsWith('"')) {
|
|
ssid = ssid.slice(1, ssid.length-1);
|
|
tbl_ssid = ssid;
|
|
}
|
|
else {
|
|
ssid = "hidden";
|
|
tbl_ssid = "<em>hidden</em>";
|
|
}
|
|
switch (encryption) {
|
|
case 'WPA3 PSK (SAE)':
|
|
encryption = 'sae';
|
|
tbl_encryption = 'WPA3 Pers. (SAE)';
|
|
break;
|
|
case 'mixed WPA2/WPA3 PSK/SAE (CCMP)':
|
|
encryption = 'sae-mixed';
|
|
tbl_encryption = 'WPA2/WPA3 Pers. (CCMP)';
|
|
break;
|
|
case 'WPA2 PSK (CCMP)':
|
|
encryption = 'psk2+ccmp';
|
|
tbl_encryption = 'WPA2 Pers. (CCMP)';
|
|
break;
|
|
case 'WPA2 PSK (TKIP)':
|
|
encryption = 'psk2+tkip';
|
|
tbl_encryption = 'WPA2 Pers. (TKIP)';
|
|
break;
|
|
case 'mixed WPA/WPA2 PSK (TKIP, CCMP)':
|
|
encryption = 'psk-mixed+ccmp';
|
|
tbl_encryption = 'WPA/WPA2 Pers. (CCMP)';
|
|
break;
|
|
case 'WPA3 802.1X (CCMP)':
|
|
encryption = 'wpa3';
|
|
tbl_encryption = 'WPA3 Ent. (CCMP)';
|
|
break;
|
|
case 'mixed WPA2/WPA3 802.1X (CCMP)':
|
|
encryption = 'wpa3-mixed';
|
|
tbl_encryption = 'WPA2/WPA3 Ent. (CCMP)';
|
|
break;
|
|
case 'WPA PSK (CCMP)':
|
|
encryption = 'psk2+ccmp';
|
|
tbl_encryption = 'WPA Pers. (CCMP)';
|
|
break;
|
|
case 'WPA PSK (TKIP)':
|
|
encryption = 'psk2+tkip';
|
|
tbl_encryption = 'WPA Pers. (TKIP)';
|
|
break;
|
|
case 'WPA2 802.1X (CCMP)':
|
|
encryption = 'wpa2+ccmp';
|
|
tbl_encryption = 'WPA2 Ent. (CCMP)';
|
|
break;
|
|
case 'WPA3 OWE (CCMP)':
|
|
encryption = 'owe';
|
|
tbl_encryption = 'WPA3 OWE (CCMP)';
|
|
break;
|
|
case 'none':
|
|
encryption = 'none';
|
|
tbl_encryption = 'none';
|
|
break;
|
|
}
|
|
rows.push([
|
|
strength,
|
|
channel,
|
|
tbl_ssid,
|
|
bssid,
|
|
tbl_encryption,
|
|
E('div', { 'class': 'right' }, E('button', {
|
|
'class': 'cbi-button cbi-button-action',
|
|
'click': ui.createHandlerFn(this, 'handleAdd', radio, iface, ssid, bssid, encryption)
|
|
}, _('Add Uplink...')))
|
|
]);
|
|
}
|
|
}
|
|
else if (lines[i] === '::: No scan results') {
|
|
rows.push([
|
|
'No scan results'
|
|
]);
|
|
}
|
|
}
|
|
}
|
|
else {
|
|
rows.push([
|
|
'No scan results'
|
|
]);
|
|
}
|
|
cbi_update_table(table, rows);
|
|
}, this));
|
|
};
|
|
|
|
/*
|
|
modal 'add' dialog
|
|
*/
|
|
s.handleAdd = function(radio, iface, ssid, bssid, encryption, ev) {
|
|
ui.hideModal;
|
|
var m2, s2, o2;
|
|
|
|
m2 = new form.Map('wireless'),
|
|
s2 = m2.section(form.NamedSection, '_add_trm');
|
|
|
|
s2.render = function() {
|
|
return Promise.all([
|
|
{},
|
|
this.renderUCISection('_add_trm')
|
|
]).then(this.renderContents.bind(this));
|
|
};
|
|
|
|
o2 = s2.option(form.Value, 'device', _('Device Name'));
|
|
o2.default = radio;
|
|
o2.readonly = true;
|
|
|
|
o2 = s2.option(form.Value, 'network', _('Interface Name'));
|
|
o2.default = iface;
|
|
o2.readonly = true;
|
|
|
|
if (ssid === "hidden") {
|
|
o2 = s2.option(form.Value, 'ssid', _('SSID (hidden)'));
|
|
o2.placeholder = 'hidden SSID';
|
|
}
|
|
else {
|
|
o2 = s2.option(form.Value, 'ssid', _('SSID'));
|
|
o2.default = ssid;
|
|
}
|
|
o2.datatype = 'maxlength(32)';
|
|
o2.rmempty = false;
|
|
|
|
o2 = s2.option(form.Flag, 'ignore_bssid', _('Ignore BSSID'));
|
|
if (ssid === "hidden") {
|
|
o2.default = '0';
|
|
}
|
|
else {
|
|
o2.default = '1';
|
|
}
|
|
|
|
o2 = s2.option(form.Value, 'bssid', _('BSSID'));
|
|
o2.depends({ ignore_bssid: '0' });
|
|
o2.datatype = 'macaddr';
|
|
o2.rmempty = true;
|
|
o2.default = bssid;
|
|
|
|
o2 = s2.option(form.ListValue, 'encryption', _('Encryption'));
|
|
o2.value('sae', _('WPA3 Pers. (SAE)'));
|
|
o2.value('sae-mixed', _('WPA2/WPA3 Pers. (CCMP)'));
|
|
o2.value('psk2', _('WPA2 Pers.'));
|
|
o2.value('psk2+ccmp', _('WPA2 Pers. (CCMP)'));
|
|
o2.value('psk2+tkip', _('WPA2 Pers. (TKIP)'));
|
|
o2.value('psk', _('WPA Pers.'));
|
|
o2.value('psk+ccmp', _('WPA Pers. (CCMP)'));
|
|
o2.value('psk+tkip', _('WPA Pers. (TKIP)'));
|
|
o2.value('psk-mixed+ccmp', _('WPA/WPA2 Pers. (CCMP)'));
|
|
o2.value('psk-mixed+tkip', _('WPA/WPA2 Pers. (TKIP)'));
|
|
o2.value('wpa3', _('WPA3 Ent.'));
|
|
o2.value('wpa3-mixed', _('WPA2/WPA3 Ent.'));
|
|
o2.value('wpa2+ccmp', _('WPA2 Ent. (CCMP)'));
|
|
o2.value('wpa2+tkip', _('WPA2 Ent. (TKIP)'));
|
|
o2.value('wpa+ccmp', _('WPA Ent. (CCMP)'));
|
|
o2.value('wpa+tkip', _('WPA Ent. (TKIP)'));
|
|
o2.value('wpa-mixed+ccmp', _('WPA/WPA2 Ent. (CCMP)'));
|
|
o2.value('wpa-mixed+tkip', _('WPA/WPA2 Ent. (TKIP)'));
|
|
o2.value('owe', _('WPA3 OWE (CCMP)'));
|
|
o2.value('none', _('none'));
|
|
o2.default = encryption;
|
|
|
|
o2 = s2.option(form.Value, 'key', _('Password'));
|
|
o2.depends({ encryption: 'sae', '!contains': true });
|
|
o2.depends({ encryption: 'psk', '!contains': true });
|
|
o2.depends({ encryption: 'wpa', '!contains': true });
|
|
o2.datatype = 'wpakey';
|
|
o2.password = true;
|
|
|
|
o2 = s2.option(form.ListValue, 'eap_type', _('EAP-Method'));
|
|
o2.depends({ encryption: 'wpa', '!contains': true });
|
|
o2.value('tls', _('TLS'));
|
|
o2.value('ttls', _('TTLS'));
|
|
o2.value('peap', _('PEAP'));
|
|
o2.value('fast', _('FAST'));
|
|
o2.default = 'peap';
|
|
|
|
o2 = s2.option(form.ListValue, 'auth', _('Authentication'));
|
|
o2.depends({ encryption: 'wpa', '!contains': true });
|
|
o2.value('PAP', _('PAP'));
|
|
o2.value('CHAP', _('CHAP'));
|
|
o2.value('MSCHAP', _('MSCHAP'));
|
|
o2.value('MSCHAPV2', _('MSCHAPV2'));
|
|
o2.value('EAP-GTC', _('EAP-GTC'));
|
|
o2.value('EAP-MD5', _('EAP-MD5'));
|
|
o2.value('EAP-MSCHAPV2', _('EAP-MSCHAPV2'));
|
|
o2.value('EAP-TLS', _('EAP-TLS'));
|
|
o2.value('auth=PAP', _('auth=PAP'));
|
|
o2.value('auth=MSCHAPV2', _('auth=MSCHAPV2'));
|
|
o2.default = 'EAP-MSCHAPV2';
|
|
|
|
o2 = s2.option(form.Value, 'identify', _('Identify'));
|
|
o2.depends({ encryption: 'wpa', '!contains': true });
|
|
|
|
o2 = s2.option(form.Value, 'ca_cert', _('Path to CA-Certificate'));
|
|
o2.depends({ eap_type: 'tls' });
|
|
o2.rmempty = true;
|
|
|
|
o2 = s2.option(form.Value, 'client_cert', _('Path to Client-Certificate'));
|
|
o2.depends({ eap_type: 'tls' });
|
|
o2.rmempty = true;
|
|
|
|
o2 = s2.option(form.Value, 'priv_key', _('Path to Private Key'));
|
|
o2.depends({ eap_type: 'tls' });
|
|
o2.rmempty = true;
|
|
|
|
o2 = s2.option(form.Value, 'priv_key_pwd', _('Password of Private Key'));
|
|
o2.depends({ eap_type: 'tls' });
|
|
o2.datatype = 'wpakey';
|
|
o2.password = true;
|
|
o2.rmempty = true;
|
|
|
|
return m2.render().then(L.bind(function(elements) {
|
|
ui.showModal(_('Add Uplink %q').replace(/%q/, '"%h"'.format(ssid)), [
|
|
elements,
|
|
E('div', { 'class': 'right' }, [
|
|
E('button', {
|
|
'class': 'btn',
|
|
'click': ui.hideModal
|
|
}, _('Dismiss')),
|
|
'\xa0',
|
|
E('button', {
|
|
'class': 'cbi-button cbi-button-positive important',
|
|
'click': ui.createHandlerFn(this, 'handleSave', m2)
|
|
}, _('Save'))
|
|
])
|
|
]);
|
|
}, this));
|
|
};
|
|
|
|
/*
|
|
save new uplink
|
|
*/
|
|
s.handleSave = function(map, ev) {
|
|
var w_sections = uci.sections('wireless', 'wifi-iface'),
|
|
device = L.toArray(map.lookupOption('device', '_add_trm'))[0].formvalue('_add_trm'),
|
|
network = L.toArray(map.lookupOption('network', '_add_trm'))[0].formvalue('_add_trm'),
|
|
ssid = L.toArray(map.lookupOption('ssid', '_add_trm'))[0].formvalue('_add_trm'),
|
|
ignore_bssid = L.toArray(map.lookupOption('ignore_bssid', '_add_trm'))[0].formvalue('_add_trm'),
|
|
bssid = L.toArray(map.lookupOption('bssid', '_add_trm'))[0].formvalue('_add_trm'),
|
|
encryption = L.toArray(map.lookupOption('encryption', '_add_trm'))[0].formvalue('_add_trm'),
|
|
password = L.toArray(map.lookupOption('key', '_add_trm'))[0].formvalue('_add_trm');
|
|
if (!ssid || ((encryption.includes('psk') || encryption.includes('wpa') || encryption.includes('sae')) && !password )) {
|
|
if (!ssid) {
|
|
ui.addNotification(null, E('p', 'Empty SSID, the uplink station could not be saved.'), 'error');
|
|
}
|
|
else {
|
|
ui.addNotification(null, E('p', 'Empty Password, the uplink station could not be saved.'), 'error');
|
|
}
|
|
return ui.hideModal();
|
|
}
|
|
for (var i = 0; i < w_sections.length; i++) {
|
|
if (w_sections[i].device === device && w_sections[i].ssid === ssid) {
|
|
if (ignore_bssid === '1' || (ignore_bssid === '0' && w_sections[i].bssid === bssid)) {
|
|
ui.addNotification(null, E('p', 'Duplicate wireless entry, the uplink station could not be saved.'), 'error');
|
|
return ui.hideModal();
|
|
}
|
|
}
|
|
}
|
|
|
|
var offset = w_sections.length,
|
|
new_sid = 'trm_uplink' + (++offset);
|
|
while (uci.get('wireless', new_sid)) {
|
|
new_sid = 'trm_uplink' + (++offset);
|
|
}
|
|
uci.add('wireless', 'wifi-iface', new_sid);
|
|
uci.set('wireless', new_sid, 'device', device);
|
|
uci.set('wireless', new_sid, 'mode', 'sta');
|
|
uci.set('wireless', new_sid, 'network', network);
|
|
uci.set('wireless', new_sid, 'ssid', ssid);
|
|
if (ignore_bssid === '0') {
|
|
uci.set('wireless', new_sid, 'bssid', bssid);
|
|
}
|
|
uci.set('wireless', new_sid, 'encryption', encryption);
|
|
uci.set('wireless', new_sid, 'key', password);
|
|
uci.set('wireless', new_sid, 'disabled', '1');
|
|
handleSectionsAdd(network);
|
|
uci.save();
|
|
ui.hideModal();
|
|
};
|
|
return m.render();
|
|
},
|
|
handleReset: null
|
|
});
|