🎨 Make status bar have an api for fatal's

https://cldup.com/PGKQawQtnZ.png

Author: imlucas

src/app.js

@@ -123,9 +123,12 @@ var Application = View.extend({
     app.statusbar.hide();
   },
   onFatalError: function(id, err) {
+    debug('clearing client stall timeout...');
+    clearTimeout(this.clientStalledTimeout);
+
     console.error('Fatal Error!: ', id, err);
-    bugsnag.notifyException(err, 'fatal!' + id);
-    window.alert('Fatal Error: ' + id + ': ' + err.message);
+    bugsnag.notifyException(err, 'Fatal Error: ' + id);
+    app.statusbar.fatal(err);
   },
   // ms we'll wait for a `scout-client` instance
   // to become readable before giving up and showing

src/statusbar/index.jade

@@ -3,6 +3,6 @@
     .progress-bar.progress-bar-striped.active(data-hook='inner-bar')
   ul.message-background.with-sidebar.centered(data-hook='message-container'): li
     p(data-hook='message')
-    .spinner-circles
+    .spinner-circles(data-hook='loading')
       .circle-1
       .circle-2

src/statusbar/index.js

@@ -7,10 +7,20 @@ var StatusbarView = View.extend({
     },
     message: {
       type: 'string'
+    },
+    loading: {
+      type: 'boolean',
+      default: true
     }
   },
   template: require('./index.jade'),
   bindings: {
+    loading: {
+      hook: 'loading',
+      type: 'booleanClass',
+      yes: 'visible',
+      no: 'hidden'
+    },
     message: [
       {
         hook: 'message'
@@ -68,13 +78,20 @@ var StatusbarView = View.extend({
   onComplete: function() {
     this.hide();
   },
+  fatal: function(err) {
+    this.loading = false;
+    this.message = 'Fatal Error: ' + err.message;
+    this.width = 100;
+  },
   show: function(message) {
     this.message = message || '';
     this.width = 100;
+    this.loading = true;
   },
   hide: function() {
     this.message = '';
     this.width = 0;
+    this.loading = false;
   }
 });