2022-01-12 16:23:50 +01:00
|
|
|
const confirmCopy = (el, message) => {
|
|
|
|
el.innerText = message;
|
|
|
|
setTimeout(function () {
|
2022-02-17 10:07:41 +01:00
|
|
|
el.innerHTML = el.dataset.clipboardInitial;
|
2022-01-12 16:23:50 +01:00
|
|
|
}, 2500);
|
|
|
|
}
|
|
|
|
|
2021-12-04 21:12:15 +01:00
|
|
|
window.copyToClipboard = function (e, data) {
|
2022-01-12 16:23:50 +01:00
|
|
|
e.preventDefault();
|
2022-02-24 22:03:34 -08:00
|
|
|
const item = e.target.closest('[data-clipboard]') || e.target.closest('[data-clipboard-target]') || e.target;
|
2022-11-02 10:21:33 +01:00
|
|
|
const confirm = item.dataset.clipboardConfirmElement
|
|
|
|
? document.getElementById(item.dataset.clipboardConfirmElement) || item
|
|
|
|
: item.querySelector('[data-clipboard-confirm]') || item;
|
2022-01-12 16:23:50 +01:00
|
|
|
const message = confirm.getAttribute('data-clipboard-confirm') || 'Copied ✔';
|
2022-02-17 10:07:41 +01:00
|
|
|
if (!confirm.dataset.clipboardInitial) {
|
|
|
|
confirm.dataset.clipboardInitial = confirm.innerHTML;
|
2022-01-12 16:23:50 +01:00
|
|
|
confirm.style.minWidth = confirm.getBoundingClientRect().width + 'px';
|
|
|
|
}
|
2020-10-13 09:58:46 +02:00
|
|
|
if (navigator.clipboard) {
|
|
|
|
navigator.clipboard.writeText(data).then(function () {
|
2022-01-12 16:23:50 +01:00
|
|
|
confirmCopy(confirm, message);
|
2020-10-13 09:58:46 +02:00
|
|
|
});
|
2022-01-12 16:23:50 +01:00
|
|
|
} else {
|
|
|
|
const copyEl = document.createElement('textarea');
|
|
|
|
copyEl.style.position = 'absolute';
|
|
|
|
copyEl.style.opacity = '0';
|
|
|
|
copyEl.value = data;
|
|
|
|
document.body.appendChild(copyEl);
|
|
|
|
copyEl.select();
|
|
|
|
document.execCommand('copy');
|
|
|
|
copyEl.remove();
|
|
|
|
confirmCopy(confirm, message);
|
2020-10-13 09:58:46 +02:00
|
|
|
}
|
2022-01-12 16:23:50 +01:00
|
|
|
item.blur();
|
2020-10-13 09:58:46 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
window.copyUrlToClipboard = function (e) {
|
2021-07-27 19:52:57 +02:00
|
|
|
window.copyToClipboard(e, window.location)
|
2020-10-13 09:58:46 +02:00
|
|
|
}
|
2021-07-27 19:52:57 +02:00
|
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
2021-12-04 21:12:15 +01:00
|
|
|
delegate('click', '[data-clipboard]', e => {
|
2021-12-19 05:05:10 +01:00
|
|
|
const data = e.target.closest('[data-clipboard]').getAttribute('data-clipboard')
|
2021-12-04 21:12:15 +01:00
|
|
|
window.copyToClipboard(e, data)
|
|
|
|
})
|
|
|
|
delegate('click', '[data-clipboard-target]', e => {
|
2021-12-19 05:05:10 +01:00
|
|
|
const selector = e.target.closest('[data-clipboard-target]').getAttribute('data-clipboard-target')
|
2021-12-04 21:12:15 +01:00
|
|
|
const target = document.querySelector(selector)
|
|
|
|
const data = target.innerText
|
|
|
|
window.copyToClipboard(e, data)
|
2021-07-27 19:52:57 +02:00
|
|
|
})
|
|
|
|
})
|