Loading view modal

Author: Becky Sroufe

app/app-js/modules/loading/loading.view.html

@@ -1 +1 @@
-<h4>Loading ...</h4>
+<h1>Loading ...</h1>

app/app-js/modules/loading/loading.view.js

@@ -8,20 +8,12 @@ define(function (require) {
     className: 'loading-modal',
 
     /*
-    ui: {
-      loadingModal: '.loading-modal'
-    },
-
-    events: {
-    },
-
-    initialize: function () {
-      console.log('initializing loading view working!');
-    },
-
-    modalShow: function () {
+    onShow: function() {
+      var spinner = new Spinner().spin();
+      target.appendChild(spinner.el);
     }
     */
+    
   });
 
   return LoadingView;

app/less/hosted-apis.less

@@ -2,6 +2,7 @@
 @import "button-groups.less";
 @import "buttons.less";
 @import "dashboard.less";
+@import "loading.less";
 @import "mixins.less";
 @import "static.less";
 @import "try-uri.less";

app/less/loading.less

@@ -0,0 +1,13 @@
+// Loading
+// --------------------------------------------------
+
+.loading-modal {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  padding-top: 10%;
+  height: 100%;
+  color: #fff;
+  background-color: rgba(0,0,0,0.8);
+  text-align: center;
+}