openwrt/luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci.git synced 2026-04-15 10:51:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

luci-proto-wireguard: client qr code generation

Browse Source 
Signed-off-by: lvoegl <lvoegl@tdt.de>
This commit is contained in:
lvoegl
2021-09-08 12:56:10 +02:00
committed by Lukas Voegl
parent d98935c45b
commit 8530232f51
3 changed files with 90 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
protocols/luci-proto-wireguard/htdocs/luci-static/resources/protocol/wireguard.js
View File

@@ -11,6 +11,13 @@ var generateKey = rpc.declare({
expect: { keys: {} }
});
var generateQrCode = rpc.declare({
object: 'luci.wireguard',
method: 'generateQrCode',
params: ['privkey'],
expect: { qr_code: '' }
});
function validateBase64(section_id, value) {
if (value.length == 0)
return true;
@@ -24,6 +31,15 @@ function validateBase64(section_id, value) {
return true;
}
function findSection(sections, name) {
for (var i = 0; i < sections.length; i++) {
var section = sections[i];
if (section['.name'] == name) return section;
}
return null;
}
return network.registerProtocol('wireguard', {
getI18n: function() {
return _('WireGuard VPN');
@@ -131,6 +147,59 @@ return network.registerProtocol('wireguard', {
o.datatype = 'string';
o.optional = true;
o = ss.option(form.Value, 'description', _('QR-Code'));
o.render = L.bind(function (view, section_id) {
var sections = uci.sections('network');
var serverName = this.getIfname();
var server = findSection(sections, serverName);
var description = '%s:<br />&#8226;&#160;[Interface] %s<br />&#8226;&#160;[Peer] %s'.format(
_('The QR-Code works per wg interface, it will be refreshed with every button click and transfers the following information'),
_('A random, on the fly generated "PrivateKey", the key will not be saved on the router'),
_('The "PublicKey" of that wg interface and the "AllowedIPs" with the default of "0.0.0.0/0, ::/0" to allow sending traffic to any IPv4 and IPv6 address')
);
return E('div', { 'class': 'cbi-value' }, [
E('label', { 'class': 'cbi-value-title' }, _('QR-Code')),
E('div', {
'style': 'display: flex; flex-direction: column; align-items: baseline;',
'id': 'qr-' + section_id
}, [
E('button', {
'class': 'btn cbi-button cbi-button-apply',
'click': ui.createHandlerFn(this, function (publicKey, section_id) {
var qrDiv = document.getElementById('qr-' + section_id);
var qrEl = qrDiv.querySelector('value');
var qrBtn = qrDiv.querySelector('button');
var qrencodeErr = '<b>%q</b>'.format(
_('For QR-Code support please install the qrencode package!'));
if (qrEl.innerHTML != '' && qrEl.innerHTML != qrencodeErr) {
qrEl.innerHTML = '';
qrBtn.innerHTML = _('Generate New QR-Code')
} else {
qrEl.innerHTML = _('Loading QR-Code...');
generateQrCode(publicKey).then(function (qrCode) {
if (qrCode == '') {
qrEl.innerHTML = qrencodeErr;
} else {
qrEl.innerHTML = qrCode;
qrBtn.innerHTML = _('Hide QR-Code');
}
});
}
}, server.private_key, section_id)
}, _('Generate new QR-Code')),
E('value', {
'class': 'cbi-section',
'style': 'margin: 0;'
}),
E('div', { 'class': 'cbi-value-description' }, description)
])
]);
}, this);
o = ss.option(form.Value, 'public_key', _('Public Key'), _('Required. Base64-encoded public key of peer.'));
o.validate = validateBase64;
o.rmempty = false;

5
protocols/luci-proto-wireguard/root/usr/share/rpcd/acl.d/luci-wireguard.json
View File

@@ -3,7 +3,10 @@
"description": "Grant access to LuCI Wireguard procedures",
"write": {
"ubus": {
"luci.wireguard": [ "generateKeyPair" ]
"luci.wireguard": [
"generateKeyPair",
"generateQrCode"
]
}
}
}