OSM.Note = function (map) {
var content = $("#sidebar_content"),
- page = {},
- halo, currentNote;
+ page = {};
var noteIcons = {
"new": L.icon({
})
};
- function updateNote(form, method, url) {
- $(form).find("input[type=submit]").prop("disabled", true);
-
- $.ajax({
- url: url,
- type: method,
- oauth: true,
- data: {text: $(form.text).val()},
- success: function () {
- OSM.loadSidebarContent(window.location.pathname, page.load);
- }
- });
- }
-
- page.pushstate = page.popstate = function (path) {
- OSM.loadSidebarContent(path, function() {
- initialize(function() {
- var data = $(".details").data(),
- latLng = L.latLng(data.coordinates.split(","));
+ page.pushstate = page.popstate = function (path, id) {
+ OSM.loadSidebarContent(path, function () {
+ initialize(path, id, function () {
+ var data = $(".details").data();
+ if (!data) return;
+ var latLng = L.latLng(data.coordinates.split(","));
if (!map.getBounds().contains(latLng)) moveToNote();
});
});
};
- page.load = function() {
- initialize(moveToNote);
+ page.load = function (path, id) {
+ initialize(path, id, moveToNote);
};
- function initialize(callback) {
+ function initialize(path, id, callback) {
content.find("input[type=submit]").on("click", function (e) {
e.preventDefault();
var data = $(e.target).data();
- updateNote(e.target.form, data.method, data.url);
+ var form = e.target.form;
+
+ $(form).find("input[type=submit]").prop("disabled", true);
+
+ $.ajax({
+ url: data.url,
+ type: data.method,
+ oauth: true,
+ data: { text: $(form.text).val() },
+ success: function () {
+ OSM.loadSidebarContent(path, function () {
+ initialize(path, id, moveToNote);
+ });
+ },
+ error: function (xhr) {
+ $(form).find("#comment-error")
+ .text(xhr.responseText)
+ .prop("hidden", false);
+ updateButtons(form);
+ }
+ });
});
content.find("textarea").on("input", function (e) {
- var form = e.target.form;
-
- if ($(e.target).val() === "") {
- $(form.close).val(I18n.t("javascripts.notes.show.resolve"));
- $(form.comment).prop("disabled", true);
- } else {
- $(form.close).val(I18n.t("javascripts.notes.show.comment_and_resolve"));
- $(form.comment).prop("disabled", false);
- }
+ updateButtons(e.target.form);
});
content.find("textarea").val("").trigger("input");
- var data = $(".details").data(),
- latLng = L.latLng(data.coordinates.split(","));
+ var data = $(".details").data();
- if (!map.hasLayer(halo)) {
- halo = L.circleMarker(latLng, {
- weight: 2.5,
- radius: 20,
- fillOpacity: 0.5,
- color: "#FF6200"
+ if (data) {
+ map.addObject({
+ type: "note",
+ id: parseInt(id, 10),
+ latLng: L.latLng(data.coordinates.split(",")),
+ icon: noteIcons[data.status]
});
- map.addLayer(halo);
}
- if (map.hasLayer(currentNote)) map.removeLayer(currentNote);
- currentNote = L.marker(latLng, {
- icon: noteIcons[data.status],
- opacity: 1,
- interactive: true
- });
-
- map.addLayer(currentNote);
-
if (callback) callback();
}
+ function updateButtons(form) {
+ $(form).find("input[type=submit]").prop("disabled", false);
+ if ($(form.text).val() === "") {
+ $(form.close).val($(form.close).data("defaultActionText"));
+ $(form.comment).prop("disabled", true);
+ } else {
+ $(form.close).val($(form.close).data("commentActionText"));
+ $(form.comment).prop("disabled", false);
+ }
+ }
+
function moveToNote() {
- var data = $(".details").data(),
- latLng = L.latLng(data.coordinates.split(","));
+ var data = $(".details").data();
+ if (!data) return;
+ var latLng = L.latLng(data.coordinates.split(","));
if (!window.location.hash || window.location.hash.match(/^#?c[0-9]+$/)) {
OSM.router.withoutMoveListener(function () {
- map.setView(latLng, 15, {reset: true});
+ map.setView(latLng, 15, { reset: true });
});
}
}
page.unload = function () {
- if (map.hasLayer(halo)) map.removeLayer(halo);
- if (map.hasLayer(currentNote)) map.removeLayer(currentNote);
+ map.removeObject();
};
return page;