diff options
Diffstat (limited to 'movietool/html/movies.html')
| -rw-r--r-- | movietool/html/movies.html | 129 |
1 files changed, 129 insertions, 0 deletions
diff --git a/movietool/html/movies.html b/movietool/html/movies.html new file mode 100644 index 0000000..094dd31 --- /dev/null +++ b/movietool/html/movies.html @@ -0,0 +1,129 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>Movies</title> + <link rel="stylesheet" href="movies-files/css/normalize.css" /> + <link rel="stylesheet" href="movies-files/css/style.css" /> + </head> + <body> + <script type="text/x-handlebars"> + {{outlet}} + </script> + <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> + {{view "select" + content=possibleSortProperties + optionValuePath="content.value" + optionLabelPath="content.label" + value=firstSortProperty}} + </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> + + {{#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"> + <a {{bind-attr href=movie.path.path title=movie.path.label}}> + {{movie.title}} + </a> + </div> + <div> + {{#each tag in movie.tags}} + <span class="movie-tag">{{tag}}</span> + {{/each}} + </div> + <div class="headline">{{movie.summary}}</div> + <div class="plot">{{movie.plot}}</div> + <div class="consensus">{{movie.omdbTomatoConsensus}}</div> + <table class="details"> + <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>  + ➜ <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> + </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.omdbTomatoMeter}} + <tr><td>Meter</td><td>{{movie.omdbTomatoMeter}}%</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="movies-files/js/libs/all.min.js"></script> + <script type="text/javascript" src="movies-files/js/app.js"></script> + <script type="text/javascript" src="movies-files/data.js"></script> + </body> +</html> +<!-- +vim: tabstop=1 expandtab shiftwidth=1 softtabstop=1: +--> |