X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/7b9272ffa64c33b2b58f4019bdeffa855d280d10..ce667bbbb16a562bc870e76955e3cd5dd8a77bac:/public/javascripts/site.js diff --git a/public/javascripts/site.js b/public/javascripts/site.js index b610f3728..ae38ecb6a 100644 --- a/public/javascripts/site.js +++ b/public/javascripts/site.js @@ -1,21 +1,45 @@ -function updatelinks(lon,lat,zoom) { - var links = new Array(); - 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. +//Maniplate 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); } @@ -26,13 +50,38 @@ function updatelinks(lon,lat,zoom) { 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) { @@ -69,3 +118,17 @@ function setArgs(url, args) { return url.replace(/\?.*$/, "") + "?" + queryitems.join("&"); } + +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; +}