X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/3cd04f7db4917879c582625e584f2f939652cdb1..710a606c98819953bdeef288a465f9e0202036c8:/public/javascripts/site.js?ds=sidebyside diff --git a/public/javascripts/site.js b/public/javascripts/site.js index 6fb68e65a..e0c18a27b 100644 --- a/public/javascripts/site.js +++ b/public/javascripts/site.js @@ -1,4 +1,8 @@ -function updatelinks(lon,lat,zoom,layers) { +/* + * 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; @@ -29,20 +33,57 @@ function updatelinks(lon,lat,zoom,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) { @@ -65,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(); @@ -80,6 +124,9 @@ 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; @@ -93,3 +140,21 @@ function getStyle(el, 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; +}