c887f1d7b2
Do this instead of using L.OSM.DataLayer. DataLayer makes an extra request just to get the bbox. Also it expects bbox to always exist, which is not true for some changesets.
81 lines
2.1 KiB
JavaScript
81 lines
2.1 KiB
JavaScript
OSM.Changeset = function (map) {
|
|
var page = {},
|
|
content = $("#sidebar_content");
|
|
|
|
page.pushstate = page.popstate = function (path) {
|
|
OSM.loadSidebarContent(path, function () {
|
|
page.load();
|
|
});
|
|
};
|
|
|
|
page.load = function () {
|
|
const changesetData = content.find("[data-changeset]").data("changeset");
|
|
changesetData.type = "changeset";
|
|
|
|
initialize();
|
|
map.addObject(changesetData, function (bounds) {
|
|
if (!window.location.hash && bounds.isValid()) {
|
|
OSM.router.withoutMoveListener(function () {
|
|
map.fitBounds(bounds);
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
function updateChangeset(method, url, include_data) {
|
|
var data;
|
|
|
|
content.find("#comment-error").prop("hidden", true);
|
|
content.find("button[data-method][data-url]").prop("disabled", true);
|
|
|
|
if (include_data) {
|
|
data = { text: content.find("textarea").val() };
|
|
} else {
|
|
data = {};
|
|
}
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: method,
|
|
oauth: true,
|
|
data: data,
|
|
success: function () {
|
|
OSM.loadSidebarContent(window.location.pathname, page.load);
|
|
},
|
|
error: function (xhr) {
|
|
content.find("button[data-method][data-url]").prop("disabled", false);
|
|
content.find("#comment-error")
|
|
.text(xhr.responseText)
|
|
.prop("hidden", false)
|
|
.get(0).scrollIntoView({ block: "nearest" });
|
|
}
|
|
});
|
|
}
|
|
|
|
function initialize() {
|
|
content.find("button[data-method][data-url]").on("click", function (e) {
|
|
e.preventDefault();
|
|
var data = $(e.target).data();
|
|
var include_data = e.target.name === "comment";
|
|
updateChangeset(data.method, data.url, include_data);
|
|
});
|
|
|
|
content.find("textarea").on("input", function (e) {
|
|
var form = e.target.form;
|
|
|
|
if ($(e.target).val() === "") {
|
|
$(form.comment).prop("disabled", true);
|
|
} else {
|
|
$(form.comment).prop("disabled", false);
|
|
}
|
|
});
|
|
|
|
content.find("textarea").val("").trigger("input");
|
|
}
|
|
|
|
page.unload = function () {
|
|
map.removeObject();
|
|
};
|
|
|
|
return page;
|
|
};
|