Loading view in progress

Author: Becky Sroufe

app/app-js/modules/loading/loading.controller.js

@@ -15,16 +15,13 @@ define(function (require) {
       }
     },
 
-    initialize: function () {
-      console.log('HERE!');
-      // this.loadingView = new LoadingView();
-      // appChannel.commands.execute('showin:loadingRegion', this.loadingView);
-    },
-
     loadingData: function (modalData) {
+      this.loadingView = new LoadingView();
+      appChannel.commands.execute('showin:loadingRegion', this.loadingView);
     },
 
     loadedData: function () {
+      appChannel.commands.execute('close:loadingRegion', this.loadingView);
     }
   });
 

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

@@ -0,0 +1 @@
+<h4>Loading ...</h4>

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

@@ -1,7 +1,28 @@
 define(function (require) {
-  // require anything you need
+  var Marionette = require('marionette'),
+      template = require('hgn!modules/loading/loading.view'),
+      LoadingView;
 
-  // build the view
-  
-  return 'The view :)';
+  LoadingView = Marionette.ItemView.extend({
+    template: template,
+    className: 'loading-modal',
+
+    /*
+    ui: {
+      loadingModal: '.loading-modal'
+    },
+
+    events: {
+    },
+
+    initialize: function () {
+      console.log('initializing loading view working!');
+    },
+
+    modalShow: function () {
+    }
+    */
+  });
+
+  return LoadingView;
 });

app/app-js/modules/welcome/welcome.view.js

@@ -6,35 +6,6 @@ define(function (require) {
   StartView = Marionette.ItemView.extend({
     template: template
     // className: 'container-fluid'
-
-    /*
-    onShow: function () {
-      _.defer(function() {
-        var totalHeight = '100%',
-        $uriField = $('.js-input-expand');
-
-        $uriField.each(function() {
-          $(this).data('height', $(this).height());
-        });
-
-        $('.js-input-expand')
-          .focus(function() {
-              $(this).animate({
-                height: 100
-              },
-              'slow'
-            );
-          })
-
-          .blur(function() {
-              $(this).animate({
-                height: totalHeight
-              },
-              'slow'
-            );
-          });
-      });
-    }*/
   });
 
   return StartView;

app/less/buttons.less

@@ -10,4 +10,8 @@
 
 .btn-red {
   .button-variant(@brand-danger, #fff, @brand-danger);
+  &:hover {
+    color: #fff;
+    background-color: lighten(@brand-danger, 5%);
+  }
 }