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

Presentation of directions

Browse source
This commit is contained in:
Richard Fairhurst 2014-01-21 20:42:31 +00:00
parent 99cf44ba2b
commit c6e8775dba
2 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -106,10 +106,18 @@ OSM.Routing=function(map,name,jqSearch) {
instText+=TURN_INSTRUCTIONS[instCodes[0]]; instText+=TURN_INSTRUCTIONS[instCodes[0]];
if (instCodes[1]) { instText+="exit "+instCodes[1]+" "; } if (instCodes[1]) { instText+="exit "+instCodes[1]+" "; }
if (instCodes[0]!=15) { instText+=step[1] ? "<b>"+step[1]+"</b>" : "(unnamed)"; } if (instCodes[0]!=15) { instText+=step[1] ? "<b>"+step[1]+"</b>" : "(unnamed)"; }
// Distance
var dist=step[2];
if (dist<5) { dist=""; }
else if (dist<200) { dist=Math.round(dist/10)*10+"m"; }
else if (dist<1500) { dist=Math.round(dist/100)*100+"m"; }
else if (dist<5000) { dist=Math.round(dist/100)/10+"km"; }
else { dist=Math.round(dist/1000)+"km"; }
// Add to table // Add to table
html+="<tr>"; html+="<tr>";
html+="<td class='direction i"+instCodes[0]+"'> "; html+="<td class='direction i"+instCodes[0]+"'> ";
html+="<td>"+instText; html+="<td class='instruction'>"+instText;
html+="<td class='distance'>"+dist;
} }
html+="</table>"; html+="</table>";
$('#sidebar_content').html(html); $('#sidebar_content').html(html);

14
app/assets/stylesheets/common.css.scss
View file

@ -996,7 +996,9 @@ header .search_form {
/* Rules for routing */ /* Rules for routing */
#sidebar_content>table { #sidebar_content>table {
margin: 20px 0px 10px 15px; padding: 5px 20px 10px 15px;
width: 100%;
border-collapse: separate;
} }
td.direction { td.direction {
@ -1008,6 +1010,16 @@ td.direction {
td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; } td.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; }
} }
td.instruction, td.distance {
padding-top: 0;
border-bottom: 1px solid #DDD;
}
td.distance {
color: #BBB;
text-align: right;
font-size: x-small;
}
/* Rules for entity history */ /* Rules for entity history */
#sidebar_content { #sidebar_content {