diff --git a/dialog.html b/dialog.html index 07ed8e6..e5a2100 100644 --- a/dialog.html +++ b/dialog.html @@ -4,22 +4,19 @@ -
-
- Redirect configuration -
-
- -
-
- Authentication -
-
-
-
-
- - +
+ Redirect configuration +
+
+ +
+
+ Authentication +
+
+
+
+
diff --git a/dialog.js b/dialog.js index a5299a3..5138ad9 100644 --- a/dialog.js +++ b/dialog.js @@ -43,32 +43,20 @@ function setupSettingsForm(settings) { const instance = document.getElementById('instance'); const username = document.getElementById('username'); const password = document.getElementById('password'); - const submit = document.getElementById('submit'); enabled.checked = settings.enabled; instance.value = settings.instance; username.value = settings.username; password.value = settings.password; - document.getElementById('form').addEventListener('submit', (event) => { - event.preventDefault(); - settings.enabled = enabled.checked; - settings.instance = instance.value; - settings.username = username.value; - settings.password = password.value; - submit.disabled = true; - browser.storage.local.set(settings); - updateRedirects(settings); - }); - for (let element of document.getElementsByClassName('control')) { - element.addEventListener('input', () => { - const different = - enabled.checked !== settings.enabled || - instance.value !== settings.instance || - username.value !== settings.username || - password.value !== settings.password; - submit.disabled = !different; + element.addEventListener('change', () => { + settings.enabled = enabled.checked; + settings.instance = instance.value; + settings.username = username.value; + settings.password = password.value; + browser.storage.local.set(settings); + updateRedirects(settings); }); } }