X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/5e9ab5bc5edb63b7ab7719fa989a18f52e3637a2..393651e8bde09adb38e3d3d377f9b5f6627ea429:/app/assets/javascripts/index/notes.js.erb diff --git a/app/assets/javascripts/index/notes.js.erb b/app/assets/javascripts/index/notes.js.erb index 3a2a15393..012538e1d 100644 --- a/app/assets/javascripts/index/notes.js.erb +++ b/app/assets/javascripts/index/notes.js.erb @@ -50,7 +50,10 @@ function initializeNotes(map) { }); if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') { - if (params.notes || params.layers.indexOf('N') >= 0) map.addLayer(noteLayer); + if (params.notes || (params.layers && params.layers.indexOf('N')) >= 0) { + map.addLayer(noteLayer); + } + if (params.note) { $.ajax({ url: "/api/" + OSM.API_VERSION + "/notes/" + params.note + ".json", @@ -160,6 +163,8 @@ function initializeNotes(map) { return content[0]; } + var addNoteButton = $(".control-note .control-button"); + function createNote(marker, form, url) { var location = marker.getLatLng(); @@ -186,7 +191,7 @@ function initializeNotes(map) { notes[feature.properties.id] = updateMarker(marker, feature); newNote = null; - $("#createnoteanchor").removeClass("disabled").addClass("geolink"); + addNoteButton.removeClass("disabled").addClass("geolink"); } } @@ -215,12 +220,13 @@ function initializeNotes(map) { }); } - $(".leaflet-control-attribution").on("click", "#createnoteanchor", function (e) { + addNoteButton.on("click", function (e) { e.preventDefault(); + e.stopPropagation(); - if ($(e.target).hasClass("disabled")) return; + if (addNoteButton.hasClass("disabled")) return; - $(e.target).removeClass("geolink").addClass("disabled"); + addNoteButton.removeClass("geolink").addClass("disabled"); map.addLayer(noteLayer); @@ -241,25 +247,23 @@ function initializeNotes(map) { draggable: true }); - var popupContent = $(JST["templates/notes/new"]({ - create_url: $(e.target).attr("href") - })); + var popupContent = $(JST["templates/notes/new"]()); popupContent.find("textarea").on("input", disableWhenBlank); function disableWhenBlank(e) { - $(e.target.form).prop("disabled", $(e.target).val() === ""); + $(e.target.form.add).prop("disabled", $(e.target).val() === ""); } popupContent.find("input[type=submit]").on("click", function (e) { e.preventDefault(); - createNote(newNote, e.target.form, $(e.target).data("url")); + createNote(newNote, e.target.form, '/api/0.6/notes.json'); }); newNote.addTo(noteLayer).bindPopup(popupContent[0], popupOptions()).openPopup(); newNote.on("remove", function (e) { - $("#createnoteanchor").removeClass("disabled").addClass("geolink"); + addNoteButton.removeClass("disabled").addClass("geolink"); }).on("dragstart", function (e) { $(newNote).stopTime("removenote"); }).on("dragend", function (e) {