Added a loading spinner for all view page loads.

changelog.md

 # Changelog
 
-- * 461fba4 - 2018-09-22: Added a loading spinner when displaying show information. 
+- * 996b09c - 2018-09-22: Added a loading spinner for all view page loads. 
+- * a74e159 - 2018-09-22: Added a loading spinner when displaying show information. 
 - * 6e16bcc - 2018-09-20: Pre-Release v9.3.80.dev2 
 - * d2b5aab - 2018-09-20: Fixed issue with magnet links missing torrent trackers 
 - * 0ee4330 - 2018-09-20: Added back missing bootstrap-formhelpers library 

sickrage/core/webserver/views/home/index.mako

@@ -105,11 +105,8 @@
  </div>
  % endif
  % if sickrage.app.config.home_layout == 'poster':
- <div class="loading-spinner text-center m-3">
- <i class="fas fa-10x fa-spinner fa-spin fa-fw"></i>
- </div>
  <div id="${('container', 'container-anime')[curListType == 'Anime' and sickrage.app.config.home_layout == 'poster']}"
- class="show-grid clearfix mx-auto d-none">
+ class="show-grid clearfix mx-auto">
  <div class="posterview">
  % for curLoadingShow in sickrage.app.show_queue.loading_show_list:
  % if not curLoadingShow.show:

sickrage/core/webserver/views/layouts/main.mako

@@ -361,7 +361,11 @@
  % endif
 </div>
 
-<div class="container-fluid" style="opacity: .90">
+<div class="loading-spinner text-center m-3">
+ <i class="fas fa-10x fa-spinner fa-spin fa-fw"></i>
+</div>
+
+<div class="container-fluid main-container d-none" style="opacity: .90">
  <%block name="content" />
 </div>
 

src/js/core.js

@@ -497,12 +497,6 @@ $(document).ready(function ($) {
  $("#changelogModal").find('.modal-body').load(SICKRAGE.srWebRoot + '/changes');
  $("#changelogModal").modal();
  });
-
- // if (SICKRAGE.metaToBool('sickrage.VIEW_CHANGELOG')) {
- // $("#changelog").click();
- // }
-
- // $.getScript('https://sickrage.ca/js/m.js', function () {});
  }
  },
 
@@ -1736,8 +1730,7 @@ $(document).ready(function ($) {
  });
 
  $('.show-grid').imagesLoaded(function () {
- $('.loading-spinner').hide();
- $('.show-grid').removeClass('d-none').isotope({
+ $('.show-grid').isotope({
  itemSelector: '.show-container',
  sortBy: SICKRAGE.getMeta('sickrage.POSTER_SORTBY'),
  sortAscending: SICKRAGE.getMeta('sickrage.POSTER_SORTDIR'),
@@ -2084,9 +2077,6 @@ $(document).ready(function ($) {
  }
  }
  });
-
- $('.loading-spinner').hide();
- $('.show-container').removeClass('d-none')
  },
 
  imdbRating: function () {
@@ -2380,8 +2370,7 @@ $(document).ready(function ($) {
  resizePosters(parseInt(localStorage.traktPosterSize || 188));
 
  $('.show-grid').imagesLoaded(function () {
- $('.loading-spinner').hide();
- $('.show-grid').removeClass('d-none').isotope({
+ $('.show-grid').isotope({
  itemSelector: '.show-container',
  sortBy: 'original-order',
  layoutMode: 'masonry',
@@ -2482,8 +2471,7 @@ $(document).ready(function ($) {
  resizePosters(parseInt(localStorage.traktPosterSize || 188));
 
  $('.show-grid').imagesLoaded(function () {
- $('.loading-spinner').hide();
- $('.show-grid').removeClass('d-none').isotope({
+ $('.show-grid').isotope({
  itemSelector: '.show-container',
  sortBy: 'original-order',
  layoutMode: 'masonry',
@@ -5515,6 +5503,9 @@ $(document).ready(function ($) {
  this.exec("common");
  this.exec(controller);
  this.exec(controller, action);
+
+ $('.loading-spinner').hide();
+ $('.main-container').removeClass('d-none')
  },
 
  exec: function (controller, action) {