Web front of showtimes
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.

171 lines
5.1 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Showtimes</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link href="/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
</head>
<body>
<script type="text/x-handlebars">
<div class="navbar">
<div class="navbar-inner">
<a class="brand">{{appName}}</a>
<ul class="nav">
<li>{{#link-to 'groups'}}Theaters{{/link-to}}</li>
<li>{{#link-to 'api'}}API{{/link-to}}</a></li>
<li>{{#link-to 'about'}}About{{/link-to}}</a></li>
</ul>
</div>
</div>
{{outlet}}
</script>
<script type="text/x-handlebars" id="groups">
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
<table class='table'>
<thead>
<tr><th>Groups</th></tr>
</thead>
<tbody>
{{#each model}}
<tr>
<td>
{{#link-to 'theaters' name}}{{name}} <small class='muted'>#{{id}}</small>{{/link-to}}
</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
<div class="span10">
{{outlet}}
</div>
</div>
</div>
</script>
<script type="text/x-handlebars" id="theaters">
<div class="row-fluid">
<div class="span5">
<table class='table'>
<thead>
<tr><th>Theaters</th></tr>
</thead>
<tbody>
{{#each model}}
<tr>
<td>
{{#link-to 'showtimes' code}}{{name}}{{/link-to}}
</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
<div class="span7">
{{outlet}}
</div>
</div>
</script>
<script type="text/x-handlebars" id="showtimes">
<table class='table'>
<thead>
<tr><th>Movie Showtimes</th></tr>
</thead>
<tbody>
{{#each model}}
<tr>
<td>
{{#if poster_path}}<div class="pull-left" style="margin-right:0.5em"><img src="http://image.tmdb.org/t/p/w92{{unbound poster_path}}" align="left" class="img-rounded" /></div>{{/if}}
{{movie}} <mark>{{audio}}</mark> <small class='muted'>on {{format-date date}}</small>
<p>{{showtimes}} {{#if cinema}}<small class='muted'>#{{cinema}}</small>{{/if}}</p>
</td>
</tr>
{{else}}
<tr>
<td>
Try checking out again after 7 in the morning since data will be processed around that time. Nope SF/Major-group does not update that frequent. I could not do a thing about it.
</td>
</tr>
{{/each}}
</tbody>
</table>
</script>
<script type="text/x-handlebars" id="api">
<div class='about'>
<h1>#ShowtimesTH Public API</h1>
<p>While this is in BETA, there will be no key or whatever. Data should be self explanation and is updating daily, roughly 7am ICT.</p>
<p>Information provided is based on the sources, SF/Major's web site.</p>
<p>So far, data is in JSON format only. Please refer back to us if you use it.</p>
<table class="table">
<thead>
<tr>
<th>What</th>
<th>Detail <small class="muted">application/json response</small></th>
</tr>
</head>
<tbody>
<tr>
<td>Groups</td>
<td>
get an array of theaters' groups
<br/><br/>
<pre>GET http://showtimes.everyday.in.th/api/groups/</pre>
</td>
</tr>
<tr>
<td>Theaters</td>
<td>
get a list of theaters
<br/><br/>
<pre>GET http://showtimes.everyday.in.th/api/theaters/</pre>
<pre>GET http://showtimes.everyday.in.th/api/theaters/&lt;group&gt;/</pre>
</td>
</tr>
<tr>
<td>Showtimes</td>
<td>
get a list of showtimes; return all showtimes if no date specified.
<br/><br/>
<pre>GET http://showtimes.everyday.in.th/api/showtimes/&lt;group&gt;/</pre>
<pre>GET http://showtimes.everyday.in.th/api/showtimes/&lt;group&gt;/&lt;theater_code&gt;/</pre>
<pre>GET http://showtimes.everyday.in.th/api/showtimes/&lt;group&gt;/&lt;theater_code&gt;/?d=YYYY-MM-DD</pre>
</td>
</tr>
</body>
</table>
</div>
</script>
<script type="text/x-handlebars" id="about">
<div class='about'>
<h1>Zzyzx</h1>
<p>Whatever it is, it's quite awesome. Talk with us <a href="http://zzyzx.pw/">@Zzyzx Forum</a></p>
</div>
</script>
<script src="/js/libs/jquery-1.10.2.js"></script>
<script src="/js/libs/handlebars-1.1.2.js"></script>
<script src="/js/libs/ember-1.7.0.js"></script>
<script src="/bower_components/showdown/compressed/showdown.js"></script>
<script src="/bower_components/moment/moment.js"></script>
<script src="/js/app.js"></script>
</body>
</html>