Sha256: 1abdaedb180f13d7e861ee5988cc037ed7369fe6b2d14aa11e365a688864b888
Contents?: true
Size: 1.64 KB
Versions: 114
Compression:
Stored size: 1.64 KB
Contents
$(document).ready(function(){
var clipboard = new Clipboard('.clipboard-btn');
clipboard.on('success', function(e) {
if (e.action != "copy" ) {
return;
}
e.clearSelection();
var invocation_url = $(e.trigger).parent().closest('tr').data("invocation-url");
if (invocation_url) {
$.post(invocation_url);
}
});
// Adapted from https://alligator.io/js/copying-to-clipboard/
// When a user clicks on a .clipboardable, copy the contents to the clipboard
// and toggle a 'success' class for shot while to provide visual feedback.
/*
Have disabled this for now until we can get the UI a little better. Atm if the user
drags to select the text, we remove their selection here - a bit confusing for them.
We maybe should highlight the element text on a click and then copy, but leave the
text highlighted so the usr can manually copy if they don't realise it has been done for them.
And allow them to highlight manually. Or provide a Copy button which pops up or something.
$(".clipboardable").on('click', function(e) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
console.log(range);
try {
document.execCommand('copy');
selection.removeAllRanges();
var original = this.textContent;
this.classList.add('success');
setTimeout(() => {
this.classList.remove('success');
}, 1200);
} catch(e) {
// for now do nothing as this is not a crucial error
// but we could display a js modal error dialog
}
});
*/
});
Version data entries
114 entries across 114 versions & 1 rubygems