+//= require jquery.simulate
+
OSM.History = function(map) {
var page = {};
.on("mouseout", "[data-changeset]", function () {
unHighlightChangeset($(this).data("changeset").id);
})
- .on("click", "[data-changeset]", function () {
- clickChangeset($(this).data("changeset").id);
+ .on("mousedown", "[data-changeset]", function () {
+ var moved = false;
+ $(this).one("click", function (e) {
+ if (!moved && !$(e.target).is('a')) {
+ clickChangeset($(this).data("changeset").id, e);
+ }
+ }).one("mousemove", function () {
+ moved = true;
+ });
});
var group = L.featureGroup()
unHighlightChangeset(e.layer.id);
})
.on("click", function (e) {
- clickChangeset(e.layer.id);
+ clickChangeset(e.layer.id, e);
});
group.getLayerId = function(layer) {
$("#changeset_" + id).removeClass("selected");
}
- function clickChangeset(id) {
- OSM.route($("#changeset_" + id).find(".changeset_id").attr("href"));
+ function clickChangeset(id, e) {
+ $("#changeset_" + id).find("a.changeset_id").simulate("click", e);
}
- function loadData() {
+ function update() {
+ var data = {list: '1'};
+
+ if (window.location.pathname === '/history') {
+ data.bbox = map.getBounds().wrap().toBBoxString();
+ }
+
$.ajax({
url: window.location.pathname,
method: "GET",
- data: {bbox: map.getBounds().toBBoxString()},
- success: function(html, status, xhr) {
+ data: data,
+ success: function(html) {
$('#sidebar_content .changesets').html(html);
updateMap();
}
});
+
+ var feedLink = $('link[type="application/atom+xml"]'),
+ feedHref = feedLink.attr('href').split('?')[0];
+
+ feedLink.attr('href', feedHref + '?bbox=' + data.bbox);
}
function loadMore(e) {
for (var i = 0; i < changesets.length; ++i) {
var changeset = changesets[i],
rect = L.rectangle(changeset.bounds,
- {weight: 1, color: "#FF9500", opacity: 1, fillColor: "#FFFFBF", fillOpacity: 0});
+ {weight: 2, color: "#FF9500", opacity: 1, fillColor: "#FFFFBF", fillOpacity: 0});
rect.id = changeset.id;
rect.addTo(group);
}
+
+ if (window.location.pathname !== '/history') {
+ var bounds = group.getBounds();
+ if (bounds.isValid()) map.fitBounds(bounds);
+ }
}
page.pushstate = page.popstate = function(path) {
};
page.load = function() {
- map
- .on("moveend", loadData)
- .addLayer(group);
+ map.addLayer(group);
- loadData();
+ if (window.location.pathname === '/history') {
+ map.on("moveend", update);
+ }
+
+ update();
};
page.unload = function() {
- map
- .off("moveend", loadData)
- .removeLayer(group);
+ map.removeLayer(group);
+ map.off("moveend", update);
- group.clearLayers();
$("#history_tab").removeClass("current");
};