Function renderCustomServices

static/js/email_services.js:428–473

()

// 渲染自定义邮箱服务列表
function renderCustomServices() {
    if (customServices.length === 0) {
        elements.customTable.innerHTML = `
            <tr>
                <td colspan="9">
                    <div class="empty-state">
                        <div class="empty-state-icon">📭</div>
                        <div class="empty-state-title">暂无自定义邮箱服务</div>
                        <div class="empty-state-description">点击「添加服务」按钮创建新服务</div>
                    </div>
                </td>
            </tr>
        `;
        return;
    }

    elements.customTable.innerHTML = customServices.map(service => {
        return `
        <tr data-id="${service.id}">
            <td><input type="checkbox" data-id="${service.id}" ${selectedCustom.has(service.id) ? 'checked' : ''}></td>
            <td>${escapeHtml(service.name)}</td>
            <td>${getCustomServiceTypeBadge(service._subType)}</td>
            <td style="font-size: 0.75rem; min-width: 400px;">${getCustomServiceAddress(service)}</td>
            <td>--</td>
            <td title="${service.enabled ? '已启用' : '已禁用'}">${service.enabled ? '✅' : '⭕'}</td>
            <td>${service.priority}</td>
            <td>${format.date(service.last_used)}</td>
            <td>
                <div style="display:flex;gap:4px;align-items:center;white-space:nowrap;">
                    <button class="btn btn-secondary btn-sm" onclick="editCustomService(${service.id}, '${service._subType}')">编辑</button>
                    <button class="btn ${service.enabled ? 'btn-warning' : 'btn-success'} btn-sm" onclick="toggleService(${service.id}, ${!service.enabled})">${service.enabled ? '禁用' : '启用'}</button>
                    <button class="btn btn-secondary btn-sm" onclick="testService(${service.id})">测试</button>
                    <button class="btn btn-danger btn-sm" onclick="deleteService(${service.id}, '${escapeHtml(service.name)}')">删除</button>
                </div>
            </td>
        </tr>`;
    }).join('');

    elements.customTable.querySelectorAll('input[type="checkbox"][data-id]').forEach(cb => {
        cb.addEventListener('change', (e) => {
            const id = parseInt(e.target.dataset.id);
            if (e.target.checked) selectedCustom.add(id);
            else selectedCustom.delete(id);
        });
    });
}

// 加载临时邮箱配置
async function loadTempmailConfig() {