filtering

1 files changed, 17 insertions, 40 deletions

diff --git a/imdb-lookup/html/index.html b/imdb-lookup/html/index.html
index fbce633..deff8b2 100644
--- a/imdb-lookup/html/index.html
+++ b/imdb-lookup/html/index.html
@@ -13,31 +13,17 @@
   <script type="text/x-handlebars" id="index">
   <div class="box">
    <fieldset style="display: inline-block;">
+    <legend>Filter</legend>
+    {{input value=filterTextEntry placeholder="Type to filter.." insert-newline='applyFilter' size="10"}}
+    <button {{action "applyFilter"}}>Go</button>
+   </fieldset>
+   <fieldset style="display: inline-block;">
     <legend>Sort by</legend>
-    <label>
-     {{view "radio" name="sortProperties" value="title" property="firstSortProperty"}}
-     Title
-    </label>
-    <label>
-     {{view "radio" name="sortProperties" value="imdbRating" property="firstSortProperty"}}
-     IMDB Rating 
-    </label>
-    <label>
-     {{view "radio" name="sortProperties" value="imdbVotes" property="firstSortProperty"}}
-     IMDB Votes
-    </label>
-    <label>
-     {{view "radio" name="sortProperties" value="release" property="firstSortProperty"}}
-     Release Year
-    </label>
-    <label>
-     {{view "radio" name="sortProperties" value="omdbTomato" property="firstSortProperty"}}
-     RT Meter %
-    </label>
-    <label>
-     {{view "radio" name="sortProperties" value="omdbTomatoRating" property="firstSortProperty"}}
-     RT Rating
-    </label>
+    {{view "select"
+      content=possibleSortProperties
+      optionValuePath="content.value"
+      optionLabelPath="content.label"
+      value=firstSortProperty}}
    </fieldset>
    <fieldset style="display: inline-block;">
     <legend>Sort Direction</legend>
@@ -87,19 +73,15 @@
         <span class="movie-tag">{{tag}}</span>
         {{/each}}
        </div>
-       <div class="headline">
+       <div class="headline">{{movie.summary}}</div>
        <div class="plot">{{movie.plot}}</div>
        <div class="consensus">{{movie.omdbTomatoConsensus}}</div>
        <table class="details">
-        {{#if movie.website}}
-        <tr>
-         <td colspan="2">
-          ➜ <a {{bind-attr href=movie.website}}>{{movie.website}}</a>
-         </td>
-        </tr>
-        {{/if}}
         <tr>
          <td colspan="2">
+         {{#if movie.website}}
+          ➜ <a {{bind-attr href=movie.website}}>Website</a>
+         {{/if}}
           ➜ <a {{bind-attr href=movie.linkTmdb}} rel="noreferrer">themoviedb.org</a>&ensp;
           ➜ <a {{bind-attr href=movie.linkImdb}} rel="noreferrer">imdb.com</a>&ensp;
           ➜ <a {{bind-attr href=movie.linkLetterboxd}} rel="noreferrer">letterboxd.com</a>&ensp;
@@ -112,19 +94,14 @@
       </td>
       <td class="ratings">
        <table>
+        <tr><td>Release</td><td>{{movie.release}}</td></tr>
         <tr><td>IMDB</td><td>{{movie.imdbRating}}</td></tr>
         <tr><td>IMDB votes</td><td>{{movie.imdbVotes}}</td></tr>
         {{#if movie.omdbTomatoRating}}
         <tr><td>RT</td><td>{{movie.omdbTomatoRating}}</td></tr>
         {{/if}}
-        {{#if movie.omdbTomatoUserRating}}
-        <tr><td>RT User</td><td>{{movie.omdbTomatoUserRating}}</td></tr>
-        {{/if}}
-        {{#if movie.omdbTomato}}
-        <tr><td>Meter</td><td>{{movie.omdbTomato}}%</td></tr>
-        {{/if}}
-        {{#if movie.omdbUserTomato}}
-        <tr><td>Meter User</td><td>{{movie.omdbUserTomato}}%</td></tr>
+        {{#if movie.omdbTomatoMeter}}
+        <tr><td>Meter</td><td>{{movie.omdbTomatoMeter}}%</td></tr>
         {{/if}}
        </table>
       </td>