X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/33897d30b32b1323d8d4a3053b2a8a13cea5e5d5..b8767a760d6a3c8106069b4c4f18f4f35e3eed14:/app/assets/javascripts/leaflet.share.js diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index d43f99b1d..b808bc435 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -1,60 +1,75 @@ -L.Control.Share = L.Control.extend({ - options: { - position: 'topright', - title: 'Share', - url: function(map) { - return ''; - } - }, - - onAdd: function (map) { - var className = 'control-share', - container = L.DomUtil.create('div', className); - - var link = L.DomUtil.create('a', 'control-button', container); - link.innerHTML = ""; - link.href = '#'; - link.title = this.options.title; - - this._uiPane = this.options.uiPane; - - this._map = map; - - var h2 = L.DomUtil.create('h2', '', this._uiPane); - h2.innerHTML = I18n.t('javascripts.share.title'); - - this._linkInput = L.DomUtil.create('input', '', this._uiPane); - - 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('moveend layeradd layerremove', this._update, this); - - return container; - }, - - _update: function (e) { - var center = this._map.getCenter().wrap(); - var layers = getMapLayers(this._map); - this._linkInput.value = this.options.getUrl(this._map); - }, - - _toggle: function() { - var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right'); - - if ($(this._uiPane).is(':visible')) { - $(this._uiPane).hide(); - controlContainer.css({paddingRight: '0'}); - } else { - $(this._uiPane).show(); - controlContainer.css({paddingRight: '200px'}); - } +L.OSM.share = function (options) { + var control = L.control(options); + + control.onAdd = function (map) { + var $container = $('
') + .attr('class', 'control-share'); + + $('') + .attr('class', 'control-button') + .attr('href', '#') + .attr('title', 'Share') + .html('') + .on('click', toggle) + .appendTo($container); + + var $ui = $('
') + .attr('class', 'share-ui'); + + $('
') + .attr('class', 'sidebar_heading') + .appendTo($ui) + .append( + $('') + .text(I18n.t('javascripts.close')) + .attr('class', 'sidebar_close') + .attr('href', '#') + .bind('click', toggle)) + .append( + $('

') + .text(I18n.t('javascripts.share.title'))); + + var $linkSection = $('
') + .attr('class', 'section share-link') + .appendTo($ui); + + $('

') + .text(I18n.t('javascripts.share.link')) + .appendTo($linkSection); + + var $shortLink, $longLink; + + $('