Skip to content

Commit 67c0b5f

Browse files
jeflemjeflem
committed
Complete frontend code
1 parent 7750159 commit 67c0b5f

9 files changed

+18968
-0
lines changed

‎frontend/details.css

+96
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
body {
2+
margin: 0;
3+
padding: 10px;
4+
box-sizing: border-box;
5+
font-family: sans;
6+
}
7+
8+
#map {
9+
height: 400px;
10+
width: 400px;
11+
background: #808080;
12+
z-index: 0;
13+
box-sizing: border-box;
14+
}
15+
16+
.map_label {
17+
padding: 1px;
18+
padding-bottom: 5px;
19+
font-weight: bold;
20+
text-align: center;
21+
background-color: rgba(255, 255, 255, 0.7);
22+
}
23+
24+
h1 {
25+
margin-top: 0;
26+
margin-left: 10px;
27+
margin-bottom: 10px;
28+
}
29+
30+
h2 {
31+
margin-top: 0;
32+
margin-left: 0;
33+
margin-bottom: 10px;
34+
}
35+
36+
.box {
37+
float: left;
38+
margin: 10px;
39+
padding: 10px;
40+
background-color: #f0f0f0;
41+
}
42+
43+
td.vertical {
44+
writing-mode: tb-rl;
45+
vertical-align: bottom;
46+
}
47+
48+
thead td {
49+
font-weight: bold;
50+
}
51+
52+
#mods td {
53+
text-align: center;
54+
padding: 5px;
55+
}
56+
57+
td.head {
58+
font-weight: bold;
59+
text-align: right;
60+
}
61+
62+
#mods td.red {
63+
color: #ff0000;
64+
}
65+
66+
#mods td.yellow {
67+
color: #ffff00;
68+
}
69+
70+
#mods td.green {
71+
color: #00ff00;
72+
}
73+
74+
#plafo table, #pole table, #plole table {
75+
border-collapse: collapse;
76+
}
77+
78+
#plafo td, #pole td, #plole td {
79+
text-align: left;
80+
padding: 5px;
81+
border:1px solid #808080;
82+
}
83+
84+
#plafo td.red, #pole td.red, #plole td.red {
85+
background-color: #ff8080;
86+
}
87+
88+
89+
#plafo td.yellow, #pole td.yellow {
90+
background-color: #ffff80;
91+
}
92+
93+
94+
#plafo td.green, #pole td.green, #plole td.green {
95+
background-color: #80ff80;
96+
}

‎frontend/details.html

+95
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>Stop details</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="leaflet.css" />
9+
<link rel="stylesheet" href="details.css" />
10+
<script src="leaflet.js"></script>
11+
<script src="leaflet_vectorgrid_bundled.js"></script>
12+
</head>
13+
14+
<body>
15+
<h1>Stop details</h1>
16+
<div id="map" class="box"></div>
17+
<div id="mods" class="box">
18+
<h2>Modalities</h2>
19+
<table>
20+
<thead id="mods_thead">
21+
<tr>
22+
<td>&nbsp;</td>
23+
<td class="vertical">bus</td>
24+
<td class="vertical">trolley bus</td>
25+
<td class="vertical">share taxi</td>
26+
<td class="vertical">tram</td>
27+
<td class="vertical">light rail</td>
28+
<td class="vertical">train</td>
29+
<td class="vertical">monorail</td>
30+
<td class="vertical">subway</td>
31+
<td class="vertical">funicular</td>
32+
<td class="vertical">ferry</td>
33+
<td class="vertical">aerialway</td>
34+
</tr>
35+
</thead>
36+
<tbody id="mods_tbody">
37+
</tbody>
38+
</table>
39+
</div>
40+
<div id="plafo" class="box">
41+
<h2>Stop positions for platform</h2>
42+
<table>
43+
<thead id="plafo_thead">
44+
<tr>
45+
<td>&nbsp;</td>
46+
<td>mods</td>
47+
<td>ref:IFOPT</td>
48+
<td>ref</td>
49+
<td>local_ref</td>
50+
<td>ref_name</td>
51+
<td>name</td>
52+
<td>score</td>
53+
</tr>
54+
</thead>
55+
<tbody id="plafo_tbody">
56+
</tbody>
57+
</table>
58+
</div>
59+
<div id="pole" class="box">
60+
<h2>Stop positions for pole</h2>
61+
<table>
62+
<thead id="pole_thead">
63+
<tr>
64+
<td>&nbsp;</td>
65+
<td>mods</td>
66+
<td>ref:IFOPT</td>
67+
<td>ref</td>
68+
<td>local_ref</td>
69+
<td>ref_name</td>
70+
<td>name</td>
71+
<td>score</td>
72+
</tr>
73+
</thead>
74+
<tbody id="pole_tbody">
75+
</tbody>
76+
</table>
77+
</div>
78+
<div id="plole" class="box">
79+
<h2>Stop positions for plole</h2>
80+
<table>
81+
<thead id="plole_thead">
82+
<tr>
83+
<td>&nbsp;</td>
84+
<td>score</td>
85+
<td>decision</td>
86+
</tr>
87+
</thead>
88+
<tbody id="plole_tbody">
89+
</tbody>
90+
</table>
91+
</div>
92+
<script src="details.js"></script>
93+
</body>
94+
95+
</html>

0 commit comments

Comments
 (0)