2022-08-09 18:07:34 +05:30
|
|
|
import {showTemporaryTooltip} from '../modules/tippy.js';
|
2023-02-06 23:39:18 +05:30
|
|
|
import {toAbsoluteUrl} from '../utils.js';
|
2023-04-02 14:55:36 +05:30
|
|
|
import {clippie} from 'clippie';
|
2022-01-29 02:30:11 +05:30
|
|
|
|
2021-11-16 13:46:05 +05:30
|
|
|
const {copy_success, copy_error} = window.config.i18n;
|
2020-02-08 04:33:42 +05:30
|
|
|
|
2023-10-18 20:46:06 +05:30
|
|
|
// Enable clipboard copy from HTML attributes. These properties are supported:
|
2024-02-25 09:47:11 +05:30
|
|
|
// - data-clipboard-text: Direct text to copy
|
2023-10-18 20:46:06 +05:30
|
|
|
// - data-clipboard-target: Holds a selector for a <input> or <textarea> whose content is copied
|
|
|
|
// - data-clipboard-text-type: When set to 'url' will convert relative to absolute urls
|
2022-12-23 21:33:11 +05:30
|
|
|
export function initGlobalCopyToClipboardListener() {
|
2024-02-25 09:47:11 +05:30
|
|
|
document.addEventListener('click', async (e) => {
|
|
|
|
const target = e.target.closest('[data-clipboard-text], [data-clipboard-target]');
|
|
|
|
if (!target) return;
|
2023-10-18 20:46:06 +05:30
|
|
|
|
2024-02-25 09:47:11 +05:30
|
|
|
e.preventDefault();
|
2023-10-18 20:46:06 +05:30
|
|
|
|
2024-03-15 08:08:13 +05:30
|
|
|
let text = target.getAttribute('data-clipboard-text');
|
|
|
|
if (!text) {
|
2024-02-25 09:47:11 +05:30
|
|
|
text = document.querySelector(target.getAttribute('data-clipboard-target'))?.value;
|
|
|
|
}
|
2021-11-12 18:07:45 +05:30
|
|
|
|
2024-02-25 09:47:11 +05:30
|
|
|
if (text && target.getAttribute('data-clipboard-text-type') === 'url') {
|
|
|
|
text = toAbsoluteUrl(text);
|
|
|
|
}
|
2023-10-18 20:46:06 +05:30
|
|
|
|
2024-02-25 09:47:11 +05:30
|
|
|
if (text) {
|
|
|
|
const success = await clippie(text);
|
|
|
|
showTemporaryTooltip(target, success ? copy_success : copy_error);
|
2021-10-16 22:58:04 +05:30
|
|
|
}
|
|
|
|
});
|
2020-02-08 04:33:42 +05:30
|
|
|
}
|