search and sort

1 files changed, 15 insertions, 18 deletions

diff --git a/imdb-lookup/index.jinja2.html b/imdb-lookup/index.jinja2.html
index f19fdd0..4a140b4 100644
--- a/imdb-lookup/index.jinja2.html
+++ b/imdb-lookup/index.jinja2.html
@@ -12,7 +12,19 @@
     {{outlet}}
   </script>
   <script type="text/x-handlebars" id="index">
-    {{#each movie in model}}
+  <div class="box">
+   <div class="filter">
+    <h2>Filter</h2>
+     {{input type='text' value=filter placeholder='Title'}}
+   </div>
+   <div class="sort">
+    <h2>Sort</h2>
+    <button {{action 'sortBy' 'imdbRating'}}>IMDB Rating</button>
+    <button {{action 'sortBy' 'imdbVotes'}}>IMDB Votes</button>
+    <button {{action 'sortBy' 'release'}}>Release Year</button>
+   </div>
+</div>
+  {{#each movie in filteredContent}}
    <div class="box">
     <table>
      <tr>
@@ -28,21 +40,6 @@
         {{movie.title}}
        </div>
        <div class="headline">
-       <!--
-        {% if local_title != info.title %} “{ local_title }}”, {% endif %}
-        {% if info.original_title != info.title %} “{ info.original_title }}”, {% endif %}
-       </div>
-       <div class="headline">
-        by { imdb_data["directors_summary"] | join(", ", attribute="name.name") }},
-        runtime { info['runtime'] }} min, {year}} 
-        {% if omdb_data.Rated != 'N/A' %}
-        <span class="rated">{omdb_data.Rated}}</span>
-        {% endif %}
-       </div>
-       <div class="headline">
-        Starring: { imdb_data["cast_summary"] | join(", ", attribute="name.name") }}
-       </div>
-       -->
        <div class="plot">{{movie.plot}}</div>
        <div class="consensus">{{movie.omdbTomatoConsensus}}</div>
        <table class="details">
@@ -103,8 +100,8 @@
     {{/each}}
   </script>
   {% endraw %}
-
-  <script type="text/javascript" src="{{ install("js/all.min.js") }}"></script>
+  <script type="text/javascript" src="{{ install("js/libs/all.min.js") }}"></script>
+  <script type="text/javascript" src="{{ install("js/app.js") }}"></script>
   <script type="text/javascript" src="{{ data('dataCb') }}"></script>
  </body>
 </html>