Add a spinner to make pagination nicer

chapter12-5
DiscoverMeteor · Oct 19, 2015 · 55a5168 · 55a5168
1 parent 6ff286c
commit 55a5168
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/client/templates/posts/posts_list.html b/client/templates/posts/posts_list.html
@@ -6,6 +6,10 @@
 
     {{#if nextPath}}
       <a class="load-more" href="{{nextPath}}">Load more</a>
+    {{else}}
+      {{#unless ready}}
+        {{> spinner}}
+      {{/unless}}
     {{/if}}
   </div>
 </template>
diff --git a/lib/router.js b/lib/router.js
@@ -16,8 +16,8 @@ PostsListController = RouteController.extend({
   findOptions: function() {
     return {sort: {submitted: -1}, limit: this.postsLimit()};
   },
-  waitOn: function() {
-    return Meteor.subscribe('posts', this.findOptions());
+  subscriptions: function() {
+    this.postsSub = Meteor.subscribe('posts', this.findOptions());
   },
   posts: function() {
     return Posts.find({}, this.findOptions());
@@ -27,6 +27,7 @@ PostsListController = RouteController.extend({
     var nextPath = this.route.path({postsLimit: this.postsLimit() + this.increment});
     return {
       posts: this.posts(),
+      ready: this.postsSub.ready,
       nextPath: hasMore ? nextPath : null
     };
   }