From e42a988a2738e4a079e9277c3bb5a3cbcbfa5395 Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Mon, 28 Dec 2020 14:43:04 +0100
Subject: improve display of double decker wagons

---
 templates/wagen.html.ep | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

(limited to 'templates')

diff --git a/templates/wagen.html.ep b/templates/wagen.html.ep
index 9cf4793..b08b212 100644
--- a/templates/wagen.html.ep
+++ b/templates/wagen.html.ep
@@ -4,23 +4,25 @@
 			<%= $wref->{s} %>: Gleis <%= $wref->{p} %> <%= $wref->{ws} %>
 		</p>
 	% }
-	% if (defined $wref->{d}) {
-		<div style="text-align: center;">
-			% if ($wref->{d} == 0) {
-				<i class="material-icons">arrow_back</i>
-			% }
-			% else {
-				<i class="material-icons">arrow_forward</i>
-			% }
-		</div>
-	% }
 	% if ($wref->{e} eq 'u') {
 		<div style="float: left;"><i class="material-icons">arrow_upward</i></div>
 		<div style="float: right;"><i class="material-icons">arrow_upward</i></div>
 	% }
-	<div style="clear: both;">
-		<a href="<%= $wagon_file %>"><img src="<%= $wagon_file %>" style="width: 100%;"></a>
-	</div>
+	% for my $wagon_file (@{$wagon_files // [] }) {
+		% if (defined $wref->{d}) {
+			<div style="text-align: center;">
+				% if ($wref->{d} == 0) {
+					<i class="material-icons">arrow_back</i>
+				% }
+				% else {
+					<i class="material-icons">arrow_forward</i>
+				% }
+			</div>
+		% }
+		<div style="clear: both;">
+			<a href="<%= $wagon_file %>"><img src="<%= $wagon_file %>" style="width: 100%;"></a>
+		</div>
+	% }
 	% if ($wref->{e} eq 'd') {
 		<div style="float: left;"><i class="material-icons">arrow_downward</i></div>
 		<div style="float: right;"><i class="material-icons">arrow_downward</i></div>
@@ -35,7 +37,7 @@
 			% }
 		</div>
 	% }
-	<p class="copyright">
+	<p class="copyright" style="clear: both;">
 		Abbildung © Seemanngrafik d.i.p. im Auftrag der Deutschen Bahn AG,
 		lizensiert unter CC-BY-4.0
 	</p>
-- 
cgit v1.2.3