X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/f1a6755060d80bde27576ef716701c35da93ee69..59f1a6d49644143bfe643e0cabaaea72792fa5db:/app/assets/javascripts/leaflet.share.js?ds=sidebyside diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index 62572cf69..6a4491c2a 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -10,10 +10,10 @@ L.OSM.share = function (options) { var $container = $('
') .attr('class', 'control-share'); - $('') + var button = $('') .attr('class', 'control-button') .attr('href', '#') - .attr('title', 'Share') + .attr('title', I18n.t('javascripts.share.title')) .html('') .on('click', toggle) .appendTo($container); @@ -25,16 +25,15 @@ L.OSM.share = function (options) { .attr('class', 'sidebar_heading') .appendTo($ui) .append( - $('') + $('') .text(I18n.t('javascripts.close')) - .attr('class', 'sidebar_close') - .attr('href', '#') + .attr('class', 'icon close') .bind('click', toggle)) .append( $('

') .text(I18n.t('javascripts.share.title'))); - // Link + // Link / Embed var $linkSection = $('
') .attr('class', 'section share-link') @@ -62,60 +61,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('id', 'long_link') - .append($('') - .attr('class', 'icon link'))) + .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)); $('
') - .attr('class', 'form-row') + .attr('class', 'form-row share-tab') .appendTo($form) - .append($('') - .attr('id', 'short_link') - .append($('') - .attr('class', 'icon link'))) .append($('') .attr('id', 'short_input') .attr('type', 'text') .on('click', select)); - // Embed - - var $embedSection = $('
') - .attr('class', 'section share-embed') - .appendTo($ui); - - var $form = $('
') - .attr('class', 'standard-form') - .appendTo($embedSection); - $('
') - .attr('class', 'form-row') + .attr('class', 'form-row share-tab') .appendTo($form) - .append($('