treewide: import utility classes explicitly

[project/luci.git] / modules / luci-mod-system / htdocs / luci-static / resources / view / system / sshkeys.js

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
index d298b3be9842b8f7f2512f16313dc4d27aae5822..487621daa32de40e3419c90d8113a3d920b5c8f9 100644 (file)
--- 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
@@ -1,4 +1,9 @@
-SSHPubkeyDecoder.prototype = {
+'use strict';
+'require view';
+'require fs';
+'require ui';
+
+var SSHPubkeyDecoder = L.Class.singleton({
        lengthDecode: function(s, off)
        {
                var l = (s.charCodeAt(off++) << 24) |
@@ -85,19 +90,16 @@ SSHPubkeyDecoder.prototype = {
                        return null;
                }
        }
-};
-
-function SSHPubkeyDecoder() {}
+});
 
 function renderKeys(keys) {
-       var list = document.querySelector('.cbi-dynlist[name="sshkeys"]'),
-           decoder = new SSHPubkeyDecoder();
+       var list = document.querySelector('.cbi-dynlist');
 
        while (!matchesElem(list.firstElementChild, '.add-item'))
                list.removeChild(list.firstElementChild);
 
        keys.forEach(function(key) {
-               var pubkey = decoder.decode(key);
+               var pubkey = SSHPubkeyDecoder.decode(key);
                if (pubkey)
                        list.insertBefore(E('div', {
                                class: 'item',
@@ -117,19 +119,17 @@ function renderKeys(keys) {
 }
 
 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();
-       });
+       return fs.write('/etc/dropbear/authorized_keys', keys.join('\n') + '\n', 384 /* 0600 */)
+               .then(renderKeys.bind(this, keys))
+               .catch(function(e) { ui.addNotification(null, E('p', e.message)) })
+               .finally(ui.hideModal);
 }
 
 function addKey(ev) {
-       var decoder = new SSHPubkeyDecoder(),
-           list = findParent(ev.target, '.cbi-dynlist'),
+       var list = findParent(ev.target, '.cbi-dynlist'),
            input = list.querySelector('input[type="text"]'),
            key = input.value.trim(),
-           pubkey = decoder.decode(key),
+           pubkey = SSHPubkeyDecoder.decode(key),
            keys = [];
 
        if (!key.length)
@@ -140,21 +140,26 @@ function addKey(ev) {
        });
 
        if (keys.indexOf(key) !== -1) {
-               L.showModal(_('Add key'), [
+               ui.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'), [
+               ui.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 = '';
+
+               return saveKeys(keys).then(function() {
+                       var added = list.querySelector('[data-key="%s"]'.format(key));
+                       if (added)
+                               added.classList.add('flash');
+               });
        }
 }
 
@@ -175,7 +180,7 @@ function removeKey(ev) {
                E('div', { class: 'right' }, [
                        E('div', { class: 'btn', click: L.hideModal }, _('Cancel')),
                        ' ',
-                       E('div', { class: 'btn danger', click: function(ev) { saveKeys(keys) } }, _('Delete key')),
+                       E('div', { class: 'btn danger', click: ui.createHandlerFn(this, saveKeys, keys) }, _('Delete key')),
                ])
        ]);
 }
@@ -205,11 +210,65 @@ function dropKey(ev) {
        ev.preventDefault();
 }
 
-window.addEventListener('dragover', function(ev) { ev.preventDefault() });
-window.addEventListener('drop', function(ev) { ev.preventDefault() });
+function handleWindowDragDropIgnore(ev) {
+       ev.preventDefault()
+}
 
-requestAnimationFrame(function() {
-       L.get('admin/system/admin/sshkeys/json', null, function(xhr, keys) {
-               renderKeys(keys);
-       });
+return view.extend({
+       load: function() {
+               return fs.lines('/etc/dropbear/authorized_keys').then(function(lines) {
+                       return lines.filter(function(line) {
+                               return line.match(/^(ssh-rsa|ssh-dss|ssh-ed25519|ecdsa-sha2)\b/) != null;
+                       });
+               });
+       },
+
+       render: function(keys) {
+               var list = E('div', { 'class': 'cbi-dynlist', 'dragover': dragKey, 'drop': dropKey }, [
+                       E('div', { 'class': 'add-item' }, [
+                               E('input', {
+                                       'class': 'cbi-input-text',
+                                       'type': 'text',
+                                       'placeholder': _('Paste or drag SSH key file…') ,
+                                       'keydown': function(ev) { if (ev.keyCode === 13) addKey(ev) }
+                               }),
+                               E('button', {
+                                       'class': 'cbi-button',
+                                       'click': ui.createHandlerFn(this, addKey)
+                               }, _('Add key'))
+                       ])
+               ]);
+
+               keys.forEach(L.bind(function(key) {
+                       var pubkey = SSHPubkeyDecoder.decode(key);
+                       if (pubkey)
+                               list.insertBefore(E('div', {
+                                       class: 'item',
+                                       click: ui.createHandlerFn(this, 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);
+               }, this));
+
+               if (list.firstElementChild === list.lastElementChild)
+                       list.insertBefore(E('p', _('No public keys present yet.')), list.lastElementChild);
+
+               window.addEventListener('dragover', handleWindowDragDropIgnore);
+               window.addEventListener('drop', handleWindowDragDropIgnore);
+
+               return E('div', {}, [
+                       E('h2', _('SSH-Keys')),
+                       E('div', { 'class': 'cbi-section-descr' }, _('Public keys allow for the passwordless SSH logins with a higher security compared to the use of plain passwords. In order to upload a new key to the device, paste an OpenSSH compatible public key line or drag a <code>.pub</code> file into the input field.')),
+                       E('div', { 'class': 'cbi-section-node' }, list)
+               ]);
+       },
+
+       handleSaveApply: null,
+       handleSave: null,
+       handleReset: null
 });