mirror of https://gitlab.com/curben/blog
61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
(function ($) {
|
|
// Fancybox caption
|
|
$('.article-entry').each(function (i) {
|
|
$(this).find('img').each(function () {
|
|
// Don't insert fancybox element to cloudinary's cld-responsive img class
|
|
if ($(this).hasClass('cld-responsive') || $(this).parent().hasClass('fancybox')) return
|
|
|
|
const alt = this.alt
|
|
|
|
if (alt) {
|
|
$(this).after('<span class="caption">' + alt + '</span>')
|
|
}
|
|
|
|
$(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>')
|
|
})
|
|
|
|
$(this).find('.fancybox').each(function () {
|
|
$(this).attr('rel', 'article' + i)
|
|
})
|
|
})
|
|
|
|
if ($.fancybox) {
|
|
$('.fancybox').fancybox()
|
|
}
|
|
|
|
// Add "Copy" button to code snippet
|
|
const code = document.getElementsByClassName('code')
|
|
|
|
for (let i = 0; i < code.length; i++) {
|
|
const button = document.createElement('button')
|
|
button.className = 'copy-button'
|
|
button.textContent = 'Copy'
|
|
|
|
code[i].appendChild(button)
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
// Add copy to clipboard button for code snippet
|
|
const copyCode = new ClipboardJS('.copy-button', {
|
|
target: function (trigger) {
|
|
return trigger.previousElementSibling
|
|
}
|
|
})
|
|
|
|
copyCode.on('success', function (event) {
|
|
event.clearSelection()
|
|
event.trigger.textContent = 'Copied'
|
|
window.setTimeout(function () {
|
|
event.trigger.textContent = 'Copy'
|
|
}, 2000)
|
|
})
|
|
|
|
copyCode.on('error', function (event) {
|
|
event.trigger.textContent = 'Press "Ctrl + C" to copy'
|
|
window.setTimeout(function () {
|
|
event.trigger.textContent = 'Copy'
|
|
}, 2000)
|
|
})
|
|
})
|
|
})(jQuery)
|