59 lines
2.5 KiB
Plaintext
59 lines
2.5 KiB
Plaintext
<a data-url="<%- post.permalink %>" data-id="<%= post._id %>" class="article-share-link"><i class="fa fa-share"></i><%=__('article.share')%></a>
|
|
<script>
|
|
(function ($) {
|
|
$('body').on('click', function() {
|
|
$('.article-share-box.on').removeClass('on');
|
|
}).on('click', '.article-share-link', function(e) {
|
|
e.stopPropagation();
|
|
|
|
var $this = $(this),
|
|
url = $this.attr('data-url'),
|
|
encodedUrl = encodeURIComponent(url),
|
|
id = 'article-share-box-' + $this.attr('data-id'),
|
|
offset = $this.offset(),
|
|
box;
|
|
|
|
if ($('#' + id).length) {
|
|
box = $('#' + id);
|
|
|
|
if (box.hasClass('on')){
|
|
box.removeClass('on');
|
|
return;
|
|
}
|
|
} else {
|
|
var html = [
|
|
'<div id="' + id + '" class="article-share-box">',
|
|
'<input class="article-share-input" value="' + url + '">',
|
|
'<div class="article-share-links">',
|
|
'<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
|
|
'<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
|
|
'<a href="http://pinterest.com/pin/create/button/?url=' + encodedUrl + '" class="article-share-pinterest" target="_blank" title="Pinterest"></a>',
|
|
'<a href="https://plus.google.com/share?url=' + encodedUrl + '" class="article-share-google" target="_blank" title="Google+"></a>',
|
|
'</div>',
|
|
'</div>'
|
|
].join('');
|
|
|
|
box = $(html);
|
|
|
|
$('body').append(box);
|
|
}
|
|
|
|
$('.article-share-box.on').hide();
|
|
|
|
box.css({
|
|
top: offset.top + 25,
|
|
left: offset.left
|
|
}).addClass('on');
|
|
|
|
}).on('click', '.article-share-box', function (e) {
|
|
e.stopPropagation();
|
|
}).on('click', '.article-share-box-input', function () {
|
|
$(this).select();
|
|
}).on('click', '.article-share-box-link', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
window.open(this.href, 'article-share-box-window-' + Date.now(), 'width=500,height=450');
|
|
});
|
|
})(jQuery);
|
|
</script> |