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

diff --git a/todo_templates/watch_form.html b/todo_templates/watch_form.html
new file mode 100644
index 0000000..979c1da
--- /dev/null
+++ b/todo_templates/watch_form.html
@@ -0,0 +1,19 @@
+<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;
+        }
+    });
+</script> 
+