X-Git-Url: https://plomlompom.com/repos/?a=blobdiff_plain;f=todo_templates%2Fwatch_form.html;h=75b5223c7c8299e5abb410c7846fba4786bc5e64;hb=59056f396c4761f9cd7ffbc569e3ddf8994d5e83;hp=979c1da38417fa68c899788aedca2ef6d320dd43;hpb=53b84307929582af2aaeac2247cc57db4a7bedf4;p=misc

diff --git a/todo_templates/watch_form.html b/todo_templates/watch_form.html
index 979c1da..75b5223 100644
--- a/todo_templates/watch_form.html
+++ b/todo_templates/watch_form.html
@@ -1,19 +1,43 @@
 <script>
-    var formHasChanged = false;
-    var submitted = false;
-    var form_to_watch = document.getElementById('form_to_watch');
-    form_to_watch.addEventListener('input', function() {
-        formHasChanged = true;
-    });
-    form_to_watch.addEventListener('submit', function() {
-        submitted = true;
-    });
-    window.addEventListener('beforeunload', function(event) {
-        if (formHasChanged && !submitted) {
-            var confirmationMessage = 'You have unsaved changes. Are you sure you want to leave?';
-            event.returnValue = confirmationMessage;
-            return confirmationMessage;
-        }
-    });
+var mere_filter_inputs = ['and_tag', 'not_tag', 'filter'];
+var update_button_names = ['update'];
+var sending_commits = false;
+var changes_to_commit = false;
+var form_to_watch = document.getElementById('form_to_watch');
+for (let i = 0; i < form_to_watch.elements.length; i++) {
+    let el = form_to_watch.elements[i];
+    if (['INPUT', 'TEXTAREA', 'SELECT'].includes(el.tagName)) {
+        el.addEventListener('change', function(event) {
+            if (!mere_filter_inputs.includes(event.target.name)) { 
+	       changes_to_commit = true; 
+	    };
+	});
+    };
+};
+form_to_watch.addEventListener('keydown', function(event) {
+    let el = document.activeElement; 
+    if ('Enter' === event.key
+	    && ['INPUT', 'SELECT'].includes(el.tagName)
+	    && (el.tagName !== 'INPUT' || el.type !== 'submit')) {
+        event.preventDefault();
+	if (mere_filter_inputs.includes(el.name)) {
+            document.getElementById('filter_button').click(); 
+	} else {
+            document.getElementById('update_button').click(); 
+	};
+    };
+});
+form_to_watch.addEventListener('submit', function(event) {
+    if (update_button_names.includes(event.submitter.name)) {
+       sending_commits = true; 
+    };
+});
+window.addEventListener('beforeunload', function(event) {
+    if (changes_to_commit && !sending_commits) {
+        var warning = 'about to lose unsaved changes, continue?';
+        event.returnValue = warning;
+        return warning;
+    }
+});
 </script>