X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/b9a19ab23a8dc63bc7c7f867e2ece6924319f0f2..bf9dd8f350ca1b54afb79dda79506d980ccb5738:/app/assets/javascripts/leaflet.note.js diff --git a/app/assets/javascripts/leaflet.note.js b/app/assets/javascripts/leaflet.note.js index 24f18f7ab..86c455499 100644 --- a/app/assets/javascripts/leaflet.note.js +++ b/app/assets/javascripts/leaflet.note.js @@ -1,39 +1,31 @@ -L.Control.Note = L.Control.extend({ - options: { - position: 'topright', - title: 'Notes', - }, +L.OSM.note = function (options) { + var control = L.control(options); - onAdd: function (map) { - var className = 'control-note', - container = L.DomUtil.create('div', className); + control.onAdd = function (map) { + var $container = $("
") + .attr("class", "control-note"); - var link = L.DomUtil.create('a', 'control-button', container); - link.innerHTML = ""; - link.href = '#'; - link.title = this.options.title; + var link = $("") + .attr("class", "control-button") + .attr("href", "#") + .html("") + .appendTo($container); - L.DomEvent - .on(link, 'click', L.DomEvent.stopPropagation) - .on(link, 'click', L.DomEvent.preventDefault) - .on(link, 'click', this._toggle, this) - .on(link, 'dblclick', L.DomEvent.stopPropagation); + map.on("zoomend", update); - this.map = map; + function update() { + var disabled = OSM.STATUS === "database_offline" || map.getZoom() < 12; + link + .toggleClass("disabled", disabled) + .attr("data-original-title", I18n.t(disabled ? + "javascripts.site.createnote_disabled_tooltip" : + "javascripts.site.createnote_tooltip")); + } - return container; - }, + update(); - // TODO: this relies on notesLayer on the map - _toggle: function() { - if (this.map.hasLayer(this.map.noteLayer)) { - this.map.removeLayer(this.map.noteLayer); - } else { - this.map.addLayer(this.map.noteLayer); - } - } -}); + return $container[0]; + }; -L.control.note = function(options) { - return new L.Control.Note(options); + return control; };