VRFS-2278 added spinner while retrieving session details

web/app/assets/javascripts/accounts_session_detail.js

@@ -19,6 +19,7 @@
     var $sessionPageBtn = null;
     var $sessionDetail = null;
     var $shareUrl = null;
+    var $spinner = null;
     var $templateOpenSlots = null;
     var $templateAccountPendingRsvp = null;
     var $templateAccountSessionDetail = null;
@@ -148,7 +149,10 @@
             })
             .fail(app.ajaxError);
         })
-        .fail(app.ajaxError);
+        .fail(app.ajaxError)
+        .always(function() {
+          $spinner.hide();
+        });
     }
 
     function renderSession(userMe) {
@@ -373,6 +377,7 @@
       $sessionPageBtn = $screen.find(".sessions-header .session-detail-page");
       $sessionDetail = $screen.find("#account-session-detail-div");
       $shareUrl = $screen.find('.share-url');
+      $spinner = $screen.find('.paginate-wait');
       invitationDialog = invitationDlg;
 
       inviteMusiciansUtil = new JK.InviteMusiciansUtil(JK.app);

web/app/assets/stylesheets/client/account.css.scss

@@ -280,6 +280,17 @@
       margin-top: 5px;
     }
 
+    .paginate-wait {
+      margin:auto;
+      text-align:center;
+      vertical-align:bottom;
+      line-height:32px;
+      .spinner-small {
+        display:inline-block;
+        vertical-align:top;
+      }
+    }
+
     #account-session-detail-div {
       .box-header {
         margin: 5px 0px;

web/app/views/clients/_account_session_detail.html.haml

@@ -19,6 +19,9 @@
             %a.invite-others.button-orange{'layout-link' => 'select-invites','href' => "#"} INVITE OTHERS
           .clearall
 
+        .paginate-wait
+          Fetching session details...
+          .spinner-small
         #account-session-detail-div
         .clearall
   / end content scrolling area