include busses in html

author: dakkar <dakkar@thenautilus.net> 2013-05-27 16:40:18 +0100
committer: dakkar <dakkar@thenautilus.net> 2013-05-27 16:40:18 +0100
commit: 2cbf023942b42d798d73b5ce85b20ddadacc6cec (patch)
tree: 3ba85682364b48d2dd72d8a37b57b1b204be7fcf /forecast.html.tt
parent: kill debug Data::Printer (diff)
download: HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.tar.gz
HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.tar.bz2
HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.zip
1 files changed, 81 insertions, 63 deletions
diff --git a/forecast.html.tt b/forecast.html.tt
index d45e2db..a3cb750 100644
--- a/forecast.html.tt
+++ b/forecast.html.tt
@@ -46,74 +46,92 @@
     </style>
   </head>
   <body>
-    <div class="currently">
-      <h2>Currently</h2>
-      <span class="icon"><img src="[% icon_for(cur.icon) %]" alt="[% cur.icon %]" /></span>
-      <dl class="currently">
-        <dt class="temperature">Temperature:</dt>
-        <dd class="temperature">[% cur.temperature %]°</dd>
-        <dt class="summary">Summary:</dt>
-        <dd class="summary">[% cur.summary %]</dd>
-      </dl>
-    </div>
-    <div class="next-hour">
-      <h2>Next hour</h2>
-      <span class="icon"><img src="[% icon_for(f.minutely.icon) %]" alt="[% f.minutely.icon %]" /></span>
-      <dl class="next-hour">
-        <dt class="summary">Summary:</dt>
-        <dd class="summary">[% f.minutely.summary %]</dd>
-      </dl>
-    </div>
-    <div class="next-day">
-      <h2>Next 24 hours</h2>
-      <span class="icon"><img src="[% icon_for(hourly.icon) %]" alt="[% hourly.icon %]" /></span>
-      <dl class="next-day">
-        <dt class="summary">Summary:</dt>
-        <dd class="summary">[% hourly.summary %]</dd>
-      </dl>
-    </div>
-    <div class="next-week">
-      <h2>Next 7 days</h2>
-      <span class="icon"><img src="[% icon_for(f.daily.icon) %]" alt="[% f.daily.icon %]" /></span>
-      <dl class="next-week">
-        <dt class="summary">Summary:</dt>
-        <dd class="summary">[% f.daily.summary %]</dd>
-      </dl>
-    </div>
-    <div class="days">
-      <div class="day today">
-        <span class="icon"><img src="[% icon_for(today.icon) %]" alt="[% today.icon %]" /></span>
-        <dl class="today">
+    <div class="forecast">
+      <div class="currently">
+        <h2>Currently</h2>
+        <span class="icon"><img src="[% icon_for(cur.icon) %]" alt="[% cur.icon %]" /></span>
+        <dl class="currently">
+          <dt class="temperature">Temperature:</dt>
+          <dd class="temperature">[% cur.temperature %]°</dd>
           <dt class="summary">Summary:</dt>
-          <dd class="summary">[% today.summary %]</dd>
-          <dt class="temperature min">Min temperature:</dt>
-          <dd class="temperature min">[% today.temperatureMin %]° <span class="time">[% time(today.temperatureMinTime) %]</span></dd>
-          <dt class="temperature max">Max temperature:</dt>
-          <dd class="temperature max">[% today.temperatureMax %]° <span class="time">[% time(today.temperatureMaxTime) %]</span></dd>
-          <dt class="sunrise">Sunrise:</dt>
-          <dd class="sunrise"><span class="time">[% time(today.sunriseTime) %]</span></dd>
-          <dt class="sunset">Sunset:</dt>
-          <dd class="sunset"><span class="time">[% time(today.sunsetTime) %]</span></dd>
+          <dd class="summary">[% cur.summary %]</dd>
         </dl>
