Global ajax error handler

Author: longhotsummer

assets/javascripts/steno.js

@@ -15,6 +15,9 @@
     self.syncScrolling = true;
 
     self.init = function() {
+      $(document).ajaxError(self.ajaxError);
+      $('#error-box .close').on('click', function() { $('#error-box').hide(); });
+
       $('#parse-btn').on('click', self.parseSource);
       $('#render-btn').on('click', self.checkAndRenderXml);
       $('#export-btn').on('click', self.exportToGitHub);
@@ -62,6 +65,11 @@
       self.checkAuth();
     };
 
+    self.ajaxError = function(event, jqxhr, settings, exception) {
+      $('#error-box .text').text(jqxhr.status == 500 ? 'Whoops, something went wrong.' : exception);
+      $('#error-box').show();
+    };
+
     /**
      * Create a new editor, using the controls inside
      * +container+.

assets/stylesheets/app.scss

@@ -95,3 +95,12 @@ header {
 .render-label {
   display: none;
 }
+
+#error-box {
+  position: fixed;
+  top: 10px;
+  width: 30%;
+  left: 35%;
+  z-index: 1000;
+  display: none;
+}

views/index.haml

@@ -1,3 +1,7 @@
+#error-box.alert.alert-danger
+  %button.close(type="button") ×
+  %div.text
+
 %ul.steps.nav.nav-pills
   %li.active
     %a(href="#metadata-step" data-toggle="tab") 1. By-law Info