Edouard Vanbelle
54 lines
1.7 KiB
JavaScript
54 lines
1.7 KiB
JavaScript
/**
|
|
* linkChip — inline clickable element representing a share link.
|
|
*
|
|
* Renders: [🔒/🔗] Link - ...{last4 of UUID} - {name}
|
|
* Clicking copies the share URL to the clipboard.
|
|
*/
|
|
|
|
import { i18n } from '../core/i18n.js';
|
|
import { fileSharing } from '../features/sharing/fileSharing.js';
|
|
|
|
/** @import {OutgoingResourceGrant} from '../core/types.js' */
|
|
|
|
/**
|
|
* Build an inline link chip. Clicking it copies the share URL.
|
|
* @param {OutgoingResourceGrant} grant
|
|
* @returns {HTMLButtonElement}
|
|
*/
|
|
function buildLinkChip(grant) {
|
|
const btn = /** @type {HTMLButtonElement} */ (document.createElement('button'));
|
|
btn.className = `link-chip${grant.has_password ? ' link-chip--locked' : ''}`;
|
|
btn.type = 'button';
|
|
btn.title = i18n.t('share.copyLink', 'Copy link');
|
|
|
|
const icon = document.createElement('i');
|
|
icon.className = grant.has_password ? 'fas fa-lock link-chip__icon' : 'fas fa-link link-chip__icon';
|
|
btn.appendChild(icon);
|
|
|
|
const last4 = grant.subject_id.slice(-4);
|
|
const label = `${i18n.t('share.link', 'Link')} - ...${last4} - ${grant.subject_display}`;
|
|
|
|
const text = document.createElement('span');
|
|
text.className = 'link-chip__label';
|
|
text.textContent = label;
|
|
btn.appendChild(text);
|
|
|
|
btn.addEventListener('click', async (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
btn.disabled = true;
|
|
try {
|
|
const share = await fileSharing.getShareById(grant.subject_id);
|
|
await fileSharing.copyLinkToClipboard(share.url);
|
|
} catch (err) {
|
|
console.error('linkChip: copy failed', err);
|
|
} finally {
|
|
btn.disabled = false;
|
|
}
|
|
});
|
|
|
|
return btn;
|
|
}
|
|
|
|
export { buildLinkChip };
|