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 
58 
59 
60 
61 
62 
63 
64 
65 
66 
67 
68 
69 
70 
71 
72 
73 
74 
75 
76 
77 
78 
79 
80 
81 
82 
83 
84 
85 
86 
87 
88 
89 
90 
91 
92 
93 
94 
95 
96 
<!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="journey">
		<header>
			<a class="back" href="/{{REQ_ID}}" title="{{LABEL_BACK}}">{{LABEL_BACK}}</a>
			<h2>{{FROM}} → {{TO}}</h2>
			<p><b>{{LABEL_DURATION}}: {{DURATION}} | {{LABEL_CHANGES}}: {{CHANGES}} | {{LABEL_DATE}}: {{DATE}}</b></p>
			<a class="reload" href="/{{REQ_ID}}/{{ID}}?refresh=1" title="{{LABEL_RELOAD}}">{{LABEL_RELOAD}}</a>
		</header>

		{{#LEGS}}
		{{#IS_WALKING}}
		<p class="walk">{{LABEL_GO_TO}} {{ARRIVAL_POINT}} ({{LABEL_APPRX}} {{DISTANCE}} {{LABEL_METERS}})</p>
		{{/IS_WALKING}}
		{{#IS_TRANSVER}}
		<p class="transfer ">{{LABEL_TRAVEL_TO}} {{ARRIVAL_POINT}}</p>
		{{/IS_TRANSVER}}
		{{#IS_CHANGE}}
		<p class="change">{{DURATION}} {{LABEL_CHANGE_DURATION}}</p>
		{{/IS_CHANGE}}
		{{#IS_VEHICLE}}
		<table>
			<thead>
				<tr>
					<td colspan="4">
						{{#HAS_MARUDOR_URL}}
						<span><a href="{{MARUDOR_URL}}">{{LINE}}</a> → {{DIRECTION}} {{#IS_CANCELLED}}<b class="cancelled-text"> {{LABEL_CANCELLED}}!</b>{{/IS_CANCELLED}}</span>
						{{/HAS_MARUDOR_URL}}
						{{^HAS_MARUDOR_URL}}
						<span>{{LINE}} → {{DIRECTION}} {{#IS_CANCELLED}}<b class="cancelled-text"> {{LABEL_CANCELLED}}!</b>{{/IS_CANCELLED}}</span>
						{{/HAS_MARUDOR_URL}}

					</td>
				</tr>
				<tr>
					<td colspan="4">
						<div class="train-details">
							{{#HAS_ADDITIONAL_NAME}}
								<div class="train-detail">
									Trip: {{ADDITIONAL_NAME}}
								</div>
							{{/HAS_ADDITIONAL_NAME}}
							{{#HAS_TRAIN_TYPE}}
								<div class="train-detail">
									Train type: {{TRAIN_TYPE}}
								</div>
							{{/HAS_TRAIN_TYPE}}
							<div class="train-detail">
								{{LABEL_DURATION}}: {{LEG_DURATION}}
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<th>{{LABEL_ARRIVAL}}</th>
					<th>{{LABEL_DEPARTURE}}</th>
					<th class="station-column">{{LABEL_STATION}}</th>
					<th>{{LABEL_PLATFORM}}</th>
				</tr>
			</thead>
			<tbody>
				{{#STOPOVERS}}
				<tr class="stop{{#IS_CANCELLED}} cancelled{{/IS_CANCELLED}}">
					<td><span>{{ARRIVAL_TIME}}{{#ARRIVAL_HAS_DELAY}} <b>({{ARRIVAL_DELAY}})</b>{{/ARRIVAL_HAS_DELAY}}</span></td>
					<td><span>{{DEPARTURE_TIME}}{{#DEPARTURE_HAS_DELAY}} <b>({{DEPARTURE_DELAY}})</b>{{/DEPARTURE_HAS_DELAY}}</span></td>
					<td><a href="https://marudor.de/regional/{{STATION_ID}}?searchType=hafas">{{STATION_NAME}}</a></td>
					<td><span>{{PLATFORM}}</span></td>
				</tr>
				{{/STOPOVERS}}
				{{#REMARKS}}
				<tr><td colspan="4"><span>{{.}}</span></td></tr>
				{{/REMARKS}}
			</tbody>
		</table>
		{{/IS_VEHICLE}}
		{{/LEGS}}

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