${baseHeadContent}`);
}
return `
${baseHeadContent}
${content}
`;
}
function renderMessageBody(message) {
const bodyContent = message.body?.content || message.bodyPreview || '暂无正文';
const contentType = (message.body?.contentType || 'text').toLowerCase();
const isHtml = contentType === 'html';
if (isHtml) {
elements.mailBodyFrame.classList.remove('hidden');
elements.mailPreview.classList.add('hidden');
elements.mailBodyFrame.srcdoc = buildEmailDocument(bodyContent);
return;
}
elements.mailBodyFrame.classList.add('hidden');
elements.mailBodyFrame.srcdoc = '';
elements.mailPreview.classList.remove('hidden');
elements.mailPreview.textContent = bodyContent;
}
function renderMessage(message) {
showMailPanel();
clearStatus();
elements.mailEmpty.classList.add('hidden');
elements.mailCard.classList.remove('hidden');
elements.mailFrom.textContent = formatRecipient(message.from);
elements.mailTime.textContent = message.receivedDateTime
? new Date(message.receivedDateTime).toLocaleString('zh-CN', { hour12: false })
: '-';
renderMessageBody(message);
}
async function requestJson(url) {
const response = await fetch(url);
const payload = await response.json().catch(() => ({}));
if (response.status === 401) {
window.location.assign('/login');
throw new Error('Authentication required');
}
if (!response.ok) {
throw new Error(payload.error || 'Request failed');
}
return payload;
}
async function loadUsers() {
elements.userCount.textContent = '加载账号中...';
elements.refreshUsers.disabled = true;
try {
const payload = await requestJson('/api/users');
state.users = payload.users || [];
state.defaultMailboxAddress = payload.defaultMailboxAddress || '';
applyUserFilter();
if (state.selectedUser) {
const nextSelected = state.users.find((user) => user.id === state.selectedUser.id);
state.selectedUser = nextSelected || null;
renderUserList();
}
if (!state.selectedUser && !state.initialAutoSelected && state.defaultMailboxAddress) {
const normalizedDefault = state.defaultMailboxAddress.toLowerCase();
const defaultUser = state.users.find((user) => {
return [user.mail, user.userPrincipalName]
.filter(Boolean)
.some((value) => value.toLowerCase() === normalizedDefault);
});
if (defaultUser) {
state.initialAutoSelected = true;
loadLatestEmail(defaultUser.id);
}
}
} catch (error) {
elements.userList.innerHTML = `${escapeHtml(error.message)}
`;
elements.userCount.textContent = '加载失败';
} finally {
elements.refreshUsers.disabled = false;
}
}
async function loadLatestEmail(userId) {
const user = state.users.find((entry) => entry.id === userId);
if (!user) {
return;
}
state.selectedUser = user;
state.lastMessage = null;
renderUserList();
showMailPanel();
elements.mailEmpty.classList.add('hidden');
elements.mailCard.classList.add('hidden');
setStatus('正在读取最新邮件...', 'loading');
elements.refreshMail.disabled = true;
try {
const payload = await requestJson(`/api/users/${encodeURIComponent(userId)}/latest-email`);
state.lastMessage = payload.message;
if (!payload.message) {
renderEmptyMail('该账号收件箱当前没有邮件。');
return;
}
renderMessage(payload.message);
} catch (error) {
renderEmptyMail(error.message);
} finally {
elements.refreshMail.disabled = false;
}
}
function escapeHtml(value) {
return String(value)
.replaceAll('&', '&')
.replaceAll('<', '<')
.replaceAll('>', '>')
.replaceAll('"', '"')
.replaceAll("'", ''');
}
elements.userList.addEventListener('click', (event) => {
const button = event.target.closest('[data-user-id]');
if (!button) {
return;
}
loadLatestEmail(button.dataset.userId);
});
elements.searchInput.addEventListener('input', () => {
applyUserFilter();
});
elements.refreshUsers.addEventListener('click', () => {
loadUsers();
});
elements.refreshMail.addEventListener('click', () => {
if (state.selectedUser) {
loadLatestEmail(state.selectedUser.id);
}
});
loadUsers();