X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e0013130c2ada6b534307c6a9a3658544ca2347b..d8d3d21a2c072b9bd7238d918445d6a4d0894fff:/public/javascripts/site.js?ds=inline diff --git a/public/javascripts/site.js b/public/javascripts/site.js index 781940fa6..e0c18a27b 100644 --- a/public/javascripts/site.js +++ b/public/javascripts/site.js @@ -1,38 +1,89 @@ -function updatelinks(lon,lat,zoom) { - var links = new Object(); - links['viewanchor'] = '/index.html'; - //links['editanchor'] = 'edit.html'; - links['uploadanchor'] = '/traces'; - links['loginanchor'] = '/login.html'; - links['logoutanchor'] = '/logout.html'; - links['registeranchor'] = '/create-account.html'; - +/* + * Called as the user scrolls/zooms around to aniplate hrefs of the + * view tab and various other links + */ +function updatelinks(lon,lat,zoom,layers,minlon,minlat,maxlon,maxlat) { + var decimals = Math.pow(10, Math.floor(zoom/3)); var node; - var anchor; - for (anchor in links) { - node = document.getElementById(anchor); - if (! node) { continue; } + + lat = Math.round(lat * decimals) / decimals; + lon = Math.round(lon * decimals) / decimals; + + node = document.getElementById("permalinkanchor"); + if (node) { + var args = getArgs(node.href); + args["lat"] = lat; + args["lon"] = lon; + args["zoom"] = zoom; + if (layers) { + args["layers"] = layers; + } + node.href = setArgs(node.href, args); + } + + node = document.getElementById("viewanchor"); + if (node) { + var args = getArgs(node.href); + args["lat"] = lat; + args["lon"] = lon; + args["zoom"] = zoom; + if (layers) { + args["layers"] = layers; + } + node.href = setArgs(node.href, args); + } + + node = document.getElementById("exportanchor"); + if (node) { var args = getArgs(node.href); args["lat"] = lat; args["lon"] = lon; args["zoom"] = zoom; + if (layers) { + args["layers"] = layers; + } node.href = setArgs(node.href, args); } node = document.getElementById("editanchor"); if (node) { - if (zoom >= 11) { + if (zoom >= 13) { var args = new Object(); args.lat = lat; args.lon = lon; args.zoom = zoom; - node.href = setArgs("/edit.html", args); + node.href = setArgs("/edit", args); node.style.fontStyle = 'normal'; } else { node.href = 'javascript:alert("zoom in to edit map");'; node.style.fontStyle = 'italic'; } } + + node = document.getElementById("historyanchor"); + if (node) { + if (zoom >= 11) { + var args = new Object(); + //set bbox param from 'extents' object + if (typeof minlon == "number" && + typeof minlat == "number" && + typeof maxlon == "number" && + typeof maxlat == "number") { + + minlon = Math.round(minlon * decimals) / decimals; + minlat = Math.round(minlat * decimals) / decimals; + maxlon = Math.round(maxlon * decimals) / decimals; + maxlat = Math.round(maxlat * decimals) / decimals; + args.bbox = minlon + "," + minlat + "," + maxlon + "," + maxlat; + } + + node.href = setArgs("/history", args); + node.style.fontStyle = 'normal'; + } else { + node.href = 'javascript:alert("zoom in to see editing history");'; + node.style.fontStyle = 'italic'; + } + } } function getArgs(url) { @@ -55,6 +106,9 @@ function getArgs(url) { return args; } +/* + * Called to set the arguments on a URL from the given hash. + */ function setArgs(url, args) { var queryitems = new Array(); @@ -69,3 +123,38 @@ function setArgs(url, args) { return url.replace(/\?.*$/, "") + "?" + queryitems.join("&"); } + +/* + * Called to get the arguments from a URL as a hash. + */ +function getStyle(el, property) { + var style; + + if (el.currentStyle) { + style = el.currentStyle[property]; + } else if( window.getComputedStyle ) { + style = document.defaultView.getComputedStyle(el,null).getPropertyValue(property); + } else { + style = el.style[property]; + } + + return style; +} + +/* + * Called to interpolate JavaScript variables in strings using a + * similar syntax to rails I18n string interpolation - the only + * difference is that [[foo]] is the placeholder syntax instead + * of {{foo}} which allows the same string to be processed by both + * rails and then later by javascript. + */ +function i18n(string, keys) { + for (var key in keys) { + var re_key = '\\[\\[' + key + '\\]\\]'; + var re = new RegExp(re_key, "g"); + + string = string.replace(re, keys[key]); + } + + return string; +}