Infinity Lazy Loading on My Sessions Page (#3097)

Author: kushthedude

app/routes/my-sessions/list.js

@@ -49,10 +49,16 @@ export default Route.extend(AuthenticatedRouteMixin, {
         }
       ];
     }
-    return this.authManager.currentUser.query('sessions', {
-      include : 'event',
-      filter  : filterOptions,
-      sort    : 'starts-at'
+
+    return this.infinity.model('sessions', {
+      include      : 'event',
+      filter       : filterOptions,
+      sort         : 'starts-at',
+      perPage      : 10,
+      startingPage : 1,
+      perPageParam : 'page[size]',
+      pageParam    : 'page[number]',
+      store        : this.authManager.currentUser
     });
   }
 });

app/templates/my-sessions/list.hbs

@@ -1,12 +1,15 @@
 <div class="row">
   <div class="sixteen column wide">
-    {{#if model}}
-      {{#each model as |session|}}
-        {{session-card session=session}}
-        <div class="ui hidden divider"></div>
-      {{/each}}
+    {{#each model as |session|}}
+      {{session-card session=session}}
+      <div class="ui hidden divider"></div>      
     {{else}}
       <div class="ui disabled header">{{t 'No session proposals found for the events'}}</div>
-    {{/if}}
+    {{/each}}
+    {{#infinity-loader infinityModel=model}}
+      <div class="ui loading very padded basic segment">
+      </div>
+      {{infintyModel.reachedInfinity}}
+    {{/infinity-loader}}
   </div>
 </div>