- 使用 Flask context_processor 自动注入 site_config - 所有页面标题使用 site_name 配置 - 所有页面导航栏品牌使用 site_name 配置 - 所有页面底部使用 site_footer 配置 - 文件上传时使用 max_file_size 配置验证文件大小 - 显示最大文件限制提示
70 lines
2.8 KiB
HTML
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> |