-        <div class="timeline">
-          <div class="summary">
-            [% left=0 ;FOR span IN hourly.spans_by_string('summary');
-               width=3*hours_length(span) %]
-            <span class="stripes" style="width: [% width %]em; left: [% left %]em"><span>[% span.value %]</span></span>
-            [% left=left+width; END %]
-          </div>
-          <div class="hours">
-            [% left=0; FOR h IN hourly.data; BREAK IF loop.last %]
-            <span class="stripes" style="width: 3em; left: [% left %]em"><span>[% time(h.time) %]</span></span>
-            [% left=left+3; END %]
-          </div>
-          <div class="temperature">
-            [% left=0; FOR h IN hourly.data; BREAK IF loop.last %]
-            <span class="stripes" style="width: 3em; left: [% left %]em"><span>[% h.temperature %]°</span></span>
-            [% left=left+3; END %]
+      </div>
+      <div class="next-hour">
+        <h2>Next hour</h2>
+        <span class="icon"><img src="[% icon_for(f.minutely.icon) %]" alt="[% f.minutely.icon %]" /></span>
+        <dl class="next-hour">
+          <dt class="summary">Summary:</dt>
+          <dd class="summary">[% f.minutely.summary %]</dd>
+        </dl>
+      </div>
+      <div class="next-day">
+        <h2>Next 24 hours</h2>
+        <span class="icon"><img src="[% icon_for(hourly.icon) %]" alt="[% hourly.icon %]" /></span>
+        <dl class="next-day">
+          <dt class="summary">Summary:</dt>
+          <dd class="summary">[% hourly.summary %]</dd>
+        </dl>
+      </div>
+      <div class="next-week">
+        <h2>Next 7 days</h2>
+        <span class="icon"><img src="[% icon_for(f.daily.icon) %]" alt="[% f.daily.icon %]" /></span>
+        <dl class="next-week">
+          <dt class="summary">Summary:</dt>
+          <dd class="summary">[% f.daily.summary %]</dd>
+        </dl>
+      </div>
+      <div class="days">
+        <div class="day today">
+          <span class="icon"><img src="[% icon_for(today.icon) %]" alt="[% today.icon %]" /></span>
+          <dl class="today">
+            <dt class="summary">Summary:</dt>
+            <dd class="summary">[% today.summary %]</dd>
+            <dt class="temperature min">Min temperature:</dt>
+            <dd class="temperature min">[% today.temperatureMin %]° <span class="time">[% time(today.temperatureMinTime) %]</span></dd>
+            <dt class="temperature max">Max temperature:</dt>
+            <dd class="temperature max">[% today.temperatureMax %]° <span class="time">[% time(today.temperatureMaxTime) %]</span></dd>
+            <dt class="sunrise">Sunrise:</dt>
+            <dd class="sunrise"><span class="time">[% time(today.sunriseTime) %]</span></dd>
+            <dt class="sunset">Sunset:</dt>
+            <dd class="sunset"><span class="time">[% time(today.sunsetTime) %]</span></dd>
+          </dl>
+          <div class="timeline">
+            <div class="summary">
+              [% left=0 ;FOR span IN hourly.spans_by_string('summary');
+              width=3*hours_length(span) %]
+              <span class="stripes" style="width: [% width %]em; left: [% left %]em"><span>[% span.value %]</span></span>
+              [% left=left+width; END %]
+            </div>
+            <div class="hours">
+              [% left=0; FOR h IN hourly.data; BREAK IF loop.last %]
+              <span class="stripes" style="width: 3em; left: [% left %]em"><span>[% time(h.time) %]</span></span>
+              [% left=left+3; END %]
+            </div>
+            <div class="temperature">
+              [% left=0; FOR h IN hourly.data; BREAK IF loop.last %]
+              <span class="stripes" style="width: 3em; left: [% left %]em"><span>[% h.temperature %]°</span></span>
+              [% left=left+3; END %]
+            </div>
           </div>
         </div>
       </div>
     </div>
+    <div class="bus">
+      <table class="prediction">
+        <thead>
+          <tr><th>Line</th><th>Destination</th><th>When</th></tr>
+        </thead>
+        <tbody>
+          [% FOREACH p IN b.Prediction %]
+          <tr>
+            <td>[% p.LineName %]</td>
+            <td>[% p.DestinationText %]</td>
+            <td>[% p.EstimatedTime %]</td>
+          </tr>
+          [% END %]
+        </tbody>
+      </table>
+    </div>
   </body>
 </html>
author	dakkar <dakkar@thenautilus.net>	2013-05-27 16:40:18 +0100
committer	dakkar <dakkar@thenautilus.net>	2013-05-27 16:40:18 +0100
commit	2cbf023942b42d798d73b5ce85b20ddadacc6cec (patch)
tree	3ba85682364b48d2dd72d8a37b57b1b204be7fcf /forecast.html.tt
parent	kill debug Data::Printer (diff)
download	HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.tar.gz HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.tar.bz2 HomePanel-2cbf023942b42d798d73b5ce85b20ddadacc6cec.zip