MirrorHub/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2024-11-06 14:19:03 +01:00
Code Issues Releases Wiki Activity

Refactor copy button event handler (#29379)

Browse source 
Use "closest" instead of "for-loop"
This commit is contained in:
wxiaoguang 2024-02-25 12:17:11 +08:00 committed by GitHub
parent b616f666b8
commit 736c98be5c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 17 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
web_src/js/features/clipboard.js
View file

@ -5,18 +5,20 @@ import {clippie} from 'clippie';
const {copy_success, copy_error} = window.config.i18n; const {copy_success, copy_error} = window.config.i18n;
// Enable clipboard copy from HTML attributes. These properties are supported: // Enable clipboard copy from HTML attributes. These properties are supported:
// - data-clipboard-text: Direct text to copy, has highest precedence // - data-clipboard-text: Direct text to copy
// - data-clipboard-target: Holds a selector for a <input> or <textarea> whose content is copied // - 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 // - data-clipboard-text-type: When set to 'url' will convert relative to absolute urls
export function initGlobalCopyToClipboardListener() { export function initGlobalCopyToClipboardListener() {
document.addEventListener('click', (e) => { document.addEventListener('click', async (e) => {
let target = e.target; const target = e.target.closest('[data-clipboard-text], [data-clipboard-target]');
// In case <button data-clipboard-text><svg></button>, so we just search if (!target) return;
// 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')) { e.preventDefault();
let text;
if (target.hasAttribute('data-clipboard-text')) {
text = target.getAttribute('data-clipboard-text');
} else {
text = document.querySelector(target.getAttribute('data-clipboard-target'))?.value; text = document.querySelector(target.getAttribute('data-clipboard-target'))?.value;
} }
@ -25,17 +27,8 @@ export function initGlobalCopyToClipboardListener() {
} }
if (text) { if (text) {
e.preventDefault();
(async() => {
const success = await clippie(text); const success = await clippie(text);
showTemporaryTooltip(target, success ? copy_success : copy_error); showTemporaryTooltip(target, success ? copy_success : copy_error);
})();
break;
}
target = target.parentElement;
} }
}); });
} }