options: improve field handling

[chrome-ext/web-power-switch.git] / options.js

diff --git a/options.js b/options.js
index b017cd8087c240d7aaf1d1f4e7f0d21f66fca40e..e1c9702e1ac7b932672cf5b2a5dccf1a7ce1f0ed 100644 (file)
--- a/options.js
+++ b/options.js
@@ -37,10 +37,24 @@ function update_settings() {
        });
 
        msg.timeout = setTimeout(function() {
-               msg.innerText = '';
+               // Can't leave this blank or Chrome will resize the options page.
+               msg.innerHTML = ' ';
        }, 5000);
 }
 
+function keydown(e) {
+       if (e.key == 'Enter') {
+               update_settings();
+       }
+}
+
+function toggle_visible_pass() {
+       const ele = document.getElementById('pass');
+       ele.type = (ele.type == 'password') ? 'text' : 'password';
+       // Disable form submission.
+       return false;
+}
+
 window.onload = function() {
        storage.get(settings_keys, function(settings) {
                var field = document.getElementById('save');
@@ -49,6 +63,8 @@ window.onload = function() {
                settings_keys.forEach(function(key) {
                        var field = document.getElementById(key);
                        field.value = settings[key] || settings_defaults[key];
+                       field.onkeydown = keydown;
                });
        });
+       document.getElementById('show-pass').onclick = toggle_visible_pass;
 };