var $ui = $('<div>')
.attr('class', 'share-ui');
- $('<section>')
+ $('<header>')
+ .attr('class', 'sidebar_heading')
.appendTo($ui)
.append(
- $('<h2>')
- .text(I18n.t('javascripts.share.title')));
+ $('<a>')
+ .text(I18n.t('javascripts.close'))
+ .attr('class', 'sidebar_close')
+ .attr('href', '#')
+ .bind('click', toggle))
+ .append(
+ $('<h4>')
+ .text(I18n.t('javascripts.share.title')));
- var $share_link = $('<section></section>')
+ var $share_link = $('<section>')
.appendTo($ui);
- var $title = $('<h3></h3>')
+ var $title = $('<h4>')
.text(I18n.t('javascripts.share.link'))
.appendTo($share_link);
+ var $input = $('<input />')
+ .attr('type', 'text')
+ .on('click', select)
+ .appendTo($share_link);
+
+ var $list = $('<ul>')
+ .appendTo($share_link);
+
+ var $short_option = $('<li>')
+ .appendTo($list);
+
+ var $short_url_label = $('<label></label>')
+ .attr('for', 'short_url')
+ .appendTo($short_option);
+
var $short_url_input = $('<input />')
.attr('id', 'short_url')
.attr('type', 'checkbox')
.prop('checked', 'checked')
- .appendTo($share_link)
+ .appendTo($short_url_label)
.bind('change', function() {
options.short = $(this).prop('checked');
update();
});
- var $short_url_label = $('<label></label>')
- .text(I18n.t('javascripts.share.short_url'))
- .attr('for', 'short_url')
- .appendTo($share_link);
-
- var $input = $('<input />')
- .appendTo($share_link);
+ $short_url_label.append(I18n.t('javascripts.share.short_url'));
map.on('moveend layeradd layerremove', update);
e.stopPropagation();
e.preventDefault();
options.sidebar.togglePane($ui);
+ $input.select();
}
function update() {
- var center = map.getCenter().wrap();
- var layers = getMapLayers(map);
$input.val(
options.short ? options.getShortUrl(map) : options.getUrl(map)
);
}
+ function select() {
+ $(this).select();
+ }
+
return $container[0];
};