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> |