0b654fa8dc
1. Do not show temporary tooltips that are triggered from within dropdowns. Previously this resulted in the tooltip being stuck to top-left of the page like seen on issue comment URL copy. I could not figure out any tippy options that prevent this, so I think it's better to just not show it. 1. Refactor `initGlobalCopyToClipboardListener` so that it does not run a often useless `document.querySelector` on every click, make `data-clipboard-text-type` work with `data-clipboard-target`. No use in current code base but still good to have. Finally some minor code cleanup in the function. Point 1 is for this copy button: <img width="229" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/81f34746-8ea5-43d9-8c6f-f6f417a9e4ad"> --------- Co-authored-by: Giteabot <teabot@gitea.io>
42 lines
1.4 KiB
JavaScript
42 lines
1.4 KiB
JavaScript
import {showTemporaryTooltip} from '../modules/tippy.js';
|
|
import {toAbsoluteUrl} from '../utils.js';
|
|
import {clippie} from 'clippie';
|
|
|
|
const {copy_success, copy_error} = window.config.i18n;
|
|
|
|
// Enable clipboard copy from HTML attributes. These properties are supported:
|
|
// - data-clipboard-text: Direct text to copy, has highest precedence
|
|
// - 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
|
|
export function initGlobalCopyToClipboardListener() {
|
|
document.addEventListener('click', (e) => {
|
|
let target = e.target;
|
|
// In case <button data-clipboard-text><svg></button>, so we just search
|
|
// up to 3 levels for performance
|
|
for (let i = 0; i < 3 && target; i++) {
|
|
let text = target.getAttribute('data-clipboard-text');
|
|
|
|
if (!text && target.getAttribute('data-clipboard-target')) {
|
|
text = document.querySelector(target.getAttribute('data-clipboard-target'))?.value;
|
|
}
|
|
|
|
if (text && target.getAttribute('data-clipboard-text-type') === 'url') {
|
|
text = toAbsoluteUrl(text);
|
|
}
|
|
|
|
if (text) {
|
|
e.preventDefault();
|
|
|
|
(async() => {
|
|
const success = await clippie(text);
|
|
showTemporaryTooltip(target, success ? copy_success : copy_error);
|
|
})();
|
|
|
|
break;
|
|
}
|
|
|
|
target = target.parentElement;
|
|
}
|
|
});
|
|
}
|