[Zurich] Ask for confirmation when rotating photo if other fields have changed.

Because there is no easy way to do the photo rotation asynchronously, make sure
the user is aware that any changes they've made to the other form fields will
be lost when clicking the rotate photo buttons.

See mysociety/FixMyStreet-Commercial#690

1 files changed, 14 insertions, 0 deletions

diff --git a/templates/web/zurich/admin/report_edit.html b/templates/web/zurich/admin/report_edit.html
index cba9d31e1..2efcbbcf6 100644
--- a/templates/web/zurich/admin/report_edit.html
+++ b/templates/web/zurich/admin/report_edit.html
@@ -298,10 +298,12 @@
 
 <script type="text/javascript">
 $(function(){
+    var form_fields_changed = false;
 
     $('#form_time_spent').spinner({
         spin: function (e, ui) {
             if (ui.value < 0) { return false }
+            form_fields_changed = true;
         }
     });
 
@@ -380,6 +382,18 @@ $(function(){
                 return false;
             }
         }
+        // If the user has clicked to rotate a photo and has edited other
+        // fields, ask for confirmation before submitting the form
+        if (/rotate_photo/.test(clicked) && form_fields_changed) {
+            var message = "[% loc('Rotating this photo will discard unsaved changes to the report.') %]";
+            if (!confirm(message)) {
+                return false;
+            }
+        }
+    });
+
+    $("form#report_edit").find("input, select, textarea").change(function() {
+        form_fields_changed = true;
     });
 });
 </script>