pagination

1 files changed, 11 insertions, 2 deletions

diff --git a/imdb-lookup/index.jinja2.html b/imdb-lookup/index.jinja2.html
index 58dd4bf..b2bde45 100644
--- a/imdb-lookup/index.jinja2.html
+++ b/imdb-lookup/index.jinja2.html
@@ -15,15 +15,24 @@
   <script type="text/x-handlebars" id="index">
   <div class="box">
    <div class="sort">
-    <h2>Sort</h2>
+    <button {{action 'sortBy' 'title'}}>Title</button>
     <button {{action 'sortBy' 'imdbRating'}}>IMDB Rating</button>
     <button {{action 'sortBy' 'imdbVotes'}}>IMDB Votes</button>
     <button {{action 'sortBy' 'release'}}>Release Year</button>
     <button {{action 'sortBy' 'omdbTomato'}}>RT Meter %</button>
     <button {{action 'sortBy' 'omdbTomatoRating'}}>RT Rating</button>
+    <label>Per page:</label>
+    {{view "select" content=visiblePerPage value=perPage}}
    </div>
   </div>
-  {{#each movie in arrangedContent}}
+  <div class="box">
+   <center>
+    {{#each page in pages}}
+     <button {{action 'setPage' page}}>{{page}}</button>
+    {{/each}}
+   </center>
+  </div>
+  {{#each movie in paginatedContent}}
    <div class="box">
     <table>
      <tr>