807 lines
35 KiB
JavaScript
807 lines
35 KiB
JavaScript
// ==================== 邮件相关 ====================
|
||
|
||
// 模块内变量：存储上次获取邮件失败的错误详情
|
||
let lastFetchErrorDetails = {};
|
||
|
||
// 加载邮件列表
|
||
async function loadEmails(email, forceRefresh = false) {
|
||
const container = document.getElementById('emailList');
|
||
|
||
// 切换账号/刷新时清除选中状态
|
||
selectedEmailIds.clear();
|
||
updateEmailBatchActionBar();
|
||
|
||
// 检查缓存
|
||
const cacheKey = `${email}_${currentFolder}`;
|
||
if (!forceRefresh && emailListCache[cacheKey]) {
|
||
const cache = emailListCache[cacheKey];
|
||
currentEmails = cache.emails;
|
||
hasMoreEmails = cache.has_more;
|
||
currentSkip = cache.skip;
|
||
currentMethod = cache.method || 'graph';
|
||
|
||
// 恢复 UI
|
||
const methodTag = document.getElementById('methodTag');
|
||
methodTag.textContent = currentMethod;
|
||
methodTag.style.display = 'inline';
|
||
document.getElementById('emailCount').textContent = `(${currentEmails.length})`;
|
||
|
||
renderEmailList(currentEmails);
|
||
return;
|
||
}
|
||
|
||
// 禁用按钮
|
||
const refreshBtn = document.querySelector('.refresh-btn');
|
||
const folderTabs = document.querySelectorAll('.email-tab');
|
||
if (refreshBtn) {
|
||
refreshBtn.disabled = true;
|
||
refreshBtn.textContent = '获取中...';
|
||
}
|
||
folderTabs.forEach(tab => tab.disabled = true);
|
||
|
||
// 重置分页状态
|
||
currentSkip = 0;
|
||
hasMoreEmails = true;
|
||
|
||
container.innerHTML = '<div class="loading-overlay"><span class="spinner"></span> 获取中…</div>';
|
||
|
||
try {
|
||
// 每次只查询20封邮件
|
||
const response = await fetch(
|
||
`/api/emails/${encodeURIComponent(email)}?method=${currentMethod}&folder=${currentFolder}&skip=0&top=20`
|
||
);
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
currentEmails = data.emails;
|
||
currentMethod = data.method === 'Graph API' ? 'graph' : 'imap';
|
||
hasMoreEmails = data.has_more;
|
||
|
||
// 保存到缓存
|
||
emailListCache[cacheKey] = {
|
||
emails: currentEmails,
|
||
has_more: hasMoreEmails,
|
||
skip: currentSkip,
|
||
method: currentMethod
|
||
};
|
||
|
||
// 显示使用的方法和邮件数量
|
||
const methodTag = document.getElementById('methodTag');
|
||
methodTag.textContent = data.method;
|
||
methodTag.style.display = 'inline';
|
||
|
||
document.getElementById('emailCount').textContent = `(${data.emails.length})`;
|
||
|
||
renderEmailList(data.emails);
|
||
|
||
// 初始化已知邮件ID集合（用于轮询检测新邮件）
|
||
if (typeof knownEmailIds !== 'undefined') {
|
||
knownEmailIds = new Set(currentEmails.map(e => e.id));
|
||
}
|
||
|
||
// 检查是否需要自动开始轮询
|
||
if (typeof isPolling !== 'undefined' && !isPolling && typeof startPolling === 'function') {
|
||
// 检查设置是否启用了自动轮询（后端返回 boolean，兼容处理）
|
||
fetch('/api/settings')
|
||
.then(res => res.json())
|
||
.then(settingsData => {
|
||
if (settingsData.success && settingsData.settings) {
|
||
const enablePolling = settingsData.settings.enable_auto_polling === true || settingsData.settings.enable_auto_polling === 'true';
|
||
console.log('[轮询] 自动轮询设置:', enablePolling, '当前账号:', currentAccount);
|
||
if (enablePolling && currentAccount) {
|
||
console.log('[轮询] 开始自动轮询');
|
||
startPolling();
|
||
}
|
||
}
|
||
})
|
||
.catch(err => console.error('检查轮询设置失败:', err));
|
||
}
|
||
} else {
|
||
// 显示详细的多方法失败弹框
|
||
if (data.details) {
|
||
showEmailFetchErrorModal(data.details);
|
||
} else {
|
||
handleApiError(data, '获取邮件失败');
|
||
}
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">⚠️</span><p>获取邮件失败，<a href="javascript:void(0)" id="showEmailErrorLink" style="color:#409eff;text-decoration:underline;">点击查看详情</a></p>
|
||
</div>
|
||
`;
|
||
lastFetchErrorDetails = data.details || {};
|
||
// 绑定事件监听器
|
||
const errorLink = document.getElementById('showEmailErrorLink');
|
||
if (errorLink) {
|
||
errorLink.addEventListener('click', () => showEmailFetchErrorModal(lastFetchErrorDetails));
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error('加载邮件列表失败:', error);
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">⚠️</span><p>网络错误，请重试</p>
|
||
</div>
|
||
`;
|
||
} finally {
|
||
// 启用按钮
|
||
if (refreshBtn) {
|
||
refreshBtn.disabled = false;
|
||
refreshBtn.textContent = '获取邮件';
|
||
}
|
||
folderTabs.forEach(tab => tab.disabled = false);
|
||
}
|
||
}
|
||
|
||
// 渲染邮件列表
|
||
// Selected email IDs
|
||
let selectedEmailIds = new Set();
|
||
let isBatchSelectMode = false;
|
||
|
||
function renderEmailList(emails) {
|
||
const container = document.getElementById('emailList');
|
||
const actionBar = document.getElementById('emailBatchActionBar');
|
||
|
||
if (emails.length === 0) {
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">📭</span>
|
||
<p>收件箱为空</p>
|
||
</div>
|
||
`;
|
||
selectedEmailIds.clear();
|
||
updateEmailBatchActionBar();
|
||
return;
|
||
}
|
||
|
||
const clickHandler = isTempEmailGroup ? 'getTempEmailDetail' : 'selectEmail';
|
||
|
||
container.innerHTML = emails.map((email, index) => {
|
||
const isChecked = selectedEmailIds.has(email.id);
|
||
const initial = (email.from || '?')[0].toUpperCase();
|
||
return `
|
||
<div class="email-item ${email.is_read === false ? 'unread' : ''}"
|
||
onclick="${clickHandler}('${email.id}', ${index})">
|
||
<div class="email-checkbox-wrapper" onclick="event.stopPropagation(); toggleEmailSelection('${email.id}')">
|
||
<input type="checkbox" class="email-checkbox" ${isChecked ? 'checked' : ''} style="pointer-events: none;">
|
||
</div>
|
||
<div class="email-avatar">${initial}</div>
|
||
<div class="email-meta">
|
||
<div class="email-from">${escapeHtml(email.from)}</div>
|
||
<div class="email-subject">${escapeHtml(email.subject || '无主题')}</div>
|
||
<div class="email-preview">${escapeHtml(email.body_preview || '')}</div>
|
||
</div>
|
||
<div class="email-time">${formatDate(email.date)}</div>
|
||
</div>
|
||
`}).join('');
|
||
|
||
updateEmailBatchActionBar();
|
||
}
|
||
|
||
function toggleEmailSelection(emailId) {
|
||
if (selectedEmailIds.has(emailId)) {
|
||
selectedEmailIds.delete(emailId);
|
||
} else {
|
||
selectedEmailIds.add(emailId);
|
||
}
|
||
|
||
// Re-render to update checkbox UI (or efficiently update DOM)
|
||
// For simplicity, we just find the checkbox and update it
|
||
// implementation below is cheap
|
||
renderEmailList(currentEmails);
|
||
}
|
||
|
||
function updateEmailBatchActionBar() {
|
||
const bar = document.getElementById('emailBatchActionBar');
|
||
if (selectedEmailIds.size > 0) {
|
||
bar.style.display = 'flex';
|
||
document.getElementById('emailSelectedCount').textContent = `已选 ${selectedEmailIds.size} 项`;
|
||
} else {
|
||
bar.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
async function confirmBatchDeleteEmails() {
|
||
if (selectedEmailIds.size === 0) return;
|
||
|
||
if (!confirm(`确定要永久删除选中的 ${selectedEmailIds.size} 封邮件吗？此操作不可恢复！`)) {
|
||
return;
|
||
}
|
||
|
||
await deleteEmails(Array.from(selectedEmailIds));
|
||
}
|
||
|
||
async function confirmDeleteCurrentEmail() {
|
||
if (!currentEmailDetail || !currentEmailDetail.id) return;
|
||
|
||
if (!confirm('确定要永久删除这封邮件吗？此操作不可恢复！')) {
|
||
return;
|
||
}
|
||
|
||
await deleteEmails([currentEmailDetail.id]);
|
||
}
|
||
|
||
async function deleteEmails(ids) {
|
||
showToast('正在删除...', 'info');
|
||
|
||
try {
|
||
const response = await fetch('/api/emails/delete', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
email: currentAccount,
|
||
ids: ids
|
||
})
|
||
});
|
||
|
||
const result = await response.json();
|
||
|
||
if (result.success) {
|
||
showToast(`成功删除 ${result.success_count} 封邮件`);
|
||
|
||
// Remove deleted emails from currentEmails
|
||
const deletedIds = new Set(ids); // Ideally result should return what was deleted
|
||
currentEmails = currentEmails.filter(e => !deletedIds.has(e.id));
|
||
selectedEmailIds.clear();
|
||
|
||
renderEmailList(currentEmails);
|
||
|
||
// If current viewed email was deleted, clear view
|
||
if (currentEmailDetail && deletedIds.has(currentEmailDetail.id)) {
|
||
document.getElementById('emailDetail').innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">🗑️</span><p>邮件已删除</p>
|
||
</div>
|
||
`;
|
||
document.getElementById('emailDetailToolbar').style.display = 'none';
|
||
}
|
||
|
||
// If errors
|
||
if (result.failed_count > 0) {
|
||
console.warn('Deletion errors:', result.errors);
|
||
showToast(`部分删除失败 (${result.failed_count} 封)`, 'warning');
|
||
}
|
||
} else {
|
||
let msg = '未知错误';
|
||
if (typeof result.error === 'string') {
|
||
msg = result.error;
|
||
} else if (result.error && result.error.message) {
|
||
msg = result.error.message;
|
||
}
|
||
showToast('删除失败: ' + msg, 'error');
|
||
}
|
||
} catch (e) {
|
||
showToast('网络错误', 'error');
|
||
console.error(e);
|
||
}
|
||
}
|
||
|
||
// 选择邮件
|
||
async function selectEmail(messageId, index) {
|
||
document.querySelectorAll('.email-item').forEach((item, i) => {
|
||
item.classList.toggle('active', i === index);
|
||
});
|
||
|
||
// Show email detail section (new layout)
|
||
if (typeof showEmailDetailSection === 'function') {
|
||
showEmailDetailSection();
|
||
}
|
||
|
||
// 这里不重置 currentEmailDetail，等到 fetch 成功后再设置
|
||
|
||
// 重置信任模式
|
||
document.getElementById('trustEmailCheckbox').checked = false;
|
||
isTrustedMode = false;
|
||
|
||
// 显示工具栏
|
||
document.getElementById('emailDetailToolbar').style.display = 'flex';
|
||
|
||
// 加载邮件详情
|
||
const container = document.getElementById('emailDetail');
|
||
container.innerHTML = '<div class="loading-overlay"><span class="spinner"></span></div>';
|
||
|
||
try {
|
||
const response = await fetch(`/api/email/${encodeURIComponent(currentAccount)}/${encodeURIComponent(messageId)}?method=${currentMethod}&folder=${currentFolder}`);
|
||
const data = await response.json();
|
||
|
||
if (data.success) {
|
||
currentEmailDetail = data.email;
|
||
try {
|
||
renderEmailDetail(data.email);
|
||
} catch (renderError) {
|
||
console.error('渲染邮件详情失败:', renderError);
|
||
// 渲染失败时回退为纯文本显示
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">⚠️</span><p>邮件渲染失败: ${escapeHtml(renderError.message || '未知错误')}</p>
|
||
</div>
|
||
`;
|
||
}
|
||
} else {
|
||
handleApiError(data, '加载邮件详情失败');
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">⚠️</span><p>${data.error && data.error.message ? data.error.message : '加载失败'}</p>
|
||
</div>
|
||
`;
|
||
}
|
||
} catch (error) {
|
||
console.error('加载邮件详情失败:', error);
|
||
container.innerHTML = `
|
||
<div class="empty-state">
|
||
<span class="empty-icon">⚠️</span><p>网络错误，请重试 (${escapeHtml(error.message || '')})</p>
|
||
</div>
|
||
`;
|
||
}
|
||
}
|
||
|
||
// 渲染邮件详情
|
||
function renderEmailDetail(email) {
|
||
const container = document.getElementById('emailDetail');
|
||
|
||
const isHtml = email.body_type === 'html' ||
|
||
(email.body && (email.body.includes('<html') || email.body.includes('<div') || email.body.includes('<p>')));
|
||
|
||
const bodyContent = isHtml
|
||
? `<iframe id="emailBodyFrame" sandbox="allow-same-origin" onload="adjustIframeHeight(this)"></iframe>`
|
||
: `<div class="email-body-text">${escapeHtml(email.body)}</div>`;
|
||
|
||
container.innerHTML = `
|
||
<div class="email-detail-header">
|
||
<div class="email-detail-subject">${escapeHtml(email.subject || '无主题')}</div>
|
||
<div class="email-detail-meta">
|
||
<div class="email-detail-meta-row">
|
||
<span class="email-detail-meta-label">发件人</span>
|
||
<span class="email-detail-meta-value">${escapeHtml(email.from)}</span>
|
||
</div>
|
||
<div class="email-detail-meta-row">
|
||
<span class="email-detail-meta-label">收件人</span>
|
||
<span class="email-detail-meta-value">${escapeHtml(email.to || '-')}</span>
|
||
</div>
|
||
${email.cc ? `
|
||
<div class="email-detail-meta-row">
|
||
<span class="email-detail-meta-label">抄送</span>
|
||
<span class="email-detail-meta-value">${escapeHtml(email.cc)}</span>
|
||
</div>
|
||
` : ''}
|
||
<div class="email-detail-meta-row">
|
||
<span class="email-detail-meta-label">时间</span>
|
||
<span class="email-detail-meta-value">${formatDate(email.date)}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="email-detail-body">
|
||
${bodyContent}
|
||
</div>
|
||
`;
|
||
|
||
// 如果是 HTML 内容，设置 iframe 内容
|
||
if (isHtml) {
|
||
const iframe = document.getElementById('emailBodyFrame');
|
||
if (iframe) {
|
||
let sanitizedBody;
|
||
if (isTrustedMode) {
|
||
sanitizedBody = email.body; // 信任模式：不过滤
|
||
} else if (typeof DOMPurify !== 'undefined') {
|
||
// 使用 DOMPurify 净化 HTML 内容，防止 XSS 攻击
|
||
sanitizedBody = DOMPurify.sanitize(email.body, {
|
||
ALLOWED_TAGS: ['a', 'b', 'i', 'u', 'strong', 'em', 'p', 'br', 'div', 'span', 'img', 'table', 'tr', 'td', 'th', 'thead', 'tbody', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'pre', 'code'],
|
||
ALLOWED_ATTR: ['href', 'src', 'alt', 'title', 'style', 'class', 'width', 'height', 'align', 'border', 'cellpadding', 'cellspacing'],
|
||
ALLOW_DATA_ATTR: false,
|
||
FORBID_TAGS: ['script', 'style', 'iframe', 'object', 'embed', 'form', 'input', 'button'],
|
||
FORBID_ATTR: ['onerror', 'onload', 'onclick', 'onmouseover', 'onfocus', 'onblur']
|
||
});
|
||
} else {
|
||
// DOMPurify 未加载（CDN 不可达），回退为基本过滤
|
||
console.warn('DOMPurify 未加载，使用基本 HTML 过滤');
|
||
sanitizedBody = email.body
|
||
.replace(/<script[\s\S]*?<\/script>/gi, '')
|
||
.replace(/<style[\s\S]*?<\/style>/gi, '')
|
||
.replace(/on\w+="[^"]*"/gi, '')
|
||
.replace(/on\w+='[^']*'/gi, '');
|
||
}
|
||
|
||
const htmlContent = `
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||
font-size: 15px;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: transparent;
|
||
}
|
||
img { max-width: 100%; height: auto; }
|
||
a { color: var(--clr-primary, #B85C38); }
|
||
</style>
|
||
</head>
|
||
<body>${sanitizedBody}</body>
|
||
</html>
|
||
`;
|
||
iframe.srcdoc = htmlContent;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 动态调整 iframe 高度
|
||
function adjustIframeHeight(iframe) {
|
||
try {
|
||
// 多次尝试调整高度，确保内容完全加载
|
||
const adjustHeight = () => {
|
||
if (iframe.contentDocument && iframe.contentDocument.body) {
|
||
const body = iframe.contentDocument.body;
|
||
const html = iframe.contentDocument.documentElement;
|
||
// 获取实际内容高度（取最大值）
|
||
const height = Math.max(
|
||
body.scrollHeight,
|
||
body.offsetHeight,
|
||
html.clientHeight,
|
||
html.scrollHeight,
|
||
html.offsetHeight
|
||
);
|
||
// 设置最小高度为 600px，添加 100px 余量确保长邮件能完整显示
|
||
iframe.style.height = Math.max(height + 100, 600) + 'px';
|
||
}
|
||
};
|
||
|
||
// 立即调整一次
|
||
adjustHeight();
|
||
// 100ms 后再调整（等待图片等资源加载）
|
||
setTimeout(adjustHeight, 100);
|
||
// 300ms 后再调整
|
||
setTimeout(adjustHeight, 300);
|
||
// 500ms 后再调整（确保所有内容都已加载）
|
||
setTimeout(adjustHeight, 500);
|
||
// 1秒后最后调整一次
|
||
setTimeout(adjustHeight, 1000);
|
||
// 2秒后再次调整（处理延迟加载的内容）
|
||
setTimeout(adjustHeight, 2000);
|
||
|
||
// 监听 iframe 内容变化
|
||
if (iframe.contentDocument) {
|
||
const observer = new MutationObserver(adjustHeight);
|
||
observer.observe(iframe.contentDocument.body, {
|
||
childList: true,
|
||
subtree: true,
|
||
attributes: true
|
||
});
|
||
|
||
// 监听图片加载完成事件
|
||
const images = iframe.contentDocument.querySelectorAll('img');
|
||
images.forEach(img => {
|
||
img.addEventListener('load', adjustHeight);
|
||
img.addEventListener('error', adjustHeight);
|
||
});
|
||
}
|
||
} catch (e) {
|
||
console.log('Cannot adjust iframe height:', e);
|
||
}
|
||
}
|
||
|
||
// 同步邮件列表可见性（新布局简化版）
|
||
function syncEmailListVisibility(visible) {
|
||
// New layout doesn't use the old panel collapse system - no-op
|
||
}
|
||
|
||
// 切换邮件列表显示
|
||
function toggleEmailList() {
|
||
const toggleText = document.getElementById('toggleListText');
|
||
|
||
isListVisible = !isListVisible;
|
||
|
||
if (isListVisible) {
|
||
syncEmailListVisibility(true);
|
||
toggleText.textContent = '隐藏列表';
|
||
} else {
|
||
syncEmailListVisibility(false);
|
||
toggleText.textContent = '显示列表';
|
||
}
|
||
}
|
||
|
||
// ==================== 验证码提取（从邮件详情） ====================
|
||
|
||
function extractVerificationFromDetail(buttonElement) {
|
||
const originalContent = buttonElement.innerHTML;
|
||
buttonElement.disabled = true;
|
||
buttonElement.innerHTML = '⏳';
|
||
buttonElement.style.opacity = '0.6';
|
||
|
||
try {
|
||
// 获取邮件正文文本
|
||
let bodyText = '';
|
||
const emailDetail = document.getElementById('emailDetail');
|
||
const iframe = emailDetail ? emailDetail.querySelector('#emailBodyFrame') : null;
|
||
const textBody = emailDetail ? emailDetail.querySelector('.email-body-text') : null;
|
||
|
||
if (iframe && iframe.contentDocument && iframe.contentDocument.body) {
|
||
bodyText = iframe.contentDocument.body.innerText || iframe.contentDocument.body.textContent || '';
|
||
} else if (textBody) {
|
||
bodyText = textBody.textContent || '';
|
||
}
|
||
|
||
if (!bodyText.trim()) {
|
||
showToast('邮件正文为空，无法提取', 'error');
|
||
buttonElement.innerHTML = '❌';
|
||
setTimeout(() => { buttonElement.disabled = false; buttonElement.innerHTML = originalContent; buttonElement.style.opacity = '1'; }, 1500);
|
||
return;
|
||
}
|
||
|
||
// 正则提取验证码（4-8位数字/字母组合）
|
||
const codePatterns = [
|
||
/(?:验证码|verification code|code|码|PIN|OTP|密码)[：:\s]*([A-Za-z0-9]{4,8})/i,
|
||
/\b(\d{4,8})\b/,
|
||
/(?:code|码)[：:\s]*([A-Za-z0-9-]{4,12})/i,
|
||
];
|
||
|
||
// 正则提取链接
|
||
const urlPattern = /https?:\/\/[^\s<>"')\]]+/gi;
|
||
const urls = bodyText.match(urlPattern) || [];
|
||
// 过滤掉常见无关链接
|
||
const filteredUrls = urls.filter(u => !u.includes('unsubscribe') && !u.includes('privacy') && !u.includes('terms'));
|
||
|
||
let code = '';
|
||
for (const pattern of codePatterns) {
|
||
const match = bodyText.match(pattern);
|
||
if (match && match[1]) { code = match[1]; break; }
|
||
}
|
||
|
||
let result = '';
|
||
if (code) result += `验证码: ${code}`;
|
||
if (filteredUrls.length > 0) {
|
||
if (result) result += '\n';
|
||
result += `链接: ${filteredUrls[0]}`;
|
||
}
|
||
|
||
if (result) {
|
||
// 复制到剪贴板
|
||
if (navigator.clipboard && navigator.clipboard.writeText) {
|
||
navigator.clipboard.writeText(code || filteredUrls[0] || result);
|
||
}
|
||
showToast(`已复制: ${code || filteredUrls[0]}`, 'success');
|
||
buttonElement.innerHTML = '✅';
|
||
buttonElement.style.opacity = '1';
|
||
} else {
|
||
showToast('未找到验证码或链接', 'error');
|
||
buttonElement.innerHTML = '❌';
|
||
buttonElement.style.opacity = '1';
|
||
}
|
||
} catch (error) {
|
||
console.error('提取验证码失败:', error);
|
||
showToast('提取失败，请手动查看', 'error');
|
||
buttonElement.innerHTML = '❌';
|
||
buttonElement.style.opacity = '1';
|
||
}
|
||
|
||
setTimeout(() => {
|
||
buttonElement.disabled = false;
|
||
buttonElement.innerHTML = originalContent;
|
||
buttonElement.style.opacity = '1';
|
||
buttonElement.style.cursor = 'pointer';
|
||
}, 1500);
|
||
}
|
||
|
||
// 全屏查看邮件
|
||
let currentFullscreenEmail = null;
|
||
|
||
function openFullscreenEmail() {
|
||
const emailDetail = document.getElementById('emailDetail');
|
||
const modal = document.getElementById('fullscreenEmailModal');
|
||
const content = document.getElementById('fullscreenEmailContent');
|
||
const title = document.getElementById('fullscreenEmailTitle');
|
||
|
||
// 获取当前邮件的标题
|
||
const subjectElement = emailDetail.querySelector('.email-detail-subject');
|
||
if (subjectElement) {
|
||
title.textContent = subjectElement.textContent;
|
||
}
|
||
|
||
// 克隆邮件内容
|
||
const emailHeader = emailDetail.querySelector('.email-detail-header');
|
||
const emailBody = emailDetail.querySelector('.email-detail-body');
|
||
|
||
if (emailHeader && emailBody) {
|
||
// 清空内容
|
||
content.innerHTML = '';
|
||
|
||
// 克隆头部信息
|
||
const headerClone = emailHeader.cloneNode(true);
|
||
content.appendChild(headerClone);
|
||
|
||
// 处理邮件正文
|
||
const iframe = emailBody.querySelector('iframe');
|
||
const textContent = emailBody.querySelector('.email-body-text');
|
||
|
||
if (iframe) {
|
||
// 如果是 HTML 邮件，创建新的 iframe
|
||
const newIframe = document.createElement('iframe');
|
||
newIframe.id = 'fullscreenEmailBodyFrame';
|
||
newIframe.style.width = '100%';
|
||
newIframe.style.border = 'none';
|
||
newIframe.style.backgroundColor = '#ffffff';
|
||
|
||
// 复制原 iframe 的内容
|
||
if (iframe.contentDocument) {
|
||
const htmlContent = iframe.contentDocument.documentElement.outerHTML;
|
||
newIframe.srcdoc = htmlContent;
|
||
}
|
||
|
||
content.appendChild(newIframe);
|
||
|
||
// 调整 iframe 高度
|
||
newIframe.onload = function () {
|
||
adjustFullscreenIframeHeight(newIframe);
|
||
};
|
||
} else if (textContent) {
|
||
// 如果是纯文本邮件，直接克隆
|
||
const textClone = textContent.cloneNode(true);
|
||
content.appendChild(textClone);
|
||
}
|
||
|
||
// 显示模态框
|
||
modal.classList.add('show');
|
||
document.body.style.overflow = 'hidden';
|
||
}
|
||
}
|
||
|
||
// 切换信任模式
|
||
function toggleTrustMode(checkbox) {
|
||
if (checkbox.checked) {
|
||
if (confirm('⚠️ 警告：启用信任模式将直接显示邮件原始内容，不进行任何安全过滤。\n\n这可能包含恶意脚本或不安全的内容。您确定要继续吗？')) {
|
||
isTrustedMode = true;
|
||
if (currentEmailDetail) {
|
||
renderEmailDetail(currentEmailDetail);
|
||
}
|
||
} else {
|
||
checkbox.checked = false;
|
||
}
|
||
} else {
|
||
isTrustedMode = false;
|
||
if (currentEmailDetail) {
|
||
renderEmailDetail(currentEmailDetail);
|
||
}
|
||
}
|
||
}
|
||
|
||
function closeFullscreenEmail() {
|
||
const modal = document.getElementById('fullscreenEmailModal');
|
||
modal.classList.remove('show');
|
||
document.body.style.overflow = '';
|
||
}
|
||
|
||
function closeFullscreenEmailOnBackdrop(event) {
|
||
// 只有点击背景时才关闭，点击内容区域不关闭
|
||
if (event.target.id === 'fullscreenEmailModal') {
|
||
closeFullscreenEmail();
|
||
}
|
||
}
|
||
|
||
function adjustFullscreenIframeHeight(iframe) {
|
||
try {
|
||
const adjustHeight = () => {
|
||
if (iframe.contentDocument && iframe.contentDocument.body) {
|
||
const body = iframe.contentDocument.body;
|
||
const html = iframe.contentDocument.documentElement;
|
||
const height = Math.max(
|
||
body.scrollHeight,
|
||
body.offsetHeight,
|
||
html.clientHeight,
|
||
html.scrollHeight,
|
||
html.offsetHeight
|
||
);
|
||
// 全屏模式下设置实际高度，添加余量
|
||
iframe.style.height = (height + 100) + 'px';
|
||
}
|
||
};
|
||
|
||
// 多次调整高度
|
||
adjustHeight();
|
||
setTimeout(adjustHeight, 100);
|
||
setTimeout(adjustHeight, 300);
|
||
setTimeout(adjustHeight, 500);
|
||
setTimeout(adjustHeight, 1000);
|
||
|
||
// 监听内容变化
|
||
if (iframe.contentDocument) {
|
||
const observer = new MutationObserver(adjustHeight);
|
||
observer.observe(iframe.contentDocument.body, {
|
||
childList: true,
|
||
subtree: true,
|
||
attributes: true
|
||
});
|
||
|
||
// 监听图片加载
|
||
const images = iframe.contentDocument.querySelectorAll('img');
|
||
images.forEach(img => {
|
||
img.addEventListener('load', adjustHeight);
|
||
img.addEventListener('error', adjustHeight);
|
||
});
|
||
}
|
||
} catch (e) {
|
||
console.log('Cannot adjust fullscreen iframe height:', e);
|
||
}
|
||
}
|
||
|
||
// 显示邮件列表（移动端）
|
||
function showEmailList() {
|
||
syncEmailListVisibility(true);
|
||
isListVisible = true;
|
||
var t = document.getElementById('toggleListText');
|
||
if (t) t.textContent = '隐藏列表';
|
||
if (typeof hideEmailDetailSection === 'function') {
|
||
hideEmailDetailSection();
|
||
}
|
||
}
|
||
|
||
// 刷新邮件
|
||
function refreshEmails() {
|
||
if (currentAccount) {
|
||
if (isTempEmailGroup) {
|
||
loadTempEmailMessages(currentAccount);
|
||
} else {
|
||
// 清除当前缓存并强制刷新
|
||
const cacheKey = `${currentAccount}_${currentFolder}`;
|
||
delete emailListCache[cacheKey];
|
||
loadEmails(currentAccount, true);
|
||
}
|
||
} else {
|
||
showToast('请先选择一个邮箱账号', 'error');
|
||
}
|
||
}
|
||
|
||
// 复制邮箱地址
|
||
async function copyEmail(email) {
|
||
try {
|
||
if (navigator.clipboard && navigator.clipboard.writeText && window.isSecureContext) {
|
||
await navigator.clipboard.writeText(email);
|
||
showToast('邮箱地址已复制', 'success');
|
||
return true;
|
||
}
|
||
|
||
const textarea = document.createElement('textarea');
|
||
textarea.value = email;
|
||
textarea.setAttribute('readonly', 'readonly');
|
||
textarea.style.position = 'fixed';
|
||
textarea.style.top = '-9999px';
|
||
textarea.style.left = '-9999px';
|
||
|
||
document.body.appendChild(textarea);
|
||
textarea.focus();
|
||
textarea.select();
|
||
|
||
const copied = document.execCommand('copy');
|
||
document.body.removeChild(textarea);
|
||
|
||
if (!copied) {
|
||
throw new Error('document.execCommand(copy) returned false');
|
||
}
|
||
|
||
showToast('邮箱地址已复制', 'success');
|
||
return true;
|
||
} catch (error) {
|
||
console.error('复制邮箱地址失败:', error);
|
||
showToast('复制失败，请手动复制', 'error');
|
||
return false;
|
||
}
|
||
}
|
||
|
||
// 复制当前邮箱
|
||
function copyCurrentEmail() {
|
||
const emailElement = document.getElementById('currentAccountEmail');
|
||
if (emailElement && emailElement.textContent) {
|
||
const email = emailElement.textContent.replace(' (临时)', '').trim();
|
||
copyEmail(email);
|
||
}
|
||
}
|
||
|
||
// 退出登录
|
||
function logout() {
|
||
if (confirm('确定要退出登录吗？')) {
|
||
window.location.href = '/logout';
|
||
}
|
||
}
|
||
|