Show error message when editor fails to initiate.

app/templates/editor/article/edit.jade

@@ -25,3 +25,5 @@ block content
   
   hr
 
+  div#error-view
+

app/templates/editor/level/edit.jade

@@ -75,4 +75,6 @@ block outer_content
 
       div.tab-pane#editor-level-systems-tab-view
 
+    div#error-view
+
 block footer

app/templates/editor/thang/edit.jade

@@ -84,4 +84,6 @@ block content
       
       div#spritesheets
 
+  div#error-view
+
   .clearfix

app/views/editor/article/edit.coffee

@@ -1,5 +1,6 @@
 View = require 'views/kinds/RootView'
 VersionHistoryView = require './versions_view'
+ErrorView = require '../../error_view'
 template = require 'templates/editor/article/edit'
 Article = require 'models/Article'
 
@@ -19,6 +20,18 @@ module.exports = class ArticleEditView extends View
     super options
     @article = new Article(_id: @articleID)
     @article.saveBackups = true
+
+    @listenToOnce(@article, 'error', 
+      () => 
+        @hideLoading()
+
+        # Hack: editor components appear after calling insertSubView.
+        # So we need to hide them first. 
+        $(@$el).find('.main-content-area').children('*').not('#error-view').remove()
+
+        @insertSubView(new ErrorView())
+    )
+
     @article.fetch()
     @listenToOnce(@article, 'sync', @onArticleSync)
     @listenTo(@article, 'schema-loaded', @buildTreema)

app/views/editor/level/edit.coffee

@@ -13,6 +13,7 @@ SystemsTabView = require './systems_tab_view'
 LevelSaveView = require './save_view'
 LevelForkView = require './fork_view'
 VersionHistoryView = require './versions_view'
+ErrorView = require '../../error_view'
 
 module.exports = class EditorLevelView extends View
   id: "editor-level-view"
@@ -43,6 +44,12 @@ module.exports = class EditorLevelView extends View
 
     @level = new Level _id: @levelID
     @listenToOnce(@level, 'sync', @onLevelLoaded)
+
+    @listenToOnce(@supermodel, 'error', 
+      () => 
+        @hideLoading()
+        @insertSubView(new ErrorView())
+    )
     @supermodel.populateModel @level
 
   showLoading: ($el) ->

app/views/editor/thang/edit.coffee

@@ -1,15 +1,16 @@
-View = require 'views/kinds/RootView'
-template = require 'templates/editor/thang/edit'
 ThangType = require 'models/ThangType'
 SpriteParser = require 'lib/sprites/SpriteParser'
 SpriteBuilder = require 'lib/sprites/SpriteBuilder'
 CocoSprite = require 'lib/surface/CocoSprite'
 Camera = require 'lib/surface/Camera'
-ThangComponentEditView = require 'views/editor/components/main'
-VersionHistoryView = require './versions_view'
 DocumentFiles = require 'collections/DocumentFiles'
 
+View = require 'views/kinds/RootView'
+ThangComponentEditView = require 'views/editor/components/main'
+VersionHistoryView = require './versions_view'
 ColorsTabView = require './colors_tab_view'
+ErrorView = require '../../error_view'
+template = require 'templates/editor/thang/edit'
 
 CENTER = {x:200, y:300}
 
@@ -43,6 +44,18 @@ module.exports = class ThangTypeEditView extends View
     @mockThang = $.extend(true, {}, @mockThang)
     @thangType = new ThangType(_id: @thangTypeID)
     @thangType.saveBackups = true
+
+    @listenToOnce(@thangType, 'error', 
+      () => 
+        @hideLoading()
+
+        # Hack: editor components appear after calling insertSubView.
+        # So we need to hide them first. 
+        $(@$el).find('.main-content-area').children('*').not('#error-view').remove()
+
+        @insertSubView(new ErrorView())
+    )
+
     @thangType.fetch()
     @thangType.loadSchema()
     @thangType.schema().once 'sync', @onThangTypeSync, @

app/views/error_view.coffee

@@ -0,0 +1,9 @@
+View = require 'views/kinds/RootView'
+
+module.exports = class ErrorView extends View
+  id: "error-view"
+  el: "<div class='alert alert-warning'></div>"
+
+  render: ()->
+  	super()
+  	@$el.append("<h2><span>Error: Failed to process request.</span></h2>")