| 32 document.getElementById(category).style.display = "block"; |
32 document.getElementById(category).style.display = "block"; |
| 33 event.currentTarget.className += " active"; |
33 event.currentTarget.className += " active"; |
| 34 window.scrollTo(0, 0); |
34 window.scrollTo(0, 0); |
| 35 } |
35 } |
| 36 </script> |
36 </script> |
| 37 <title>{{linja}} {{selite}}</title> |
37 <title>{{route}} {{description}}</title> |
| 38 </head> |
38 </head> |
| 39 <body> |
39 <body> |
| 40 <h1> |
40 <h1> |
| 41 {% if yö %} |
41 {% if night %} |
| 42 🌙 |
42 🌙 |
| 43 {% endif %} |
43 {% endif %} |
| 44 {{linja}} {{selite}}</h1> |
44 {{route}} {{description}}</h1> |
| 45 <nav> |
45 <nav> |
| 46 <div class="tab-bar"> |
46 <div class="tab-bar"> |
| 47 <span></span> |
47 <span></span> |
| 48 <button class="tab-button active" onclick="openTab(event, 'tab-overview')">Reitti</button> |
48 <button class="tab-button active" onclick="openTab(event, 'tab-overview')">Reitti</button> |
| 49 <button class="tab-button" onclick="openTab(event, 'tab-stops')">Pysäkit</button> |
49 <button class="tab-button" onclick="openTab(event, 'tab-stops')">Pysäkit</button> |
| 55 <table class='aikataulu' cellspacing='0'> |
55 <table class='aikataulu' cellspacing='0'> |
| 56 <tr> |
56 <tr> |
| 57 <th class='sarake-aika'>Aika</th> |
57 <th class='sarake-aika'>Aika</th> |
| 58 <th class='sarake-alue'>Alue</th> |
58 <th class='sarake-alue'>Alue</th> |
| 59 </tr> |
59 </tr> |
| 60 {% for rivi in suppea_reitti %} |
60 {% for entry in concise_schedule %} |
| 61 <tr> |
61 <tr> |
| 62 <td class='sarake-aika'>{{rivi['aika']}}</td> |
62 <td class='sarake-aika'>{{entry['time']}}</td> |
| 63 <td class='sarake-alue'>{{rivi['alue']}}</td> |
63 <td class='sarake-alue'>{{entry['region']}}</td> |
| 64 </tr> |
64 </tr> |
| 65 {% endfor %} |
65 {% endfor %} |
| 66 </table> |
66 </table> |
| 67 </div> |
67 </div> |
| 68 <div id="tab-stops" class="tab" style="display: none"> |
68 <div id="tab-stops" class="tab" style="display: none"> |
| 70 <tr> |
70 <tr> |
| 71 <th class='sarake-aika'>Aika</th> |
71 <th class='sarake-aika'>Aika</th> |
| 72 <th class='sarake-pysäkkiviite'>Pysäkki</th> |
72 <th class='sarake-pysäkkiviite'>Pysäkki</th> |
| 73 <th class='sarake-pysäkki'>Nimi</th> |
73 <th class='sarake-pysäkki'>Nimi</th> |
| 74 </tr> |
74 </tr> |
| 75 {% for rivi in reitti %} |
75 {% for halt in schedule %} |
| 76 <tr> |
76 <tr> |
| 77 <td class='sarake-aika'>{{rivi['aika']}}</td> |
77 <td class='sarake-aika'>{{halt['time']}}</td> |
| 78 <td class='sarake-pysäkkiviite'> |
78 <td class='sarake-pysäkkiviite'> |
| 79 <a href="/pysäkki/{{rivi['tunniste']}}"><img src='/static/pysäkki.png' height='24' /> {{rivi['tunniste']}}</a> |
79 <a href="/pysäkki/{{halt['reference']}}"><img src='/static/pysäkki.png' height='24' /> {{halt['reference']}}</a> |
| 80 </td> |
80 </td> |
| 81 <td class='sarake-pysäkki'> |
81 <td class='sarake-pysäkki'> |
| 82 <a href="/pysäkki/{{rivi['tunniste']}}">{{rivi['nimi']}}</a> |
82 <a href="/pysäkki/{{halt['reference']}}">{{halt['name']}}</a> |
| 83 </td> |
83 </td> |
| 84 </tr> |
84 </tr> |
| 85 {% endfor %} |
85 {% endfor %} |
| 86 </table> |
86 </table> |
| 87 </div> |
87 </div> |