X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/ec34d220397567b89c984c477726d74d085663e5..2d7e0a397a1b2dbed74f40439c1305b1b48a063e:/app/assets/javascripts/index/note.js diff --git a/app/assets/javascripts/index/note.js b/app/assets/javascripts/index/note.js index 8188b8aee..24d24f8ae 100644 --- a/app/assets/javascripts/index/note.js +++ b/app/assets/javascripts/index/note.js @@ -22,25 +22,27 @@ OSM.Note = function (map) { page.pushstate = page.popstate = function (path, id) { OSM.loadSidebarContent(path, function () { - initialize(path, id, function () { - var data = $(".details").data(), - latLng = L.latLng(data.coordinates.split(",")); - if (!map.getBounds().contains(latLng)) moveToNote(); - }); + initialize(path, id); + + var data = $(".details").data(); + if (!data) return; + var latLng = L.latLng(data.coordinates.split(",")); + if (!map.getBounds().contains(latLng)) moveToNote(); }); }; page.load = function (path, id) { - initialize(path, id, moveToNote); + initialize(path, id); + moveToNote(); }; - function initialize(path, id, callback) { - content.find("input[type=submit]").on("click", function (e) { + function initialize(path, id) { + content.find("button[type=submit]").on("click", function (e) { e.preventDefault(); var data = $(e.target).data(); var form = e.target.form; - $(form).find("input[type=submit]").prop("disabled", true); + $(form).find("button[type=submit]").prop("disabled", true); $.ajax({ url: data.url, @@ -49,41 +51,52 @@ OSM.Note = function (map) { data: { text: $(form.text).val() }, success: function () { OSM.loadSidebarContent(path, function () { - initialize(path, id, moveToNote); + 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(); - map.addObject({ - type: "note", - id: parseInt(id, 10), - latLng: L.latLng(data.coordinates.split(",")), - icon: noteIcons[data.status] - }); + if (data) { + map.addObject({ + type: "note", + id: parseInt(id, 10), + latLng: L.latLng(data.coordinates.split(",")), + icon: noteIcons[data.status] + }); + } + } - if (callback) callback(); + function updateButtons(form) { + $(form).find("button[type=submit]").prop("disabled", false); + if ($(form.text).val() === "") { + $(form.close).text($(form.close).data("defaultActionText")); + $(form.comment).prop("disabled", true); + } else { + $(form.close).text($(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 () {