Creating message and error page to improve error handling

Packages/ohif-core/client/components/pages/message/index.js

@@ -0,0 +1,2 @@
+import './message.html';
+import './message.styl';

Packages/ohif-core/client/components/pages/message/message.html

@@ -0,0 +1,9 @@
+<template name="pageMessage">
+    <div class="page-message {{this.class}}">
+        <div class="message-container">
+            <h1 class="message-title">{{choose this.title}}</h1>
+            <p class="message-content">{{choose this.message}}{{>UI.contentBlock}}</p>
+            {{>section 'pageMessageAfterContent'}}
+        </div>
+    </div>
+</template>

Packages/ohif-core/client/components/pages/message/message.styl

@@ -0,0 +1,31 @@
+@require '{ohif:design}/app'
+
+.page-message
+  theme('color', '$textPrimaryColor')
+  font-weight: 300
+  padding: 10px 0 20px
+
+  .message-container
+    display: table
+    margin: 0 auto
+    padding: 0 32px
+
+  .message-title
+    theme('color', '$textSecondaryColor')
+    font-size: 30px
+    font-weight: 300
+
+  .message-content
+    font-size: 18px
+
+  a
+    &, &:hover, &:active, &:focus
+      theme('color', '$activeColor')
+
+.modal .page-message
+
+  .page-message, .message-container
+    padding: 0
+
+  .message-title
+    display: none