Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-17 02:05:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

Email attachments: swap paperclip for whirlpool spinner during download

Browse Source 
Before: the attachment chip just dimmed (opacity 0.6) while the file
downloaded — easy to miss on a large attachment.

Now: replace the paperclip SVG with a 12px whirlpool spinner for the
duration of the fetch, restoring the original icon when the download
finishes (or errors out). Same loading vocabulary as Test / Scan /
Probe / Send buttons elsewhere in the UI.
This commit is contained in:
pewdiepie-archdaemon
2026-06-10 23:15:52 +09:00
parent 023f1ba575
commit cd9ad1a7f2
1 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/emailLibrary.js
+26 -3
View File
@@ -3693,8 +3693,24 @@ function _wireAttachmentHandlers(reader, folder) {
window.open(url, '_blank'); window.open(url, '_blank');
return; return;
} }
const orig = chip.style.opacity; // Swap the paperclip icon for a whirlpool spinner while the
chip.style.opacity = '0.6'; // download is in flight, so large attachments give a clear cue
// they're loading. Restore on completion.
const iconSvg = chip.querySelector(':scope > svg');
const origIconHtml = iconSvg ? iconSvg.outerHTML : '';
let _wp = null;
let _spinnerHost = null;
try {
const sp = window.spinnerModule || (await import('./spinner.js')).default;
_wp = sp.createWhirlpool(12);
_spinnerHost = document.createElement('span');
_spinnerHost.className = 'email-attachment-spinner';
_spinnerHost.style.cssText = 'display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;flex-shrink:0;';
_spinnerHost.appendChild(_wp.element);
if (iconSvg) iconSvg.replaceWith(_spinnerHost);
} catch (_) {}
const origOpacity = chip.style.opacity;
chip.style.opacity = '0.85';
try { try {
const res = await fetch(url, { credentials: 'same-origin' }); const res = await fetch(url, { credentials: 'same-origin' });
if (!res.ok) { if (!res.ok) {
@@ -3715,7 +3731,14 @@ function _wireAttachmentHandlers(reader, folder) {
console.error('attachment download error', e); console.error('attachment download error', e);
location.href = url; location.href = url;
} finally { } finally {
chip.style.opacity = orig; chip.style.opacity = origOpacity;
if (_spinnerHost && _spinnerHost.parentNode && origIconHtml) {
const tmp = document.createElement('div');
tmp.innerHTML = origIconHtml;
const restored = tmp.firstChild;
if (restored) _spinnerHost.replaceWith(restored);
}
if (_wp) { try { _wp.destroy(); } catch (_) {} }
} }
}); });
}); });