-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (66 loc) · 3.06 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<html>
<head>
<meta charset="utf-8" />
<title>Isochrone client</title>
<link
href='http://fonts.googleapis.com/css?family=Roboto:400,300,700|Roboto+Condensed:400,700,300'
rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://leafletjs.com/dist/leaflet.css" />
<script src="http://leafletjs.com/dist/leaflet.js"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css"
type="text/css" media="all" />
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/client.css" />
</head>
<body>
<div id="toolbox">
<p class="address-selector">
<label class="address"><span>Adresse:</span> <input
type="text" id="address" name="address" disabled="disabled" value="Montpellier"/></label>
<span class="smalltip">Déplacez le curseur bleu à la souris</span>
</p>
<p class="mode-selector">
<label class="mode-transit"><input type="radio" name="mode"
value="WALK,TRANSIT" checked="checked" /> <span>Bus/tram</span></label> <label class="mode-bicycle"><input type="radio"
name="mode" value="BICYCLE" /> <span>Vélo</span></label> <label
class="mode-walk"><input type="radio" name="mode"
value="WALK" /> <span>Marche</span></label>
</p>
<p class="poi-selector">
<label class="poi-culture"><input type="checkbox"
name="CULTURE" checked="checked" /> <span>Tourisme</span></label> <label class="poi-hotel"><input type="checkbox"
name="HOTEL" checked="checked" /> <span>Hôtels</span></label> <label
class="poi-camping"><input type="checkbox" name="CAMPING" />
<span>Campings</span></label> <label class="poi-restaurant"><input
type="checkbox" name="RESTAURANT" /> <span>Restaurants</span></label>
</p>
<ul class="poi-list" id="poiList"></ul>
<p id="loading" class="loading">Chargement en cours...</p>
<p id="noResults" class="no-results" style="display: none;">Aucun
point d'intérêt n'a été trouvé.</p>
</div>
<div id="map"></div>
<div id="legend">
<p>TODO - Légende, info...</p>
<p class="show-hover">Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Mauris condimentum sed magna vitae viverra.
Curabitur mollis mauris ac nibh posuere, in euismod ex vestibulum.
Aenean diam elit, commodo quis ligula nec, congue auctor enim. Ut
vitae rutrum leo.</p>
</div>
<script type="text/javascript" src="otpa/js/otpa.js"></script>
<script type="text/javascript" src="otpa/js/Isochrone.js"></script>
<script type="text/javascript" src="otpa/js/TimeGrid.js"></script>
<script type="text/javascript" src="js/Pois.js"></script>
<script type="text/javascript" src="js/Geocoding.js"></script>
<script type="text/javascript" src="js/Gui.js"></script>
<script type="text/javascript" src="js/client.js"></script>
</body>
</html>