var $ui = $('<div>')
.attr('class', 'share-ui');
- $('<h2>')
- .text(I18n.t('javascripts.share.title'))
- .appendTo($ui);
+ $('<div>')
+ .attr('class', 'sidebar_heading')
+ .appendTo($ui)
+ .append(
+ $('<a>')
+ .text(I18n.t('javascripts.close'))
+ .attr('class', 'sidebar_close')
+ .attr('href', '#')
+ .bind('click', toggle))
+ .append(
+ $('<h4>')
+ .text(I18n.t('javascripts.share.title')));
- var $input = $('<input>')
+ var $linkSection = $('<div>')
+ .attr('class', 'section share-link')
.appendTo($ui);
+ $('<h4>')
+ .text(I18n.t('javascripts.share.link'))
+ .appendTo($linkSection);
+
+ var $shortLink, $longLink;
+
+ $('<ul>')
+ .appendTo($linkSection)
+ .append($('<li>')
+ .append($longLink = $('<a>')
+ .text(I18n.t('javascripts.share.long_link'))))
+ .append($('<li>')
+ .append($shortLink = $('<a>')
+ .text(I18n.t('javascripts.share.short_link'))));
+
map.on('moveend layeradd layerremove', update);
options.sidebar.addPane($ui);
e.stopPropagation();
e.preventDefault();
options.sidebar.togglePane($ui);
+ update();
}
function update() {
- var center = map.getCenter().wrap();
- var layers = getMapLayers(map);
- $input.val(options.getUrl(map));
+ $shortLink.attr('href', map.getShortUrl());
+ $longLink.attr('href', map.getUrl());
+ }
+
+ function select() {
+ $(this).select();
}
return $container[0];