Merged production-readiness + finished spinner implementation

Author: Becky Sroufe

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

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

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

@@ -1,19 +1,33 @@
 define(function (require) {
   var Marionette = require('marionette'),
       template = require('hgn!modules/loading/loading.view'),
+      Spinner = require('spinner'),
       LoadingView;
 
   LoadingView = Marionette.ItemView.extend({
     template: template,
     className: 'loading-modal',
 
-    /*
     onShow: function() {
-      var spinner = new Spinner().spin();
-      target.appendChild(spinner.el);
+      var opts = {
+        lines: 10,
+        length: 12,
+        width: 8,
+        radius: 15,
+        corners: 1,
+        rotate: 0,
+        direction: 1,
+        color: '#fff',
+        speed: 1, // Rounds per second
+        trail: 60, // Afterglow percentage
+        className: 'spinner',
+        top: '25%'
+      };
+
+      var spinner = new Spinner(opts).spin();
+      this.$el.append(spinner.el);
     }
-    */
-    
+
   });
 
   return LoadingView;

app/less/loading.less

@@ -7,7 +7,5 @@
   width: 100%;
   padding-top: 10%;
   height: 100%;
-  color: #fff;
-  background-color: rgba(0,0,0,0.8);
-  text-align: center;
+  background-color: rgba(0,0,0,0.65);
 }