feat: 更新窗口加入本地化

ChuanhuChatbot.py

@@ -38,7 +38,14 @@ with gr.Blocks(css=customCSS, theme=small_and_beautiful_theme) as demo:
         status_display = gr.Markdown(get_geoip(), elem_id="status_display")
     with gr.Row(elem_id="float_display"):
         user_info = gr.Markdown(value="getting user info...", elem_id="user_info")
-        update_info = gr.HTML(get_html("update.html").format(current_version=repo_html(),version_time=version_time()), visible=check_update)
+        update_info = gr.HTML(get_html("update.html").format(
+            current_version=repo_html(),
+            version_time=version_time(),
+            cancel_btn=i18n("取消"),
+            update_btn=i18n("更新"),
+            seenew_btn=i18n("详情"),
+            ok_btn=i18n("好"),
+            ), visible=check_update)
 
     with gr.Row().style(equal_height=True):
         with gr.Column(scale=5):

assets/custom.css

@@ -88,9 +88,8 @@ footer {
 }
 .btn-update-group {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-evenly;
     align-items: center;
-    max-width: 72%;
     width: 100%;
     padding-top: 10px;
 }

assets/custom.js

@@ -53,6 +53,12 @@ var deleteConfirm_i18n_suff = {
 var deleteConfirm_msg_pref = "Are you sure you want to delete ";
 var deleteConfirm_msg_suff = " ?";
 
+var usingLatest_i18n = {
+    'zh': "您使用的就是最新版！",
+    'en': "You are using the latest version!",
+    'ja': "最新バージョンを使用しています！",
+};
+
 // gradio 页面加载好了么??? 我能动你的元素了么??
 function gradioLoaded(mutations) {
     for (var i = 0; i < mutations.length; i++) {
@@ -586,7 +592,8 @@ function noUpdate() {
     const releaseNoteWrap = document.getElementById('release-note-wrap');
     const gotoUpdateBtn = document.getElementById('goto-update-btn');
     const closeUpdateBtn = document.getElementById('close-update-btn');
-    versionInfoElement.textContent = 'You are using the latest version!';
+
+    versionInfoElement.textContent = usingLatest_i18n.hasOwnProperty(language) ? usingLatest_i18n[language] : usingLatest_i18n['en'];
     releaseNoteWrap.style.setProperty('display', 'none');
     gotoUpdateBtn.classList.add('hideK');
     closeUpdateBtn.classList.remove('hideK');

assets/html/update.html

@@ -14,12 +14,12 @@
             </div>
         </div>
         <div id="goto-update-btn" class="btn-update-group">
-            <button class="btn-update lg secondary svelte-1ipelgc" id="cancel-button" onclick="cancelUpdate()">Cancel</button>
-            <button class="btn-update lg primary svelte-1ipelgc" id="update-button" onclick="getUpdate()">Update</button>
+            <button class="btn-update lg secondary svelte-1ipelgc" id="cancel-button" onclick="cancelUpdate()">{cancel_btn}</button>
+            <button class="btn-update lg primary svelte-1ipelgc" id="update-button" onclick="getUpdate()">{update_btn}</button>
         </div>
         <div id="close-update-btn" class="btn-update-group hideK">
-            <button class="btn-update lg secondary svelte-1ipelgc" id="update-button" onclick="getUpdate()">What's new</button>
-            <button class="btn-update lg primary svelte-1ipelgc" id="cancel-button" onclick="cancelUpdate()">OK</button>
+            <button class="btn-update lg secondary svelte-1ipelgc" id="update-button" onclick="getUpdate()">{seenew_btn}</button>
+            <button class="btn-update lg primary svelte-1ipelgc" id="cancel-button" onclick="cancelUpdate()">{ok_btn}</button>
         </div>
     </div>
 </div>

locale/en_US.json

@@ -44,6 +44,11 @@
     "代理地址（示例：http://127.0.0.1:10809）": "Proxy address (example: http://127.0.0.1:10809）",
     "🔄 设置代理地址": "🔄 Set Proxy Address",
     "🔙 恢复默认设置": "🔙 Restore Default Settings",
+    "🔄 检查更新...": "🔄 Check for Update...",
+    "取消": "Cancel",
+    "更新": "Update",
+    "详情": "Details",
+    "好": "OK",
     "川虎Chat 🚀": "Chuanhu Chat 🚀",
     "开始实时传输回答……": "Start streaming output...",
     "Token 计数: ": "Token Count: ",

locale/ja_JP.json

@@ -44,6 +44,11 @@
     "代理地址（示例：http://127.0.0.1:10809）": "プロキシアドレス（例：http://127.0.0.1:10809）",
     "🔄 设置代理地址": "🔄 プロキシアドレスを設定",
     "🔙 恢复默认设置": "🔙 デフォルト設定に戻す",
+    "🔄 检查更新...": "🔄 アップデートをチェック...",
+    "取消": "キャンセル",
+    "更新": "アップデート",
+    "详情": "詳細",
+    "好": "はい",
     "川虎Chat 🚀": "川虎Chat 🚀",
     "开始实时传输回答……": "ストリーム出力開始……",
     "Token 计数: ": "Token数: ",