胡绍康andClaude Opus 4.6
0ab50db85f
- 新增布局管理器支持拖拽调整面板宽度 - 新增状态管理器实现布局持久化 - 重构前端页面结构优化四栏式布局 - 新增 Jest 测试框架和完整测试用例 - 完善项目文档（PRD/FD/TDD/TODO/LOG） - 清理 Python 缓存文件并更新 .gitignore Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
712 lines
31 KiB
JavaScript
712 lines
31 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('.folder-tab');
|
|
if (refreshBtn) {
|
|
refreshBtn.disabled = true;
|
|
refreshBtn.textContent = '获取中...';
|
|
}
|
|
folderTabs.forEach(tab => tab.disabled = true);
|
|
|
|
// 重置分页状态
|
|
currentSkip = 0;
|
|
hasMoreEmails = true;
|
|
|
|
container.innerHTML = '<div class="loading"><div class="loading-spinner"></div></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">
|
|
<div class="empty-state-icon">⚠️</div>
|
|
<div class="empty-state-text">获取邮件失败，<a href="javascript:void(0)" id="showEmailErrorLink" style="color:#409eff;text-decoration:underline;">点击查看详情</a></div>
|
|
</div>
|
|
`;
|
|
lastFetchErrorDetails = data.details || {};
|
|
// 绑定事件监听器
|
|
const errorLink = document.getElementById('showEmailErrorLink');
|
|
if (errorLink) {
|
|
errorLink.addEventListener('click', () => showEmailFetchErrorModal(lastFetchErrorDetails));
|
|
}
|
|
}
|
|
} catch (error) {
|
|
container.innerHTML = `
|
|
<div class="empty-state">
|
|
<div class="empty-state-icon">⚠️</div>
|
|
<div class="empty-state-text">网络错误，请重试</div>
|
|
</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">
|
|
<div class="empty-state-icon">📭</div>
|
|
<div class="empty-state-text">收件箱为空</div>
|
|
</div>
|
|
`;
|
|
// Reset selection
|
|
selectedEmailIds.clear();
|
|
updateEmailBatchActionBar();
|
|
return;
|
|
}
|
|
|
|
// 根据是否是临时邮箱选择不同的点击处理函数
|
|
const clickHandler = isTempEmailGroup ? 'getTempEmailDetail' : 'selectEmail';
|
|
|
|
container.innerHTML = emails.map((email, index) => {
|
|
const isChecked = selectedEmailIds.has(email.id);
|
|
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 style="flex: 1; min-width: 0;">
|
|
<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 class="email-date">${formatDate(email.date)}</div>
|
|
</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">
|
|
<div class="empty-state-icon">🗑️</div>
|
|
<div class="empty-state-text">邮件已删除</div>
|
|
</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 {
|
|
showToast('删除失败: ' + (result.error || '未知错误'), 'error');
|
|
}
|
|
} catch (e) {
|
|
showToast('网络错误', 'error');
|
|
console.error(e);
|
|
}
|
|
}
|
|
|
|
// 选择邮件
|
|
async function selectEmail(messageId, index) {
|
|
// 更新 UI
|
|
document.querySelectorAll('.email-item').forEach((item, i) => {
|
|
item.classList.toggle('active', i === index);
|
|
});
|
|
|
|
// 这里不重置 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"><div class="loading-spinner"></div></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;
|
|
renderEmailDetail(data.email);
|
|
} else {
|
|
handleApiError(data, '加载邮件详情失败');
|
|
container.innerHTML = `
|
|
<div class="empty-state">
|
|
<div class="empty-state-icon">⚠️</div>
|
|
<div class="empty-state-text">${data.error && data.error.message ? data.error.message : '加载失败'}</div>
|
|
</div>
|
|
`;
|
|
}
|
|
} catch (error) {
|
|
container.innerHTML = `
|
|
<div class="empty-state">
|
|
<div class="empty-state-icon">⚠️</div>
|
|
<div class="empty-state-text">网络错误，请重试</div>
|
|
</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 {
|
|
// 使用 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']
|
|
});
|
|
}
|
|
|
|
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: #ffffff;
|
|
}
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
a {
|
|
color: #0078d4;
|
|
}
|
|
</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);
|
|
}
|
|
}
|
|
|
|
// 同步“邮件列表显示/隐藏”与可调整布局系统（Grid 列宽）
|
|
function syncEmailListVisibility(visible) {
|
|
const panel = document.getElementById('emailListPanel');
|
|
if (!panel) return;
|
|
|
|
try {
|
|
const lm = window.layoutManager;
|
|
if (lm && typeof lm.applyCollapsedLayoutVars === 'function' && typeof lm.applyExpandedLayoutVars === 'function') {
|
|
if (visible) {
|
|
panel.classList.remove('hidden');
|
|
|
|
// 若面板处于折叠状态，先自动展开（不抢焦点/不保存），保持“移动端临时显示”语义
|
|
if (panel.classList.contains('collapsed') && typeof lm.expandPanel === 'function') {
|
|
lm.expandPanel('emails', true);
|
|
}
|
|
|
|
lm.applyExpandedLayoutVars('emails');
|
|
} else {
|
|
panel.classList.add('hidden');
|
|
lm.applyCollapsedLayoutVars('emails');
|
|
}
|
|
return;
|
|
}
|
|
} catch (e) {
|
|
// 降级：忽略布局系统异常，不影响主业务
|
|
console.warn('syncEmailListVisibility failed:', e);
|
|
}
|
|
|
|
// 无布局系统时保持旧逻辑
|
|
if (visible) {
|
|
panel.classList.remove('hidden');
|
|
} else {
|
|
panel.classList.add('hidden');
|
|
}
|
|
}
|
|
|
|
// 切换邮件列表显示
|
|
function toggleEmailList() {
|
|
const toggleText = document.getElementById('toggleListText');
|
|
|
|
isListVisible = !isListVisible;
|
|
|
|
if (isListVisible) {
|
|
syncEmailListVisibility(true);
|
|
toggleText.textContent = '隐藏列表';
|
|
} else {
|
|
syncEmailListVisibility(false);
|
|
toggleText.textContent = '显示列表';
|
|
}
|
|
}
|
|
|
|
// 全屏查看邮件
|
|
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;
|
|
document.getElementById('toggleListText').textContent = '隐藏列表';
|
|
}
|
|
|
|
// 刷新邮件
|
|
function refreshEmails() {
|
|
if (currentAccount) {
|
|
if (isTempEmailGroup) {
|
|
loadTempEmailMessages(currentAccount);
|
|
} else {
|
|
// 清除当前缓存并强制刷新
|
|
const cacheKey = `${currentAccount}_${currentFolder}`;
|
|
delete emailListCache[cacheKey];
|
|
loadEmails(currentAccount, true);
|
|
}
|
|
} else {
|
|
showToast('请先选择一个邮箱账号', 'error');
|
|
}
|
|
}
|
|
|
|
// 复制邮箱地址
|
|
function copyEmail(email) {
|
|
navigator.clipboard.writeText(email).then(() => {
|
|
showToast('邮箱地址已复制', 'success');
|
|
}).catch(() => {
|
|
// 降级方案
|
|
const textarea = document.createElement('textarea');
|
|
textarea.value = email;
|
|
document.body.appendChild(textarea);
|
|
textarea.select();
|
|
document.execCommand('copy');
|
|
document.body.removeChild(textarea);
|
|
showToast('邮箱地址已复制', 'success');
|
|
});
|
|
}
|
|
|
|
// 复制当前邮箱
|
|
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';
|
|
}
|
|
}
|
|
|