X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/10c9ca81c788c5aa3cd7a66d9cdbaedc14def1bc..3eb4f1938c789b39929c1a72fe0889f485618dbc:/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 f085bc0e6..4264e5616 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -1,58 +1,345 @@ -L.Control.Share = L.Control.extend({ - options: { - position: 'topright', - title: 'Share', - url: function(map) { - return ''; - } - }, +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'); + + $('') + .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'))); + + // 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', 'form-row') + .appendTo($form) + .append( + $('
') + .attr('class', 'form-row') + .appendTo($form) + .append( + $('
') + .attr('class', 'form-row') + .appendTo($form) + .append($('') + .attr('id', 'long_link') + .append($('') + .attr('class', 'icon link'))) + .append($('') + .attr('id', 'long_input') + .attr('type', 'text') + .on('click', select)); + + $('
') + .attr('class', 'form-row') + .appendTo($form) + .append($('') + .attr('id', 'short_link') + .append($('') + .attr('class', 'icon link'))) + .append($('') + .attr('id', 'short_input') + .attr('type', 'text') + .on('click', select)); + + $('
') + .attr('class', 'form-row') + .appendTo($form) + .append($('