Add pack list load animation. Fixes #11

diff --git a/app/pages/packs/packs.html b/app/pages/packs/packs.html
index 7d35efc..9130c26 100644 (file)
--- a/app/pages/packs/packs.html
+++ b/app/pages/packs/packs.html
@@ -78,3 +78,7 @@
     <pack pack="pack" />\r
 </div>\r
 \r
+<div ng-if="!packList" style="text-align:center; padding-top: 250px; padding-bottom: 10px;">\r
+    <img class="rotato" src="images/page_loading.png" />\r
+    <h2>Loading packs...</h2>\r
+</div>
\ No newline at end of file

diff --git a/app/pages/packs/packs.js b/app/pages/packs/packs.js
index e39c742..6347578 100644 (file)
--- a/app/pages/packs/packs.js
+++ b/app/pages/packs/packs.js
@@ -21,6 +21,7 @@ angular.module("DivinElegy.pages.packs", ["DivinElegy.components.simfiles","Divi
     $scope.allSongArtists = [];
     $scope.sortOrder = "alpha";
     $scope.reverseSort = false;
+    $scope.packList = false;
     
     var watchMen = ['packTitleFilterKeyword', 'artistFilterKeyword', 'songTitleFilterKeyword', 'difficultyFilterKeyword', 'ratingFilterKeyword', 'stepArtistFilterKeyword', 'fgChangesFilterKeyword', 'bgChangesFilterKeyword', 'bpmChangesFilterKeyword', 'modeFilterKeyword', 'sortOrder', 'reverseSort'];
     $scope.$watchGroup(watchMen, function(newValues, oldValues) {