ctucx.git: oeffi-web

[nimlang] oeffisearch fork that works without javascript

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12 
13 
14 
15 
16 
17 
18 
19 
20 
21 
22 
23 
24 
25 
26 
27 
28 
29 
30 
31 
32 
33 
34 
35 
36 
37 
38 
39 
40 
41 
42 
43 
44 
45 
46 
47 
48 
49 
50 
51 
52 
53 
54 
55 
56 
57 
<!DOCTYPE html>
<html lang="de">
	<head>
		<title>Öffisearch</title>
		<meta charset="UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="theme-color" content="#ffffff">
		<meta name="description" content="Plan your public transport journeys">

		<link rel="icon" type="image/png" sizes="64x64" href="/assets/favicon-64x64.png">
		<link rel="manifest" href="/assets/manifest.json">
		<link rel="stylesheet" type="text/css" href="/assets/style.css">

		<link rel="modulepreload" href="/assets/js/lit-html.js">
		<link rel="modulepreload" href="/assets/js/helpers.js">
	</head>
	<body class="journeys">
		<header>
			<a class="back" href="/?from={{FROM}}&to={{TO}}" title="{{LABEL_BACK}}">{{LABEL_BACK}}</a>
			<h3>{{LABEL_FROM}}: {{FROM}}</h3>
			<h3>{{LABEL_TO}}: {{TO}}</h3>
		</header>

		<a class="loadMore flipped" href="?more=earlier" title="{{LABEL_EARLIER}}">{{LABEL_EARLIER}}</a>

		<table>
			<thead>
				<tr>
					<th>{{LABEL_DEPARTURE}}</th>
					<th>{{LABEL_ARRIVAL}}</th>
					<th>{{LABEL_DURATION}}</th>
					<th>{{LABEL_CHANGES}}</th>
					<th>{{LABEL_PRODUCTS}}</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				{{#JOURNEYS}}
				<tr data-link="/{{REQ_ID}}/{{ID}}">
					<td><span>{{#IS_CANCELLED}}<s>{{/IS_CANCELLED}}{{DEPARTURE}}{{#DEPARTURE_HAS_DELAY}} <b>({{DEPARTURE_DELAY}})</b>{{/DEPARTURE_HAS_DELAY}}{{#IS_CANCELLED}}</s>{{/IS_CANCELLED}}</span></td>
					<td><span>{{#IS_CANCELLED}}<s>{{/IS_CANCELLED}}{{ARRIVAL}}{{#ARRIVAL_HAS_DELAY}} <b>({{ARRIVAL_DELAY}})</b>{{/ARRIVAL_HAS_DELAY}}{{#IS_CANCELLED}}</s>{{/IS_CANCELLED}}</span></td>
					<td><span>{{#IS_CANCELLED}}<s>{{/IS_CANCELLED}}{{DURATION}}{{#IS_CANCELLED}}</s>{{/IS_CANCELLED}}</span></td>
					<td><span>{{#IS_CANCELLED}}<s>{{/IS_CANCELLED}}{{CHANGES}}{{#IS_CANCELLED}}</s>{{/IS_CANCELLED}}</span></td>
					<td><span>{{#IS_CANCELLED}}<s>{{/IS_CANCELLED}}{{PRODUCTS}}{{#IS_CANCELLED}}</s>{{/IS_CANCELLED}}</span></td>
					<td><a class="details-button icon-arrow3" href="/{{REQ_ID}}/{{ID}}">{{LABEL_DETAILS}}</a></td>
				</tr>
				{{/JOURNEYS}}
			</tbody>
		</table>

		<a class="loadMore" href="?more=later" title="{{LABEL_LATER}}">{{LABEL_LATER}}</a>

		<div id="overlay" class="hidden"></div>
		<script type="module" src="/assets/js/journeys.js" defer></script>
	</body>
</html>