Files
pdf-translate-web/templates/history.html
coder 69e4ca4d64 feat: 前端页面使用网站基础配置
- 使用 Flask context_processor 自动注入 site_config
- 所有页面标题使用 site_name 配置
- 所有页面导航栏品牌使用 site_name 配置
- 所有页面底部使用 site_footer 配置
- 文件上传时使用 max_file_size 配置验证文件大小
- 显示最大文件限制提示
2026-04-16 18:44:57 +08:00

70 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>翻译历史 - {{ site_config.site_name }}</title>
<link rel="icon" href="/static/img/favicon.svg" type="image/svg+xml">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/style.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
<a class="navbar-brand" href="/">📄 {{ site_config.site_name }}</a>
<div class="navbar-nav ms-auto">
<span class="nav-link text-light">👋 {{ user.username }}</span>
<a class="nav-link" href="/logout">退出</a>
</div>
</div>
</nav>
<main class="container my-5">
<h2 class="mb-4">翻译历史</h2>
{% if translations %}
<div class="card">
<div class="card-body">
{% for t in translations %}
<div class="history-item">
<div>
<strong>{{ t.original_filename }}</strong>
<small class="text-muted ms-2">{{ t.page_count }}页</small>
{% if t.from_cache %}
<span class="badge bg-success ms-2">缓存</span>
{% endif %}
<small class="text-muted d-block">{{ t.created_at.strftime('%Y-%m-%d %H:%M') }}</small>
</div>
<div>
<span class="badge
{% if t.status == 'completed' %}bg-success{% endif %}
{% if t.status == 'processing' %}bg-warning{% endif %}
{% if t.status == 'failed' %}bg-danger{% endif %}
">{{ t.status }}</span>
{% if t.status == 'completed' %}
<a href="/translate/{{ t.id }}" class="btn btn-sm btn-outline-primary ms-2">查看</a>
<a href="/api/download/{{ t.id }}" class="btn btn-sm btn-success ms-2">下载</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% else %}
<div class="alert alert-info">
还没有翻译记录,<a href="/">开始翻译</a>吧!
</div>
{% endif %}
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- 页脚 -->
<footer class="bg-light py-4 mt-5">
<div class="container text-center">
{{ site_config.site_footer | safe }}
</div>
</footer>
</body>
</html>