X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/22d6633114d02af0e543afbb23cc05e33d1a1c9d..ff7ddb6b86bf918a9418af7382836b41594d45e4:/app/assets/javascripts/leaflet.share.js?ds=inline diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index 83cc035f9..8b1446ff8 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -1,63 +1,416 @@ -L.Control.Share = L.Control.extend({ - options: { - position: 'topright', - title: 'Share', - url: function(map) { - return ''; - } - }, - - onAdd: function (map) { - var className = 'leaflet-control-locate', - classNames = className + ' leaflet-control-zoom leaflet-bar leaflet-control', - container = L.DomUtil.create('div', classNames); - - var link = L.DomUtil.create('a', 'leaflet-bar-part leaflet-bar-part-single', container); - link.href = '#'; - link.title = this.options.title; - - this._uiPane = L.DomUtil.create('div', 'leaflet-map-ui', map._container); - - L.DomEvent - .on(this._uiPane, 'click', L.DomEvent.stopPropagation) - .on(this._uiPane, 'click', L.DomEvent.preventDefault) - .on(this._uiPane, 'dblclick', L.DomEvent.preventDefault); - - 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 = map.getCenter().wrap(); - var layers = getMapLayers(); - this._linkInput.value = this.options.getUrl(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.control.share = function(options) { - return new L.Control.Share(options); +L.OSM.share = function (options) { + var control = L.control(options), + marker = L.marker([0, 0], { draggable: true }), + locationFilter = new L.LocationFilter({ + enableButton: false, + adjustButton: false + }); + + control.onAdd = function (map) { + var $container = $("
") + .attr("class", "control-share"); + + var button = $("") + .attr("class", "control-button") + .attr("href", "#") + .attr("title", I18n.t("javascripts.share.title")) + .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", "icon close") + .bind("click", toggle)) + .append( + $("

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

") + .text(I18n.t("javascripts.share.link")) + .appendTo($linkSection); + + var $form = $("
") + .attr("class", "standard-form") + .appendTo($linkSection); + + $("
") + .attr("class", "standard-form-row") + .appendTo($form) + .append( + $("
") + .attr("class", "share-tabs") + .appendTo($form) + .append($("") + .attr("class", "active") + .attr("for", "long_input") + .attr("id", "long_link") + .text(I18n.t("javascripts.share.long_link"))) + .append($("") + .attr("for", "short_input") + .attr("id", "short_link") + .text(I18n.t("javascripts.share.short_link"))) + .append($("") + .attr("for", "embed_html") + .attr("href", "#") + .text(I18n.t("javascripts.share.embed"))) + .on("click", "a", function (e) { + e.preventDefault(); + var id = "#" + $(this).attr("for"); + $linkSection.find(".share-tabs a") + .removeClass("active"); + $(this).addClass("active"); + $linkSection.find(".share-tab") + .hide(); + $linkSection.find(".share-tab:has(" + id + ")") + .show() + .find("input, textarea") + .select(); + }); + + $("
") + .attr("class", "standard-form-row share-tab") + .css("display", "block") + .appendTo($form) + .append($("") + .attr("id", "long_input") + .attr("type", "text") + .on("click", select)); + + $("
") + .attr("class", "standard-form-row share-tab") + .appendTo($form) + .append($("") + .attr("id", "short_input") + .attr("type", "text") + .on("click", select)); + + $("
") + .attr("class", "standard-form-row share-tab") + .appendTo($form) + .append( + $("