Open-Harbor/osrm-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

added clear debug log button,

Browse Source 
removed showing of links in gpx, route requests,
checked html with validator
This commit is contained in:
DennisSchiefer 2012-03-13 20:51:44 +01:00
parent 41bcafc3a1
commit afbd3347da
4 changed files with 57 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
WebContent/OSRM.debug.js
View File

@ -17,13 +17,20 @@ OSRM.debug.init = function() {
box.className = "gui-box"; box.className = "gui-box";
box.style.cssText = "width:390px;top:0px;bottom:0px;"; box.style.cssText = "width:390px;top:0px;bottom:0px;";
var clear = document.createElement('a');
clear.id = "OSRM.debug-clear";
clear.className = "button not-selectable";
clear.innerHTML = "clear";
clear.onclick = OSRM.debug.clear;
OSRM.debug.content= document.createElement('div'); OSRM.debug.content= document.createElement('div');
OSRM.debug.content.id = "OSRM.debug-content"; OSRM.debug.content.id = "OSRM.debug-content";
OSRM.debug.content.style.cssText = "position:absolute;bottom:0px;top:0px;width:380px;font-size:11px;overflow:auto;margin:5px;"; OSRM.debug.content.style.cssText = "position:absolute;bottom:0px;top:20px;width:380px;font-size:11px;overflow:auto;margin:5px;";
// add elements // add elements
document.body.appendChild(wrapper); document.body.appendChild(wrapper);
wrapper.appendChild(box); wrapper.appendChild(box);
box.appendChild(clear);
box.appendChild(OSRM.debug.content); box.appendChild(OSRM.debug.content);
}; };
if(document.addEventListener) // FF, CH if(document.addEventListener) // FF, CH

43
WebContent/main.css
View File

