You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
233 lines
8.6 KiB
233 lines
8.6 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<title>Movies by #ShowtimesTH</title> |
|
<meta name="description" content="Now Showing Movie Information, Thailand"> |
|
<meta name="keywords" content="Now showing, Movies, Theater, Thailand"> |
|
<meta name="google-play-app" content="app-id=co.zzyzx.showtimes.android"> |
|
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|
|
|
<style> |
|
.muted { |
|
color:#989898; |
|
} |
|
.nav li { |
|
display: inline-table; |
|
padding: 5px 1em; |
|
} |
|
.nav-pills a.active li { |
|
background-color: #dfdfdf; |
|
} |
|
li.thumbnail { |
|
margin-left: 10px; |
|
margin-bottom: 10px; |
|
width: 330px; |
|
min-height: 150px; |
|
overflow: hidden; |
|
} |
|
li.thumbnail > img { |
|
margin: 0 10px 5px 10px; |
|
} |
|
img { |
|
display: block; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
|
|
<script type="text/x-handlebars"> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-lg-8 col-lg-offset-2"> |
|
<h1 class="text-center">Movies <small><a href="//showtimes.everyday.in.th">#ShowtimesTH</a></small></h1> |
|
<ul class="nav nav-pills nav-justified"> |
|
{{#link-to 'movies.nowshowing'}}<li role="presentation"> |
|
Now Showing</li>{{/link-to}} |
|
{{#link-to 'movies.comingsoon'}}<li role="presentation">Coming Soon</li>{{/link-to}} |
|
{{#link-to 'movies.older'}}<li role="presentation">Older</li>{{/link-to}} |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
{{outlet}} |
|
</div> |
|
</div> |
|
|
|
{{outlet modal}} |
|
<footer> |
|
<hr/> |
|
<div class="row"> |
|
<div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3 text-center"> |
|
<small class="muted">Data gathered from TheMovieDB.org and/or SF and/or Major web page</small> |
|
</div> |
|
</div> |
|
</footer> |
|
</div> |
|
</script> |
|
|
|
|
|
<script type="text/x-handlebars" data-template-name="movies/index"> |
|
<ul id="container" class="col-lg-12"> |
|
<li>No movie</li> |
|
</ul> |
|
</script> |
|
|
|
<script type="text/x-handlebars" data-template-name="movies/nowshowing"> |
|
<ul id="container" class="col-lg-12"> |
|
{{#each model}} |
|
<li class="thumbnail"> |
|
{{#if backdrop_path}} |
|
<img src="/img/300x169.gif" alt="" data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}> |
|
{{else}} |
|
{{#if poster_path}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" /> |
|
{{else}} |
|
{{#if poster_url}} |
|
<img src="/img/158x240.gif" alt="" width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" /> |
|
{{else}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} /> |
|
{{/if}} |
|
{{/if}} |
|
{{/if}} |
|
<div class="caption"> |
|
<h4 {{action 'openInfoModal' this}}>{{original_title}}</h4> |
|
{{#if tagline.en}} |
|
<blockquote class="blockquote-reverse"><footer>{{tagline.en}}</footer></blockquote> |
|
{{/if}} |
|
{{#each rating}} |
|
<span class="small">{{provider}} rating: {{vote_average}} ({{vote_count}} votes)</span> |
|
{{/each}} |
|
<p>{{#if imdb_id}}<a href="http://www.imdb.com/title/{{unbound imdb_id}}/" class="btn btn-default btn-xs" role="button">IMDb</a> {{/if}}{{#if tmdb_id}}<a href="http://www.themoviedb.org/movie/{{unbound tmdb_id}}/" class="btn btn-default btn-xs">TMDb</a>{{/if}}</p> |
|
{{#if release_date}}<span class="small">Release Date: {{format-date release_date}}</span>{{/if}} |
|
</div> |
|
</li> |
|
{{/each}} |
|
</ul> |
|
</script> |
|
|
|
|
|
|
|
<script type="text/x-handlebars" data-template-name="movies/comingsoon"> |
|
<ul id="container" class="col-lg-12"> |
|
{{#each model}} |
|
<li class="thumbnail"> |
|
{{#if backdrop_path}} |
|
<img src="/img/300x169.gif" alt="" data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}> |
|
{{else}} |
|
{{#if poster_path}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" /> |
|
{{else}} |
|
{{#if poster_url}} |
|
<img src="/img/158x240.gif" alt="" width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" /> |
|
{{else}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} /> |
|
{{/if}} |
|
{{/if}} |
|
{{/if}} |
|
<div class="caption"> |
|
<h4 {{action 'openInfoModal' this}}>{{original_title}}</h4> |
|
{{#if tagline.en}} |
|
<blockquote class="blockquote-reverse"><footer>{{tagline.en}}</footer></blockquote> |
|
{{/if}} |
|
{{#each rating}} |
|
<span class="small">{{provider}} rating: {{vote_average}} ({{vote_count}} votes)</span> |
|
{{/each}} |
|
<p>{{#if imdb_id}}<a href="http://www.imdb.com/title/{{unbound imdb_id}}/" class="btn btn-default btn-xs" role="button">IMDb</a> {{/if}}{{#if tmdb_id}}<a href="http://www.themoviedb.org/movie/{{unbound tmdb_id}}/" class="btn btn-default btn-xs">TMDb</a>{{/if}}</p> |
|
{{#if release_date}}<span class="small">Release Date: {{format-date release_date}}</span>{{/if}} |
|
</div> |
|
</li> |
|
{{/each}} |
|
</ul> |
|
</script> |
|
|
|
|
|
<script type="text/x-handlebars" data-template-name="movies/older"> |
|
<ul id="container" class="col-lg-12"> |
|
{{#each model}} |
|
<li class="thumbnail"> |
|
{{#if backdrop_path}} |
|
<img src="/img/300x169.gif" alt="" data-echo="http://image.tmdb.org/t/p/w300{{unbound backdrop_path}}" width="300" height="169" class="img-rounded" {{action 'openInfoModal' this}}> |
|
{{else}} |
|
{{#if poster_path}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" /> |
|
{{else}} |
|
{{#if poster_url}} |
|
<img src="/img/158x240.gif" alt="" width="158" height="240" align="left" class="img-rounded" {{action 'openInfoModal' this}} data-echo="{{unbound poster_url}}" /> |
|
{{else}} |
|
<img src="/img/92x138.gif" alt="" width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}} /> |
|
{{/if}} |
|
{{/if}} |
|
{{/if}} |
|
<div class="caption"> |
|
<h4 {{action 'openInfoModal' this}}>{{original_title}}</h4> |
|
{{#if tagline.en}} |
|
<blockquote class="blockquote-reverse"><footer>{{tagline.en}}</footer></blockquote> |
|
{{/if}} |
|
{{#each rating}} |
|
<span class="small">{{provider}} rating: {{vote_average}} ({{vote_count}} votes)</span> |
|
{{/each}} |
|
<p>{{#if imdb_id}}<a href="http://www.imdb.com/title/{{unbound imdb_id}}/" class="btn btn-default btn-xs" role="button">IMDb</a> {{/if}}{{#if tmdb_id}}<a href="http://www.themoviedb.org/movie/{{unbound tmdb_id}}/" class="btn btn-default btn-xs">TMDb</a>{{/if}}</p> |
|
{{#if release_date}}<span class="small">Release Date: {{format-date release_date}}</span>{{/if}} |
|
</div> |
|
</li> |
|
{{/each}} |
|
</ul> |
|
</script> |
|
|
|
|
|
|
|
<script type="text/x-handlebars" data-template-name="movie"> |
|
{{#base-modal close='closeModal'}} |
|
|
|
<div class="modal-header"> |
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
|
<h4 class="modal-title">{{original_title}}</h4> |
|
</div> |
|
<div class="modal-body"> |
|
<ul> |
|
<li><strong>Cast</strong>: |
|
{{#each cast.en}} |
|
{{this}}, |
|
{{/each}} |
|
</li> |
|
<li><strong>Director</strong>: {{director.en}}</li> |
|
|
|
{{#if tmdb}} |
|
{{#if tmdb.release_date}}<li><strong>Release Date</strong>: {{format-date tmdb.release_date}}</li>{{/if}} |
|
{{#if tmdb.budget}}<li><strong>Budget</strong>: {{tmdb.budget}}</li>{{/if}} |
|
{{#if tmdb.runtime}}<li><strong>Runtime</strong>: {{tmdb.runtime}}</li>{{/if}} |
|
{{/if}} |
|
</ul> |
|
{{#if storyline.en}}<p>{{storyline.en}}</p>{{/if}} |
|
<small class="muted">{{_id}}</small> |
|
</div> |
|
|
|
{{/base-modal}} |
|
</script> |
|
|
|
<script type="text/x-handlebars" data-template-name="components/base-modal"> |
|
<div class="modal fade"> |
|
<div class="modal-dialog"> |
|
<div class="modal-content"> |
|
{{yield}} |
|
<div class="modal-footer"> |
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</script> |
|
|
|
<script src="js/jquery-2.1.1.min.js"></script> |
|
<script src="js/bootstrap.min.js"></script> |
|
<script src="js/isotope.pkgd.min.js"></script> |
|
<script src="js/libs/moment.js"></script> |
|
<script src="js/libs/handlebars-1.1.2.js"></script> |
|
<script src="js/libs/ember-1.7.0.min.js"></script> |
|
<script src="js/echo.min.js"></script> |
|
<script src="/js/app.js"></script> |
|
|
|
</body> |
|
</html> |