Handle pagination in movie list view

src/public/js/components/list/posters.js

@@ -13,11 +13,27 @@ export default function ListPosters(props) {
       extract: (el) => el.title
     });
     elmts = filtered.map((el) => el.original);
-  }
+  } else {
+    // Get the page number if defined
+    let page = 1;
+    let perPage = props.perPage;
+    if (props.params && props.params.page) {
+      page = parseInt(props.params.page);
+    }
 
-  // Limit the number of results
+    let from = 0;
-  if (elmts.length > props.perPage) {
+    let to = perPage - 1;
-    elmts = elmts.slice(0, props.perPage);
+    if (page > 1) {
+      from = ((page - 1) * perPage) - 1;
+      to = from + perPage;
+    }
+
+    // Limit the number of results
+    if ((from + perPage) > elmts.length) {
+      elmts = elmts.slice(from);
+    } else {
+      elmts = elmts.slice(from, to);
+    }
   }
 
   return (

src/public/js/components/movies/list.js

@@ -100,6 +100,7 @@ export default class MovieList extends React.Component {
           filter={this.props.movieStore.filter}
           perPage={this.props.movieStore.perPage}
           onClick={this.props.selectMovie}
+          params={this.props.params}
         />
         {selectedMovie &&
           <ListDetails data={selectedMovie}>