@ -89,7 +89,7 @@ html, body, #map {
padding:0px; padding:0px;
} }
#main-toggle .main-toggle
{ {
cursor:pointer; cursor:pointer;
position:absolute; position:absolute;
@ -110,11 +110,11 @@ html, body, #map {
.main-options .main-options
{ {
cursor:pointer;
font-size:10px; font-size:10px;
} }
#options-toggle #options-toggle
{ {
cursor:pointer;
color:#0000ff color:#0000ff
} }
#options-toggle:hover #options-toggle:hover
@ -175,6 +175,7 @@ html, body, #map {
{ {
color:#0000ff; color:#0000ff;
text-decoration:none; text-decoration:none;
cursor:pointer;
} }
#gpx-link:hover #gpx-link:hover
{ {
@ -240,6 +241,25 @@ html, body, #map {
font-size:10px; font-size:10px;
} }
/* generally useful styles (above buttons, so that they get their special cursor!)*/
.not-selectable
{
cursor:default;
-moz-user-select: -moz-none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.text-selectable
{
cursor:default;
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}
/* buttons */ /* buttons */
.button .button
{ {
@ -264,22 +284,3 @@ html, body, #map {
background-color:#F4F4F4; background-color:#F4F4F4;
color:#FF0000; color:#FF0000;
} }
/* generally useful styles */
.not-selectable
{
cursor:default;
-moz-user-select: -moz-none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.text-selectable
{
cursor:default;
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
user-select: text;
}

48
WebContent/main.html
View File

@ -2,7 +2,7 @@
<html> <html>
<!--- head ---> <!-- head -->
<head> <head>
<!-- metatags --> <!-- metatags -->
@ -12,37 +12,37 @@
<meta name="author" content="Dennis Schieferdecker" /> <meta name="author" content="Dennis Schieferdecker" />
<!-- stylesheets --> <!-- stylesheets -->
<link rel="stylesheet" href="leaflet/leaflet.css" /> <link rel="stylesheet" href="leaflet/leaflet.css" type="text/css"/>
<link rel="stylesheet" href="main.css" /> <link rel="stylesheet" href="main.css" type="text/css"/>
<!-- scripts --> <!-- scripts -->
<script src="leaflet/leaflet-src.js"></script> <script src="leaflet/leaflet-src.js" type="text/javascript"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" /><![endif]--> <!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" type="text/css"/><![endif]-->
<script src="L.DashedPolyline.js"></script> <script src="L.DashedPolyline.js" type="text/javascript"></script>
<script src="L.MouseMarker.js"></script> <script src="L.MouseMarker.js" type="text/javascript"></script>
<script src="OSRM.base.js"></script> <script src="OSRM.base.js" type="text/javascript"></script>
<script src="OSRM.config.js"></script> <script src="OSRM.config.js" type="text/javascript"></script>
<script defer="defer" src="OSRM.debug.js"></script> <script defer="defer" src="OSRM.debug.js" type="text/javascript"></script>
<script src="OSRM.Browser.js"></script> <script src="OSRM.Browser.js" type="text/javascript"></script>
<script src="OSRM.GUI.js"></script> <script src="OSRM.GUI.js" type="text/javascript"></script>
<script src="OSRM.JSONP.js"></script> <script src="OSRM.JSONP.js" type="text/javascript"></script>
<script src="OSRM.Markers.js"></script> <script src="OSRM.Markers.js" type="text/javascript"></script>
<script src="OSRM.Route.js"></script> <script src="OSRM.Route.js" type="text/javascript"></script>
<script src="OSRM.Localization.js"></script> <script src="OSRM.Localization.js" type="text/javascript"></script>
<script src="main.js"></script> <script src="main.js" type="text/javascript"></script>
<script src="routing.js"></script> <script src="routing.js" type="text/javascript"></script>
<script src="geocoder.js"></script> <script src="geocoder.js" type="text/javascript"></script>
<script src="via.js"></script> <script src="via.js" type="text/javascript"></script>
<script src="utils.js"></script> <script src="utils.js" type="text/javascript"></script>
</head> </head>
<!--- body ---> <!-- body -->
<body onload="init();"> <body onload="init();">
<!--map--> <!--map-->
@ -51,7 +51,7 @@
<!-- show ui blob --> <!-- show ui blob -->
<div id="blob-wrapper" class="gui-wrapper"> <div id="blob-wrapper" class="gui-wrapper">
<div id="blob-input" class="gui-box"> <div id="blob-input" class="gui-box">
<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div> <div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
</div> </div>
</div> </div>
@ -60,7 +60,7 @@
<!-- input box --> <!-- input box -->
<div class="gui-box not-selectable" id="main-input"> <div class="gui-box not-selectable" id="main-input">
<div id="main-toggle" onclick="OSRM.GUI.toggleMain()"></div> <div class="main-toggle" onclick="OSRM.GUI.toggleMain()"></div>
<img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" /> <img id="osrm-logo" alt="OSRM Logo" src="images/osrm-logo.png" />
<!-- source/target input --> <!-- source/target input -->

4
WebContent/routing.js
View File

@ -130,11 +130,11 @@ function showRouteDescription(response) {
query_string += '&loc=' + my_markers.route[i].getLat() + ',' + my_markers.route[i].getLng(); query_string += '&loc=' + my_markers.route[i].getLat() + ',' + my_markers.route[i].getLng();
// create link to the route // create link to the route
var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" href="#" onclick="onClickCreateShortcut(\'' + OSRM.DEFAULTS.WEBSITE_URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>'; var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" onclick="onClickCreateShortcut(\'' + OSRM.DEFAULTS.WEBSITE_URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>';
//var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" href="#" onclick="onClickCreateShortcut(\'' + document.URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>'; //var route_link ='<span class="route-summary" id="route-link">[<a id="gpx-link" href="#" onclick="onClickCreateShortcut(\'' + document.URL + query_string + '\')">'+OSRM.loc("GET_LINK")+'</a>]</span>';
// create GPX link // create GPX link
var gpx_link = '<span class="route-summary">[<a id="gpx-link" href="' + OSRM.DEFAULTS.HOST_ROUTING_URL + query_string + '&output=gpx">'+OSRM.loc("GPX_FILE")+'</a>]</span>'; var gpx_link = '<span class="route-summary">[<a id="gpx-link" onClick="javascript: document.location.href=\'' + OSRM.DEFAULTS.HOST_ROUTING_URL + query_string + '&output=gpx\';">'+OSRM.loc("GPX_FILE")+'</a>]</span>';
// create route description // create route description
var route_desc = ""; var route_desc = "";