1 files changed, 124 insertions, 0 deletions
diff --git a/templates/layout.html b/templates/layout.html
new file mode 100644
index 0000000..aead13f
--- /dev/null
+++ b/templates/layout.html
@@ -0,0 +1,124 @@
+<style>
+h4 {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+h5 {
+    margin-top: 0em;
+    margin-bottom: 0em;
+}
+div {
+    margin: 0;
+    padding: 0;
+    padding-left: 2rem;
+}
+div.root {
+    padding-left: 0em;
+}
+p {
+    margin: 0;
+    padding: 0;
+}
+</style>
+
+
+<div class="root">
+	<p>Last updated: {{ data['ResponseData']['LatestUpdate'] }}</p>
+
+	<ul>
+	{%- for transport in ['Trains', 'Metros', 'Buses'] -%}
+	{%- if data['ResponseData'][transport] -%}
+		<li><a href="#{{ transport }}">{{ transport }}</a></li>
+	{%- endif -%}
+	{%- endfor -%}
+	</ul>
+
+	<h4>Stop deviations:</h4>
+
+	{%- if data['ResponseData']['StopPointDeviations'] -%}
+		{%- for d in data['ResponseData']['StopPointDeviations'] -%}
+		{%- set stopinfo = d['StopInfo'] -%}
+		{%- set deviation = d['Deviation'] -%}
+		<div>
+			<h5>{{ stopinfo['StopAreaName'] }} ({{ stopinfo['TransportMode'] }})</h5>
+			<div>
+				<p>{{ deviation['ImportanceLevel'] }} :: {{ deviation['Consequence'] }}</p>
+				<div>
+					<p>{{ deviation['Text'] }}</p>
+				</div>
+			</div>
+		</div>
+		</br>
+		{%- endfor -%}
+	{%- endif -%}
+</div>
+
+{%- for transport in ['Trains', 'Metros', 'Buses'] -%}
+{%- if data['ResponseData'][transport] -%}
+<div class="root">
+	<h4 id="{{ transport }}">:: {{ transport }} ::</h4>
+	{%- for departure in data['ResponseData'][transport] -%}
+
+	{% if departure['GroupOfLine'] %}
+		{% if departure['GroupOfLine'] == 'tunnelbanans gröna linje' %}
+			{% set color='green' %}
+		{% elif departure['GroupOfLine'] == 'Tunnelbanans röda linje' %}
+			{% set color='red' %}
+		{% elif departure['GroupOfLine'] == 'tunnelbanans blå linje' %}
+			{% set color='blue' %}
+		{% else %}
+			{% set color='black' %}
+		{% endif %}
+	{% endif %}
+
+	<h5>{% if departure['GroupOfLine'] %}<span style="color: {{color}}">●</span>{% endif %}
+		{{ departure['LineNumber'] }} :: {{ departure['Destination'] }}
+		{% if departure['SecondaryDestinationName'] %}({{ departure['SecondaryDestinationName'] }}){% endif %}
+	   :: {{ departure['DisplayTime'] }}
+	</h5>
+
+	{% if transport in ['Trains', 'Buses'] %}
+	<div>
+		<p>Stop: {{ departure['StopPointDesignation'] }}</p>
+	</div>
+	{% endif %}
+
+	{% if departure['GroupOfLine'] %}
+	<div>
+		<p>{{ departure['GroupOfLine'] }}</p>
+	</div>
+	{% endif %}
+
+	{%- if 'TimeTabledDateTime' in departure or 'ExpectedDateTime' in departure -%}
+	<div>
+		{%- if departure['TimeTabledDateTime'] -%}
+		<p>Timetable: {{ departure['TimeTabledDateTime'] }}</p>
+		{%- endif -%}
+		{%- if departure['ExpectedDateTime'] -%}
+		<p>Expected: {{ departure['ExpectedDateTime'] }}</p>
+		{%- endif -%}
+	</div>
+	{%- endif -%}
+
+	{%- if departure['Deviations'] -%}
+		<div>
+			<p>Deviations:</p>
+
+			{%- for deviation in departure['Deviations'] -%}
+			<div>
+				<p>{{ deviation['ImportanceLevel'] }} :: {{ deviation['Consequence'] }}</p>
+				<div>
+					<p>{{ deviation['Text'] }}</p>
+				</div>
+			</div>
+			{%- endfor -%}
+		</div>
+	{%- endif -%}
+	</br>
+
+	{%- endfor -%}
+</div>
+{%- endif -%}
+{%- endfor -%}
+
+<!-- vim: set ft=html: -->