diff options
Diffstat (limited to 'imdb-lookup/html/index.html')
| -rw-r--r-- | imdb-lookup/html/index.html | 155 |
1 files changed, 155 insertions, 0 deletions
diff --git a/imdb-lookup/html/index.html b/imdb-lookup/html/index.html new file mode 100644 index 0000000..8bace8d --- /dev/null +++ b/imdb-lookup/html/index.html @@ -0,0 +1,155 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Movies</title> + <link rel="stylesheet" href="index-files/css/normalize.css" /> + <link rel="stylesheet" href="index-files/css/style.css" /> + </head> + <body> + <script type="text/x-handlebars"> + {{outlet}} + </script> + <script type="text/x-handlebars" id="index"> + <div class="box"> + <div class="sort"> + <fieldset> + <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> + </fieldset> + <fieldset style="display: inline-block;"> + <legend>Sort Direction</legend> + <label> + {{view "radio" name="sortDirection" value="false" property="sortAscending"}} + Descending + </label> + <label> + {{view "radio" name="sortDirection" value="true" property="sortAscending"}} + Ascending + </label> + </fieldset> + <fieldset style="display: inline-block;"> + <legend>View</legend> + <label>Per page: + {{view "select" content=visiblePerPage value=perPage}} + </label> + </fieldset> + <fieldset> + <legend>Current page</legend> + <center> + {{#each pageLink in pages}} + <label>{{pageLink.runningLabel}}</label> + <button {{bind-attr style=pageLink.style}}{{action 'setPage' pageLink.number}}>{{pageLink.number}}</button> + {{/each}} + </center> + </fieldset> + </div> + </div> + + {{#each movie in paginatedContent}} + <div class="box"> + <table> + <tr> + <td class="poster"> + {{#if movie.poster}} + <img {{bind-attr src=movie.poster}} /> + {{else}} + <span> no image </span> + {{/if}} + </td> + <td class="info"> + <div class="title"> + {{movie.title}} + </div> + <div class="headline"> + <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"> + ➜ <a {{bind-attr href=movie.linkTmdb}} rel="noreferrer">themoviedb.org</a>  + ➜ <a {{bind-attr href=movie.linkImdb}} rel="noreferrer">imdb.com</a>  + ➜ <a {{bind-attr href=movie.linkLetterboxd}} rel="noreferrer">letterboxd.com</a>  + ➜ <a {{bind-attr href=movie.linkOfdb}} rel="noreferrer">ofdb.db</a>  + ➜ <a {{bind-attr href=movie.linkRotten}} rel="noreferrer">rottentomatoes</a>  + ➜ <span class="imdbid">{{movie.id}}</span> + </td> + </tr> + </table> + <ul class="files"> + <li><a {{bind-attr href=movie.path.path}}>{{movie.path.label}}</a> + <li> + {{#each tag in movie.tags}} + {{tag}} + {{/each}} + </li> + </ul> + </td> + <td class="ratings"> + <table> + <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}} + </table> + </td> + </tr> + </table> + <div class="box-footer"> + {{movie.tagline}} + </div> + </div> + {{/each}} + <div style="text-align:center; margin: 40px;"> + <button style="width:150px;" {{action 'prevPage'}}>Previous</button> + <button style="width:150px;" {{action 'nextPage'}}>Next</button> + </div> + </script> + <script type="text/javascript" src="index-files/js/libs/all.min.js"></script> + <script type="text/javascript" src="index-files/js/app.js"></script> + <script type="text/javascript" src="index-files/data.js"></script> + </body> +</html> +<!-- +vim: tabstop=1 expandtab shiftwidth=1 softtabstop=1: +--> |