cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add spinner while awaiting route

Browse source
This commit is contained in:
Richard Fairhurst 2014-03-08 11:14:48 +00:00
parent bf895a0332
commit 902f1b0887
3 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/searching-small.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

8
app/assets/javascripts/routing.js.erb
View file

@ -9,8 +9,6 @@
*** translation (including all alerts and presentation)
*** export GPX
*** URL history (or do we consciously not want to support that?)
*** spinner when waiting for result (beneath 'Go' button?)
*** add YOURS engine
*/
@ -161,6 +159,7 @@ OSM.Routing=function(map,name,jqSearch) {
r.requestRoute=function(isFinal, updateZoom) {
if (r.route_from && r.route_to) {
$(".query_wrapper.routing .spinner").show();
r.awaitingRoute=true;
r.chosenEngine.getRoute(isFinal,[r.route_from,r.route_to]);
if(updateZoom){
@ -247,7 +246,10 @@ OSM.Routing=function(map,name,jqSearch) {
script.src = url+r.name+".gotRoute"+num;
document.body.appendChild(script);
};
r['gotRoute'+num]=function(data) { r.awaitingRoute=false; list[num].gotRoute(r,data); };
r['gotRoute'+num]=function(data) {
r.awaitingRoute=false; list[num].gotRoute(r,data);
$(".query_wrapper.routing .spinner").hide();
};
}
select.append("<option value='"+i+"'>"+I18n.t(list[i].name)+"</option>");
}

1
app/views/layouts/_search.html.erb
View file

@ -20,6 +20,7 @@
<%= image_tag "marker-red.png" , :class => 'routing_marker', :id => 'marker_to' , :draggable => 'true' %>
<%= text_field_tag "route_to" , params[:to] , :placeholder => t('site.search.to') , :onchange=>"OSM.routing.geocode('route_to' ,event)" %>
<select class='routing_engines' name='routing_engines' onchange="OSM.routing.selectEngine(event)"></select>
<%= image_tag "searching-small.gif", :class => 'spinner', :style => "vertical-align: middle; display: none;" %>
</div>
<% end %>