templates/cluster.html

<html>
<head>
	<link rel="icon" type="image/png" href="/static/favicon.png" />
	<link rel="stylesheet" type="text/css" href="/static/style.css" />
	<meta charset='UTF-8' />
	<title>{{nimi}}</title>
	<style>
	p { text-align: center }
	</style>
</head>
<body>
	<h1>{{nimi}}</h1>
	<p id="pysäkki-info">
	<a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a>
	</p>
	<p>Pysäkit ryhmässä:
		<ul>
		{% for stop in stops_in_cluster %}
			<li><a href="/pysäkki/{{stop['id']}}">{{stop['id']}} {{stop['name']}}</a></li>
		{% endfor %}
		</ul>
	</p>
	<table id='aikataulu' cellspacing="0">
		<tr>
			<th class='sarake-aika'>Aika</th>
			<th class='sarake-linja'>Linja</th>
			<th class='sarake-määränpää'>Määränpää</th>
			<th class='sarake-pysäkki'>Pysäkki</th>
		</tr>
		{% for rivi in aikataulu %}
		<tr class="{% if rivi['yö'] %} yö {% endif %}">
			<td class='sarake-aika'>{{rivi['aika']}}</td>
			<td class='sarake-linja linja'>
				<a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['linja']}}</a>
			</td>
			<td class='sarake-määränpää'>
				<a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a>
			</td>
			<td class='sarake-pysäkki'>
				<a href="/pysäkki/{{rivi['stop_id']}}">{{rivi['stop_id']}}</a>
			</td>
		</tr>
		{% endfor %}
	</table>
</body>
</html>