diff options
Diffstat (limited to 'movietool/html/movies-grid.html')
| -rw-r--r-- | movietool/html/movies-grid.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/movietool/html/movies-grid.html b/movietool/html/movies-grid.html new file mode 100644 index 0000000..7e63ccb --- /dev/null +++ b/movietool/html/movies-grid.html @@ -0,0 +1,42 @@ +<!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="grid-filter"> + {{input value=filterTextEntry placeholder="Type to filter.." key-up='applyFilter' size="30"}} + </div> + <div class="grid"> + {{#each movie in filteredContent}} + <div class="grid-poster"> + <a {{bind-attr href=movie.path.path title=movie.path.label}}> + {{#if movie.poster}} + <img {{bind-attr src=movie.posterGrid alt=movie.path.label style="z-index: 3"}} /> + {{else}} + <span> no image </span> + {{/if}} + </a> + <div class="grid-label"> + {{movie.title}} + </div> + </div> + {{/each}} + </div> + <p style="height: 100px;clear: both;"></p> + </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: +--> |