earthjasonlin/mailova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n): add English localization with per-user language preference and navbar toggle

Browse Source
This commit is contained in:
Zichao Lin
2026-07-06 22:07:05 +08:00
parent 172e33e121
commit f448a900f5
17 changed files with 539 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/templates/postcards.html
View File

@@ -1,9 +1,9 @@
{% extends "base.html" %}
{% block title %}{{ profile.nickname }} - 星笺{% endblock %}
{% block title %}{{ profile.nickname }} - {{ 'brand'|t(user.language) }}{% endblock %}
{% block content %}
<div class="section-header">
<h1>{{ profile.nickname }} 的明信片</h1>
<a href="/profiles/{{ profile.id }}/postcards/new" class="btn btn-primary">+ 新明信片</a>
<h1>{{ profile.nickname }} {{ 'pc_list.title'|t(user.language) }}</h1>
<a href="/profiles/{{ profile.id }}/postcards/new" class="btn btn-primary">{{ 'pc_list.new'|t(user.language) }}</a>
</div>
<div style="margin-bottom:1rem">
{% if profile.notes %}
@@ -13,18 +13,18 @@
<div class="filter-bar">
<form method="get" class="form-row">
<select name="country">
<option value="">全部国家</option>
<option value="">{{ 'pc_list.all_countries'|t(user.language) }}</option>
{% for c in countries %}
<option value="{{ c }}" {% if country == c %}selected{% endif %}>{{ c|flag }} {{ c }}</option>
{% endfor %}
</select>
<button type="submit" class="btn">筛选</button>
<button type="submit" class="btn">{{ 'pc_list.filter'|t(user.language) }}</button>
</form>
</div>
<div class="tabs" id="tabs">
<button class="tab active" onclick="switchTab('sent')">寄出 ({{ sent|length }})</button>
<button class="tab" onclick="switchTab('received')">收到 ({{ received|length }})</button>
<button class="tab active" onclick="switchTab('sent')">{{ 'pc_list.tab_sent'|t(user.language) }} ({{ sent|length }})</button>
<button class="tab" onclick="switchTab('received')">{{ 'pc_list.tab_received'|t(user.language) }} ({{ received|length }})</button>
</div>
<div id="tab-sent" class="tab-panel">
@@ -33,7 +33,7 @@
<a href="/postcards/{{ pc.id }}" class="postcard-row">
<div class="postcard-row-img">
{% if pc.image_front %}
<img src="{{ pc.image_front }}" alt="正面" loading="lazy">
<img src="{{ pc.image_front }}" alt="" loading="lazy">
{% else %}
<div class="thumb placeholder">📷</div>
{% endif %}
@@ -44,24 +44,24 @@
<span>{{ pc.country|flag }} {{ pc.country or '-' }}</span>
<span>→ {{ pc.recipient_name or '-' }}</span>
</div>
<span class="badge badge-{{ pc.status }}">{{ {'sent':'已寄出','delivered':'已送达'}.get(pc.status) }}</span>
<span class="badge badge-{{ pc.status }}">{{ {'sent':'已寄出','delivered':'已送达'}.get(pc.status) if user.language=='zh' else {'sent':'Sent','delivered':'Delivered'}.get(pc.status) }}</span>
<span class="postcard-row-date">
{% if pc.send_time %}{{ pc.send_time.strftime('%Y-%m-%d') }}寄出{% endif %}
{% if pc.arrival_time %}<br>{{ pc.arrival_time.strftime('%Y-%m-%d') }}送达{% endif %}
{% if pc.send_time %}{{ pc.send_time.strftime('%Y-%m-%d') }}{% if user.language=='zh' %}寄出{% endif %}{% endif %}
{% if pc.arrival_time %}<br>{{ pc.arrival_time.strftime('%Y-%m-%d') }}{% if user.language=='zh' %}送达{% endif %}{% endif %}
</span>
</div>
{% if pc.notes %}<span class="postcard-row-notes">{{ pc.notes[:50] }}{% if pc.notes|length > 50 %}…{% endif %}</span>{% endif %}
<div class="postcard-row-action">
{% if pc.status == 'sent' %}
<form method="post" action="/postcards/{{ pc.id }}/mark-delivered" onclick="event.preventDefault();event.stopPropagation();if(confirm('确认已送达？'))this.submit();">
<button type="submit" class="btn btn-sm btn-primary">已送达</button>
<form method="post" action="/postcards/{{ pc.id }}/mark-delivered" onclick="event.preventDefault();event.stopPropagation();if(confirm('{{ 'pc_list.confirm_delivered'|t(user.language) }}'))this.submit();">
<button type="submit" class="btn btn-sm btn-primary">{{ 'pc_list.mark_delivered'|t(user.language) }}</button>
</form>
{% endif %}
</div>
</a>
{% endfor %}
{% else %}
<p class="empty">没有寄出的明信片。</p>
<p class="empty">{{ 'pc_list.empty_sent'|t(user.language) }}</p>
{% endif %}
</div>
@@ -71,7 +71,7 @@
<a href="/postcards/{{ pc.id }}" class="postcard-row">
<div class="postcard-row-img">
{% if pc.image_front %}
<img src="{{ pc.image_front }}" alt="正面" loading="lazy">
<img src="{{ pc.image_front }}" alt="" loading="lazy">
{% else %}
<div class="thumb placeholder">📷</div>
{% endif %}
@@ -81,13 +81,13 @@
<div class="postcard-row-detail">
<span>← {{ pc.sender_name or '-' }}</span>
</div>
{% if pc.receive_time %}<span class="postcard-row-date">{{ pc.receive_time.strftime('%Y-%m-%d') }}收到</span>{% endif %}
{% if pc.receive_time %}<span class="postcard-row-date">{{ pc.receive_time.strftime('%Y-%m-%d') }}{% if user.language=='zh' %}收到{% endif %}</span>{% endif %}
</div>
{% if pc.notes %}<span class="postcard-row-notes">{{ pc.notes[:50] }}{% if pc.notes|length > 50 %}…{% endif %}</span>{% endif %}
</a>
{% endfor %}
{% else %}
<p class="empty">没有收到的明信片。</p>
<p class="empty">{{ 'pc_list.empty_received'|t(user.language) }}</p>
{% endif %}
</div>