X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/a3d69ee264f234ee85990b20e421b7cee8baa669..f5de157d2845ff1067b14604b2ca6c79ca7a7ac6:/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 15e4a7229..b5f45e01d 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -10,7 +10,7 @@ L.OSM.share = function (options) { var $container = $('
') .attr('class', 'control-share'); - $('') + var button = $('') .attr('class', 'control-button') .attr('href', '#') .attr('title', 'Share') @@ -34,7 +34,7 @@ L.OSM.share = function (options) { $('

') .text(I18n.t('javascripts.share.title'))); - // Link + // Link / Embed var $linkSection = $('
') .attr('class', 'section share-link') @@ -62,62 +62,64 @@ L.OSM.share = function (options) { .append(I18n.t('javascripts.share.include_marker'))); $('
') - .attr('class', 'form-row') + .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', 'form-row share-tab') + .css('display', 'block') + .appendTo($form) .append($('') .attr('id', 'long_input') .attr('type', 'text') - .on('click', select)) - .append($('') - .attr('id', 'long_link') - .on('click', function() { return false; }) - .append($('') - .attr('class', 'icon link'))); + .on('click', select)); $('
') - .attr('class', 'form-row') + .attr('class', 'form-row share-tab') .appendTo($form) - .append($('') - .attr('id', 'short_link') - .on('click', function() { return false; }) - .append($('') - .attr('class', 'icon link'))); - - // Embed - - var $embedSection = $('
') - .attr('class', 'section share-embed') - .appendTo($ui); - - var $form = $('
') - .attr('class', 'standard-form') - .appendTo($embedSection); + .on('click', select)); $('
') - .attr('class', 'form-row') + .attr('class', 'form-row share-tab') .appendTo($form) - .append($('