Mercurial > bus-service / file comparison
comparison: templates/stop_display.html
templates/stop_display.html
- changeset 85
- 62e753b7d3ff
- parent 76
- 5fd79554c3aa
equal
deleted
inserted
replaced
| 84:30cc6a1d1903 | 85:62e753b7d3ff |
|---|---|
| 17 margin-right: 1vw; | 17 margin-right: 1vw; |
| 18 } | 18 } |
| 19 | 19 |
| 20 .next-leave td | 20 .next-leave td |
| 21 { | 21 { |
| 22 height: 30vh; | 22 height: 12vh; |
| 23 vertical-align: middle; | 23 vertical-align: middle; |
| 24 } | 24 } |
| 25 | 25 |
| 26 .next-leave-list | |
| 27 { | |
| 28 width: 100%; | |
| 29 } | |
| 30 | |
| 31 .next-leave-time, | 26 .next-leave-time, |
| 32 .next-leave-places li.next-leave-destination, | |
| 33 .next-leave-route | 27 .next-leave-route |
| 34 { | 28 { |
| 35 font-weight: bold; | 29 font-weight: bold; |
| 36 font-size: 10vmin; | 30 font-size: 10vmin; |
| 37 } | 31 } |
| 39 .next-leave-time | 33 .next-leave-time |
| 40 { | 34 { |
| 41 text-align: left; | 35 text-align: left; |
| 42 } | 36 } |
| 43 | 37 |
| 44 .next-leave-route | 38 .next-leave-route .route-symbol |
| 45 { | 39 { |
| 46 border: 0.5vmin solid black; | 40 border: 0.5vmin solid black; |
| 47 border-radius: 100%; | 41 border-radius: 100%; |
| 48 padding: 8px; | 42 padding: 8px; |
| 49 min-width: 12vmin; | 43 min-width: 12vmin; |
| 50 min-height: 12vmin; | 44 min-height: 12vmin; |
| 51 text-align: center; | 45 text-align: center; |
| 52 background: #ffd90f; | 46 background: #ffd90f; |
| 47 } | |
| 48 | |
| 49 .next-leave, .next-leave table | |
| 50 { | |
| 51 width: 100%; | |
| 53 } | 52 } |
| 54 | 53 |
| 55 .next-leave-places | 54 .next-leave-places |
| 56 { | 55 { |
| 57 text-align: center; | 56 text-align: center; |
| 59 | 58 |
| 60 .next-leave-places li | 59 .next-leave-places li |
| 61 { | 60 { |
| 62 list-style: none; | 61 list-style: none; |
| 63 font-size: 6vmin; | 62 font-size: 6vmin; |
| 64 padding-top: 1vw; | |
| 65 font-weight: normal; | 63 font-weight: normal; |
| 64 float: left; | |
| 65 padding-left: 10pt; | |
| 66 } | 66 } |
| 67 | 67 |
| 68 #other-leaves | 68 #other-leaves |
| 69 { | 69 { |
| 70 width: 100%; | 70 width: 100%; |
| 85 #other-leaves table td | 85 #other-leaves table td |
| 86 { | 86 { |
| 87 font-size: 4vh; | 87 font-size: 4vh; |
| 88 height: 5vh; | 88 height: 5vh; |
| 89 text-align: center; | 89 text-align: center; |
| 90 } | |
| 91 | |
| 92 .next-leave-destination | |
| 93 { | |
| 94 font-size: 7vh; | |
| 95 font-weight: bold; | |
| 96 text-align: left; | |
| 90 } | 97 } |
| 91 | 98 |
| 92 .other-leave-time | 99 .other-leave-time |
| 93 { | 100 { |
| 94 width: 30%; | 101 width: 30%; |
| 221 </script> | 228 </script> |
| 222 </head> | 229 </head> |
| 223 <body onload='cycle_leaves()'> | 230 <body onload='cycle_leaves()'> |
| 224 <h1><img src="../static/pysäkki.png" height="128" /><span id='stop-name'>{{ref}} {{name}}</span></h1> | 231 <h1><img src="../static/pysäkki.png" height="128" /><span id='stop-name'>{{ref}} {{name}}</span></h1> |
| 225 <div class='next-leave'> | 232 <div class='next-leave'> |
| 226 <ul class='next-leave-list'> | |
| 227 {% for schedule_entry in schedule[:num_imminent_leaves] %} | 233 {% for schedule_entry in schedule[:num_imminent_leaves] %} |
| 228 <li id="leave-{{schedule_entry['index']}}"> | |
| 229 | |
| 230 <table> | 234 <table> |
| 231 <tr> | 235 <tr> |
| 232 <td class='next-leave-time'> | 236 <td class='next-leave-time'> |
| 233 {% if schedule_entry['imminent'] %} | 237 {% if schedule_entry['imminent'] %} |
| 234 <span class='imminent-leave'>{{schedule_entry['time']}}</span>​ | 238 <span class='imminent-leave'>{{schedule_entry['time']}}</span>​ |
| 235 {% else %} | 239 {% else %} |
| 236 {{schedule_entry['time']}}​ | 240 {{schedule_entry['time']}}​ |
| 237 {% endif %} | 241 {% endif %} |
| 238 </td> | 242 </td> |
| 239 <td rowspan="2"> | 243 <td class='next-leave-route'> |
| 244 <span class='route-symbol'>{{schedule_entry['route']}}</span> | |
| 245 </td> | |
| 246 </tr> | |
| 247 | |
| 248 <tr> | |
| 249 <td colspan="2" class='next-leave-destination'>{{schedule_entry['sign']['destination']}}</td> | |
| 250 </tr> | |
| 251 | |
| 252 <tr> | |
| 253 <td> | |
| 240 <ul class="next-leave-places"> | 254 <ul class="next-leave-places"> |
| 241 <li class='next-leave-destination'> | 255 {% for entry in schedule_entry['sign']['via'] %} |
| 242 {{schedule_entry['sign']['destination']}}</li> | 256 <li>{{entry}}</li> |
| 243 {% for entry in schedule_entry['sign']['via'] %} | 257 {% endfor %} |
| 244 <li>{{entry}}</li> | |
| 245 {% endfor %} | |
| 246 </ul> | 258 </ul> |
| 247 </td> | 259 </td> |
| 248 </tr> | 260 </tr> |
| 249 <tr> | |
| 250 <td><span class='next-leave-route'>{{schedule_entry['route']}}</span></td> | |
| 251 </tr> | |
| 252 </table> | 261 </table> |
| 253 | |
| 254 </li> | |
| 255 {% endfor %} | 262 {% endfor %} |
| 256 </ul> | |
| 257 </div> | 263 </div> |
| 258 {% if schedule[num_imminent_leaves] %} | 264 {% if schedule[num_imminent_leaves] %} |
| 259 <div id='other-leaves'> | 265 <div id='other-leaves'> |
| 260 <table cellspacing="0"> | 266 <table cellspacing="0"> |
| 261 {% for halt in schedule[num_imminent_leaves:num_imminent_leaves + 2] %} | 267 {% for halt in schedule[num_imminent_leaves:num_imminent_leaves + 2] %} |
