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.
129 lines
4.2 KiB
129 lines
4.2 KiB
10 years ago
|
<!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-theme.min.css">
|
||
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.muted {
|
||
|
|
color:#989898;
|
||
|
|
}
|
||
|
|
li.thumbnail {
|
||
|
|
margin-left: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
min-width: 250px;
|
||
|
|
max-width: 330px;
|
||
|
|
min-height: 150px;
|
||
|
|
}
|
||
|
|
li.thumbnail > img {
|
||
|
|
margin: 0 10px 5px 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<script type="text/x-handlebars">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xs-12 col-sm-6 col-md-6 col-md-offset-3"><h1 class="text-center">Movies <small><a href="//showtimes.everyday.in.th">#ShowtimesTH</a></small></h1></div>
|
||
|
|
</div>
|
||
|
|
<div class="row-fluid">
|
||
|
|
{{outlet}}
|
||
|
|
</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">
|
||
|
|
<ul id="container">
|
||
|
|
{{#each model}}
|
||
|
|
<li class="thumbnail">
|
||
|
|
{{#if backdrop_path}}
|
||
|
|
<img src="http://placehold.it/300x169" 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="http://placehold.it/92x138" 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}}
|
||
|
|
<img src="http://placehold.it/92x138" alt=""width="92" height="138" align="left" class="img-rounded" {{action 'openInfoModal' this}}>
|
||
|
|
{{/if}}
|
||
|
|
{{/if}}
|
||
|
|
<div class="caption">
|
||
|
|
<h4 {{action 'openInfoModal' this}}>{{title}}</h4>
|
||
|
|
{{#if tagline}}<blockquote class="blockquote-reverse"><footer>{{tagline}}</footer></blockquote>{{/if}}
|
||
|
|
{{#if vote_average}}<p class="small">TMDb rating: {{vote_average}} ({{vote_count}} votes)</p>{{/if}}
|
||
|
|
<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}}<a href="http://www.themoviedb.org/movie/{{unbound movie_id}}/" class="btn btn-default btn-xs">TMDb</a></p>
|
||
|
|
</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>
|
||
|
|
{{#if release_date}}<li><strong>Release Date</strong>: {{format-date release_date}}</li>{{/if}}
|
||
|
|
{{#if budget}}<li><strong>Budget</strong>: {{budget}}</li>{{/if}}
|
||
|
|
{{#if runtime}}<li><strong>Runtime</strong>: {{runtime}}</li>{{/if}}
|
||
|
|
</ul>
|
||
|
|
{{#if overview}}<p>{{overview}}</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/isotope.pkgd.min.js"></script>
|
||
|
|
<script src="js/echo.min.js"></script>
|
||
|
|
<script src="js/bootstrap.min.js"></script>
|
||
|
|
<script src="//showtimes.everyday.in.th/bower_components/moment/moment.js"></script>
|
||
|
|
<script src="//showtimes.everyday.in.th/js/libs/handlebars-1.1.2.js"></script>
|
||
|
|
<script src="//showtimes.everyday.in.th/js/libs/ember-1.7.0.min.js"></script>
|
||
|
|
<script src="/js/app.js"></script>
|
||
|
|
<script>
|
||
|
|
echo.init({
|
||
|
|
offset: 100,
|
||
|
|
throttle: 250,
|
||
|
|
unload: false,
|
||
|
|
callback: function (element, op) {
|
||
|
|
$('#container').isotope();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|