forked from tdurand/mapafortaleza
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.new.html
264 lines (241 loc) · 14 KB
/
index.new.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mapa de Ônibus de Fortaleza</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mapa interativo das linhas de onibus de Fortaleza. Permite a visualização e busca de rotas com um sistema de perquisa de itinerario.">
<meta name="author" content="Thibault Durand">
<!-- Le Facebook Tags -->
<meta property="og:title" content="Mapa de Ônibus de Fortaleza">
<meta property="og:description" content="Mapa interativo das linhas de onibus de Fortaleza. Permite a visualização e busca de rotas com um sistema de perquisa de itinerario.">
<meta property="og:image" content="img/icon-facebook.png">
<!-- Le styles -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/chosen.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="images/icon-original.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/icon-original.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/icon-original.png">
</head>
<body>
<div class="navbar fixed-top navbar-expand-md">
<div class="navbar-inner">
<div class="container"> <a class="btn btn-navbar btn-secondary" data-toggle="collapse" data-target=".nav-collapse">
☰
</a>
<a class="navbar-brand" href="">Mapa de Ônibus de Fortaleza</a>
<div class="nav-collapse">
<a href="" class="nav-link">Mapa</a>
<a href="#about" class="nav-link">Sobre o Aplicativo</a>
<div class="ml-auto"> <a href="https://twitter.com/mapafortaleza" class="twitter-follow-button"
data-show-count="true" data-lang="en">Siga @mapafortaleza</a>
<div class="fb-like"
data-href="https://www.facebook.com/mapafortaleza" data-send="true" data-layout="button_count"
data-width="200" data-show-faces="false" data-font="lucida grande"></div>
</div>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<div id="main" class="container page">
<div class="row">
<div class="col-md-2 col-xl-2" style="color:white;">-</div>
<div class="col-md-5 col-xl-5">
<div id="linelistselect">
<h4>Escolha uma linha :</h4>
<p>
<select data-placeholder="Escolhe uma linha" class="chzn-select">
<option value="">Carregando...</option>
</select>
</p>
</div>
</div>
<div class="col-md-4 col-xl-4">
<div id="addressSearchForm">
<h4>Digite um destino :</h4>
<form id="searchAddress" class="form-inline">
<input type="text" id="address">
<input class="btn btn-primary" type="submit" value="Buscar">
</form>
</div>
</div>
<div class="col-md-1 col-xl-1">
<div class="loading"></div>
</div>
</div>
<div class="map-hack row">
<div class="map-hack col-md-12 col-xl-12">
<div class="map-hack row">
<div class="sidebar col-md-2 col-xl-2">
<h4>Itinerario:</h4>
<p>
<button class="btn btn-primary btn-large addmarker"> <i class="icon-map-marker icon-white">
</i>
Adicionar ponto</button>
</p>
<p>
<button class="btn btn-primary btn-large addmylocal"> <i class="icon-map-marker icon-white">
</i>
Minha localização</button>
</p>
<div id="listmarkers"></div>
<div id="linelistsidebar" class="lineListSidebar">
<h4>Linhas:</h4>
</div>
</div>
<div class="content col-md-10 col-xl-10">
<div class="nolinesfound alert alert-error hidden"> <strong>Nenhuma linha correspondente !</strong> Tenta mover os pontos para
tentar encontrar uma rota.</div>
<div class="maintenance alert alert-heading hidden"> <strong>Manutenção</strong> Atualizando os dados, por favor,
aguarde alguns minutos...</div>
<div class="noaddressfound alert alert-error hidden"> <strong>Endereço não encontrado!</strong> Verifique se ele foi
digitado corretamente.</div>
<div id="map_canvas" class="map"></div>
</div>
</div>
</div>
</div>
<!-- Hack : Fix issue of chrome on OSX : http://code.google.com/p/chromium/issues/detail?id=113358
-->
<img src="https://maps.gstatic.com/mapfiles/openhand_8_8.cur" style="display:none">
<!-- //End hack -->
</div>
<!-- /container -->
<div id="about" class="container-fluid page">
<div class="row">
<div class="col-md-2 col-xl-2" style="color:white;">-</div>
<div class="col-md-8 col-xl-8">
<div class="card bg-light card-body mb-3">
<h4>Sobre o aplicativo</h4>
<ul>
<li>Os dados são da <a href="http://www.fortaleza.ce.gov.br/etufor/index.php?option=com_content&task=view&id=278">etufor</a>
</li>
<li><em>Os dados não são atualizados automaticamente.</em>
</li>
<li>Fontes do aplicativo no <a href="https://github.com/tdurand/mapafortaleza/">Github</a>
</li>
<li>Para contribuir, voce pode mandar uma <strong>pull request</strong> pelo
github, tem uma lista das ideas de melhoração <a href="https://github.com/tdurand/mapafortaleza/issues?sort=created&direction=desc&state=open&page=1&milestone=1">aqui</a>.
(Pode tambem <a href="https://github.com/tdurand/mapafortaleza/issues/new">sugerar novas ideas</a>)</li>
</ul>
<h4>Contribuidores</h4>
<ul>
<li><a href="https://github.com/mariovalney">Mário Valney</a> (<a href="https://twitter.com/#!/mariovalney">@mariovalney</a>):
Adicione um ponto desde a posição geográfica do usuário</li>
<li><a href="https://github.com/regismesquita">Regis David Souza Mesquita</a> (
<a
href="https://twitter.com/#!/regismesquita">@regismesquita</a>): Primeira versão do sistema de filtragem pela
posição</li>
<li><a href="https://github.com/tdurand">Thibault Durand</a> (<a href="https://twitter.com/#!/tibbb">@tibbb</a>):
Criador da aplicação</li>
</ul>
<h4>Siga as atualizações</h4>
<ul>
<li><a href="https://twitter.com/mapafortaleza" class="twitter-follow-button"
data-show-count="true" data-lang="en">Siga @mapafortaleza</a>
</li>
<li>
<div class="fb-like" data-href="https://www.facebook.com/mapafortaleza"
data-send="true" data-layout="button_count" data-width="200" data-show-faces="false"
data-font="lucida grande"></div>
</li>
</ul>
</div>
<div class="alert alert-info">
<p>Pode <strong>deixar messagem</strong>, <strong>fazer sugestão</strong> de
funcionalidade ou reportar bugs aqui ou no <a href="http://twitter.com/mapafortaleza">twitter</a>
</p>
</div>
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
</div>
<div class="col-md-2 col-xl-2"></div>
</div>
</div>
<!-- Le javascript==================================================-
->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCEJGYR_GYh5qLaG0uvlZ12nxyGcfpgtik&libraries=geometry,drawing"></script>
<script type="text/javascript" src="libs/icanhaz.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="libs/underscore-min.js" charset="utf-8"></script>
<script type="text/javascript" src="libs/backbone-min.js" charset="utf-8" ></script>
<script type="text/javascript" src="libs/chosen.jquery.min.js"></script>
<script type="text/javascript" src="libs/bootstrap.js"></script>
<script type="text/javascript" src="libs/overthrow.js"></script>
<script type="text/javascript" src="js/distancewidget.js"></script>
<script type="text/javascript" src="js/arrows.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script id="lineListSelect" type="text/html">
<h4>Escolhe uma linha ({{_totalLines}}):</h4>
<p><select data-placeholder="Escolhe uma linha" class="chzn-select">
{{#rows}}
<option value="{{num}}">{{label}}</option>
{{/rows}}
</select></p>
</script>
<script id="lineListSidebar" type="text/html">
<h4>Linhas ({{_totalLines}}): </h4>
<div class="lineListSidebarContent">
<table class="table table-striped table-bordered table-condensed listlines">
{{#rows}}
<tr>
<td data-num="{{num}}">{{label}}</td>
</tr>
{{/rows}}
</table>
</div>
</script>
<script id="markerList" type="text/html">
<ul class="listmarkers">
{{#models}}
<li><div class="btn-group">
<a class="btn" href="#">{{name}}</a>
<!-- TODO Refactoring -->
<a class="btn btn-remove-marker" href="#" data-index="{{index}}" onClick="app.main.map._map._fitBounds=true;app.main.map._markerList.removeByIndex({{index}});"><i class="icon-remove"></i></a>
</div></li>
{{/models}}
</ul>
</script>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-26151767-1', 'auto');
ga('send', 'pageview');
$(document).ready(function() {
// Handler for .ready() called.
ich.grabTemplates();
});
</script>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'mapafortaleza'; // required: replace example with your forum shortname
//var disqus_developer = 1;
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=488940817813399";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>