luci-mod-system: move password and sshkey JS code into external files

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

2 files changed, 246 insertions, 0 deletions

diff --git a/modules/luci-mod-system/htdocs/luci-static/resources/view/system/password.js b/modules/luci-mod-system/htdocs/luci-static/resources/view/system/password.js
new file mode 100644
index 0000000000..7a79d7e2da
--- /dev/null
+++ b/modules/luci-mod-system/htdocs/luci-static/resources/view/system/password.js
@@ -0,0 +1,31 @@
+function submitPassword(ev) {
+	var pw1 = document.body.querySelector('[name="pw1"]'),
+	    pw2 = document.body.querySelector('[name="pw2"]');
+
+	if (!pw1.value.length || !pw2.value.length)
+		return;
+
+	if (pw1.value === pw2.value) {
+		L.showModal(_('Change login password'),
+			E('p', { class: 'spinning' }, _('Changing password…')));
+
+		L.post('admin/system/admin/password/json', { password: pw1.value },
+			function() {
+				showModal(_('Change login password'), [
+					E('div', _('The system password has been successfully changed.')),
+					E('div', { 'class': 'right' },
+						E('div', { class: 'btn', click: L.hideModal }, _('Dismiss')))
+				]);
+
+				pw1.value = pw2.value = '';
+			});
+	}
+	else {
+		L.showModal(_('Change login password'), [
+			E('div', { class: 'alert-message warning' },
+				_('Given password confirmation did not match, password not changed!')),
+			E('div', { 'class': 'right' },
+				E('div', { class: 'btn', click: L.hideModal }, _('Dismiss')))
+		]);
+	}
+}
diff --git a/modules/luci-mod-system/htdocs/luci-static/resources/view/system/sshkeys.js b/modules/luci-mod-system/htdocs/luci-static/resources/view/system/sshkeys.js
new file mode 100644
index 0000000000..d298b3be98
--- /dev/null
+++ b/modules/luci-mod-system/htdocs/luci-static/resources/view/system/sshkeys.js
@@ -0,0 +1,215 @@
+SSHPubkeyDecoder.prototype = {
+	lengthDecode: function(s, off)
+	{
+		var l = (s.charCodeAt(off++) << 24) |
+				(s.charCodeAt(off++) << 16) |
+				(s.charCodeAt(off++) <<  8) |
+				 s.charCodeAt(off++);
+
+		if (l < 0 || (off + l) > s.length)
+			return -1;
+
+		return l;
+	},
+
+	decode: function(s)
+	{
+		var parts = s.split(/\s+/);
+		if (parts.length < 2)
+			return null;
+
+		var key = null;
+		try { key = atob(parts[1]); } catch(e) {}
+		if (!key)
+			return null;
+
+		var off, len;
+
+		off = 0;
+		len = this.lengthDecode(key, off);
+
+		if (len <= 0)
+			return null;
+
+		var type = key.substr(off + 4, len);
+		if (type !== parts[0])
+			return null;
+
+		off += 4 + len;
+
+		var len1 = off < key.length ? this.lengthDecode(key, off) : 0;
+		if (len1 <= 0)
+			return null;
+
+		var curve = null;
+		if (type.indexOf('ecdsa-sha2-') === 0) {
+			curve = key.substr(off + 4, len1);
+
+			if (!len1 || type.substr(11) !== curve)
+				return null;
+
+			type = 'ecdsa-sha2';
+			curve = curve.replace(/^nistp(\d+)$/, 'NIST P-$1');
+		}
+
+		off += 4 + len1;
+
+		var len2 = off < key.length ? this.lengthDecode(key, off) : 0;
+		if (len2 < 0)
+			return null;
+
+		if (len1 & 1)
+			len1--;
+
+		if (len2 & 1)
+			len2--;
+
+		var comment = parts.slice(2).join(' '),
+		    fprint = parts[1].length > 68 ? parts[1].substr(0, 33) + '…' + parts[1].substr(-34) : parts[1];
+
+		switch (type)
+		{
+		case 'ssh-rsa':
+			return { type: 'RSA', bits: len2 * 8, comment: comment, fprint: fprint };
+
+		case 'ssh-dss':
+			return { type: 'DSA', bits: len1 * 8, comment: comment, fprint: fprint };
+
+		case 'ssh-ed25519':
+			return { type: 'ECDH', curve: 'Curve25519', comment: comment, fprint: fprint };
+
+		case 'ecdsa-sha2':
+			return { type: 'ECDSA', curve: curve, comment: comment, fprint: fprint };
+
+		default:
+			return null;
+		}
+	}
+};
+
+function SSHPubkeyDecoder() {}
+
+function renderKeys(keys) {
+	var list = document.querySelector('.cbi-dynlist[name="sshkeys"]'),
+	    decoder = new SSHPubkeyDecoder();
+
+	while (!matchesElem(list.firstElementChild, '.add-item'))
+		list.removeChild(list.firstElementChild);
+
+	keys.forEach(function(key) {
+		var pubkey = decoder.decode(key);
+		if (pubkey)
+			list.insertBefore(E('div', {
+				class: 'item',
+				click: removeKey,
+				'data-key': key
+			}, [
+				E('strong', pubkey.comment || _('Unnamed key')), E('br'),
+				E('small', [
+					'%s, %s'.format(pubkey.type, pubkey.curve || _('%d Bit').format(pubkey.bits)),
+					E('br'), E('code', pubkey.fprint)
+				])
+			]), list.lastElementChild);
+	});
+
+	if (list.firstElementChild === list.lastElementChild)
+		list.insertBefore(E('p', _('No public keys present yet.')), list.lastElementChild);
+}
+
+function saveKeys(keys) {
+	L.showModal(_('Add key'), E('div', { class: 'spinning' }, _('Saving keys…')));
+	L.post('admin/system/admin/sshkeys/json', { keys: JSON.stringify(keys) }, function(xhr, keys) {
+		renderKeys(keys);
+		L.hideModal();
+	});
+}
+
+function addKey(ev) {
+	var decoder = new SSHPubkeyDecoder(),
+	    list = findParent(ev.target, '.cbi-dynlist'),
+	    input = list.querySelector('input[type="text"]'),
+	    key = input.value.trim(),
+	    pubkey = decoder.decode(key),
+	    keys = [];
+
+	if (!key.length)
+		return;
+
+	list.querySelectorAll('.item').forEach(function(item) {
+		keys.push(item.getAttribute('data-key'));
+	});
+
+	if (keys.indexOf(key) !== -1) {
+		L.showModal(_('Add key'), [
+			E('div', { class: 'alert-message warning' }, _('The given SSH public key has already been added.')),
+			E('div', { class: 'right' }, E('div', { class: 'btn', click: L.hideModal }, _('Close')))
+		]);
+	}
+	else if (!pubkey) {
+		L.showModal(_('Add key'), [
+			E('div', { class: 'alert-message warning' }, _('The given SSH public key is invalid. Please supply proper public RSA or ECDSA keys.')),
+			E('div', { class: 'right' }, E('div', { class: 'btn', click: L.hideModal }, _('Close')))
+		]);
+	}
+	else {
+		keys.push(key);
+		saveKeys(keys);
+		input.value = '';
+	}
+}
+
+function removeKey(ev) {
+	var list = findParent(ev.target, '.cbi-dynlist'),
+	    delkey = ev.target.getAttribute('data-key'),
+	    keys = [];
+
+	list.querySelectorAll('.item').forEach(function(item) {
+		var key = item.getAttribute('data-key');
+		if (key !== delkey)
+			keys.push(key);
+	});
+
+	L.showModal(_('Delete key'), [
+		E('div', _('Do you really want to delete the following SSH key?')),
+		E('pre', delkey),
+		E('div', { class: 'right' }, [
+			E('div', { class: 'btn', click: L.hideModal }, _('Cancel')),
+			' ',
+			E('div', { class: 'btn danger', click: function(ev) { saveKeys(keys) } }, _('Delete key')),
+		])
+	]);
+}
+
+function dragKey(ev) {
+	ev.stopPropagation();
+	ev.preventDefault();
+	ev.dataTransfer.dropEffect = 'copy';
+}
+
+function dropKey(ev) {
+	var file = ev.dataTransfer.files[0],
+	    input = ev.currentTarget.querySelector('input[type="text"]'),
+	    reader = new FileReader();
+
+	if (file) {
+		reader.onload = function(rev) {
+			input.value = rev.target.result.trim();
+			addKey(ev);
+			input.value = '';
+		};
+
+		reader.readAsText(file);
+	}
+
+	ev.stopPropagation();
+	ev.preventDefault();
+}
+
+window.addEventListener('dragover', function(ev) { ev.preventDefault() });
+window.addEventListener('drop', function(ev) { ev.preventDefault() });
+
+requestAnimationFrame(function() {
+	L.get('admin/system/admin/sshkeys/json', null, function(xhr, keys) {
+		renderKeys(keys);
+	});
+});