Function loadCertsTab

webdev/src/main.ts:197–249

* 加载证书管理页的数据 * 包括模块版本信息和证书列表

()

 * 包括模块版本信息和证书列表
 */
async function loadCertsTab(): Promise<void> {
    showSkeleton('versionInfo', 1);
    showSkeleton('certificateList', 4);

    try {
        // 并行请求版本信息和证书列表，加快加载速度
        const [versionResult, certResult] = await Promise.allSettled([
            getVersionInfo(),
            getInstallCertResults(),
        ]);

        // 渲染版本信息
        hideSkeleton('versionInfo');
        if (versionResult.status === 'fulfilled') {
            renderVersionInfo('versionInfo', versionResult.value);
        } else {
            renderVersionInfo('versionInfo', [t('getVersionInfoFailed')]);
        }

        // 渲染证书列表
        hideSkeleton('certificateList');
        if (certResult.status === 'fulfilled' && certResult.value.length > 0) {
            // 创建删除确认模态框
            const modal = createModal('deleteModal');

            // 用户确认删除后的操作
            modal.onConfirm(async (fileName: string) => {
                try {
                    await deleteCert(fileName);
                    toast(t('deletedReboot', fileName));
                    // 删除后重新加载证书列表
                    const updatedCerts = await getInstallCertResults();
                    renderCertList('certificateList', updatedCerts, handleDelete);
                } catch (e) {
                    console.error('删除证书失败:', e);
                    toast(t('deleteFailed'));
                }
            });

            // 点击删除按钮时弹出确认框
            function handleDelete(fileName: string, liElement: HTMLLIElement): void {
                modal.show(fileName);
            }

            renderCertList('certificateList', certResult.value, handleDelete);
        }
    } catch (e) {
        console.error('加载证书管理页失败:', e);
        hideSkeleton('versionInfo');
        hideSkeleton('certificateList');
        toast(t('loadFailedRoot'));
    }
}

/**
 * 加载模式配置页的数据