templates/cluster.html

changeset 21
6a0394d5a159
parent 20
3199e289ae62
child 22
3d094a804af8
equal deleted inserted replaced
20:3199e289ae62 21:6a0394d5a159
3 <link rel="icon" type="image/png" href="/static/favicon.png" /> 3 <link rel="icon" type="image/png" href="/static/favicon.png" />
4 <link rel="stylesheet" type="text/css" href="/static/style.css" /> 4 <link rel="stylesheet" type="text/css" href="/static/style.css" />
5 <meta charset='UTF-8' /> 5 <meta charset='UTF-8' />
6 <title>{{nimi}}</title> 6 <title>{{nimi}}</title>
7 <style> 7 <style>
8 p { text-align: center } 8 div.stops-in-cluster
9 {
10 margin-left: auto;
11 margin-right: auto;
12 }
13 div.stops-in-cluster ul
14 {
15 columns: 3;
16 }
9 </style> 17 </style>
10 </head> 18 </head>
11 <body> 19 <body>
12 <h1>{{nimi}}</h1> 20 <h1><img src="/static/iso-pysäkki.png" height="96" /> <span>{{nimi}}</span></h1>
13 <p id="pysäkki-info"> 21 <p id="pysäkki-info">
14 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a> 22 <a class="pysäkki-sijainti" href="{{linkki_karttaan}}" target="_blank">📌 ({{sijainti}})</a>
15 </p> 23 </p>
16 <p>Pysäkit ryhmässä: 24 <p>Pysäkit ryhmässä:</p>
17 <ul> 25 <div class="stops-in-cluster">
18 {% for stop in stops_in_cluster %} 26 <ul>
19 <li><a href="/pysäkki/{{stop['id']}}">{{stop['id']}} {{stop['name']}}</a></li> 27 {% for stop in stops_in_cluster %}
20 {% endfor %} 28 <li><a href="/pysäkki/{{stop['id']}}"><img src="/static/pysäkki.png" height="24" /> {{stop['id']}} {{stop['name']}}</a></li>
21 </ul> 29 {% endfor %}
22 </p> 30 </ul>
31 </div>
23 <table id='aikataulu' cellspacing="0"> 32 <table id='aikataulu' cellspacing="0">
24 <tr> 33 <tr>
25 <th class='sarake-aika'>{{tr('time', 'headings')}}</th> 34 <th class='sarake-aika'>{{tr('time', 'headings')}}</th>
26 <th class='sarake-linja'>{{tr('route', 'headings')}}</th> 35 <th class='sarake-linja'>{{tr('route', 'headings')}}</th>
27 <th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th> 36 <th class='sarake-määränpää'>{{tr('destination', 'headings')}}</th>
35 </td> 44 </td>
36 <td class='sarake-määränpää'> 45 <td class='sarake-määränpää'>
37 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a> 46 <a href="/ajovuoro/{{rivi['ajovuoro']}}">{{rivi['kyltti']}}</a>
38 </td> 47 </td>
39 <td class='sarake-pysäkki'> 48 <td class='sarake-pysäkki'>
40 <a href="/pysäkki/{{rivi['stop_id']}}">{{rivi['stop_id']}}</a> 49 <a href="/pysäkki/{{rivi['stop_id']}}"><img src="/static/pysäkki.png" height="24" /> {{rivi['stop_id']}}</a>
41 </td> 50 </td>
42 </tr> 51 </tr>
43 {% endfor %} 52 {% endfor %}
44 </table> 53 </table>
45 </body> 54 </body>

mercurial