X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/ff52509d5a75c7f218a8d6d6d82bb25897b3dae9..b3c5010e143fb2e9491ddb34f36f59a698da7fea:/app/assets/javascripts/leaflet.note.js diff --git a/app/assets/javascripts/leaflet.note.js b/app/assets/javascripts/leaflet.note.js index 43717f2c1..5f8010967 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 = 'leaflet-control-locate', - classNames = className + ' leaflet-control-zoom leaflet-bar leaflet-control', - container = L.DomUtil.create('div', classNames); + control.onAdd = function (map) { + var $container = $("
") + .attr("class", "control-note"); - var link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', container); - 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-bs-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; };