Update some components to use i18n function, update en & zh-CN translation

2024-11-24 02:15:59 +03:00 · 2022-04-04 11:33:02 +08:00 · 2022-04-04 11:33:02 +08:00 · 706d6cee07
commit 706d6cee07
parent 43eed45bae
6 changed files with 90 additions and 53 deletions
--- a/src/components/CertificateInfoRow.vue
+++ b/src/components/CertificateInfoRow.vue
@ -11,23 +11,23 @@
                <table class="text-start">
                    <tbody>
                        <tr class="my-3">
-                            <td class="px-3">Subject:</td>
+                            <td class="px-3">{{ $t("Subject:") }}</td>
                            <td>{{ formatSubject(cert.subject) }}</td>
                        </tr>
                        <tr class="my-3">
-                            <td class="px-3">Valid To:</td>
+                            <td class="px-3">{{ $t("Valid To:") }}</td>
                            <td><Datetime :value="cert.validTo" /></td>
                        </tr>
                        <tr class="my-3">
-                            <td class="px-3">Days Remaining:</td>
+                            <td class="px-3">{{ $t("Days Remaining:") }}</td>
                            <td>{{ cert.daysRemaining }}</td>
                        </tr>
                        <tr class="my-3">
-                            <td class="px-3">Issuer:</td>
+                            <td class="px-3">{{ $t("Issuer:") }}</td>
                            <td>{{ formatSubject(cert.issuer) }}</td>
                        </tr>
                        <tr class="my-3">
-                            <td class="px-3">Fingerprint:</td>
+                            <td class="px-3">{{ $t("Fingerprint:") }}</td>
                            <td>{{ cert.fingerprint }}</td>
                        </tr>
                    </tbody>
--- a/src/components/settings/ReverseProxy.vue
+++ b/src/components/settings/ReverseProxy.vue
@ -20,11 +20,16 @@
            </div>

            <div v-if="errorMessage" class="mt-3">
-                Message:
+                {{ $t("Error Message:") }}
                <textarea v-model="errorMessage" class="form-control" readonly></textarea>
            </div>

-            <p v-if="installed === false">(Download cloudflared from <a href="https://developers.cloudflare.com/cloudflare-one/connections/connect-apps/install-and-setup/installation/">Cloudflare Website</a>)</p>
+            <i18n-t v-if="installed === false" tag="p" keypath="wayToGetCloudflaredURL">
+                <a
+                    href="https://developers.cloudflare.com/cloudflare-one/connections/connect-apps/install-and-setup/installation/"
+                    target="_blank"
+                >{{ $t("cloudflareWebsite") }}</a>
+            </i18n-t>
        </div>

        <!-- If installed show token input -->
@ -44,7 +49,7 @@
                        <span v-if="!running" class="remove-token" @click="removeToken">{{ $t("Remove Token") }}</span>
                    </div>

-                    Don't know how to get the token? Please read the guide:<br />
+                    {{ $t("Don't know how to get the token? Please read the guide:") }}<br />
                    <a href="https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy-with-Cloudflare-Tunnel" target="_blank">
                        https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy-with-Cloudflare-Tunnel
                    </a>
@ -61,7 +66,7 @@
                </button>

                <Confirm ref="confirmStop" btn-style="btn-danger" :yes-text="$t('Stop') + ' cloudflared'" :no-text="$t('Cancel')" @yes="stop">
-                    The current connection may be lost if you are currently connecting via Cloudflare Tunnel. Are you sure want to stop it? Type your current password to confirm it.
+                    {{ $t("The current connection may be lost if you are currently connecting via Cloudflare Tunnel. Are you sure want to stop it? Type your current password to confirm it.") }}

                    <div class="mt-3">
                        <label for="current-password2" class="form-label">
@ -79,10 +84,10 @@
            </div>
        </div>

-        <h4 class="mt-4">Other Software</h4>
+        <h4 class="mt-4">{{ $t("Other Software") }}</h4>
        <div>
-            For example: nginx, Apache and Traefik. <br />
-            Please read <a href="https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy" target="_blank">https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy</a>.
+            {{ $t("For example: nginx, Apache and Traefik.") }} <br />
+            {{ $t("Please read") }} <a href="https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy" target="_blank">https://github.com/louislam/uptime-kuma/wiki/Reverse-Proxy</a>.
        </div>
    </div>
 </template>
--- a/src/languages/en.js
+++ b/src/languages/en.js
@ -382,8 +382,8 @@ export default {
    "Certificate Chain": "Certificate Chain",
    Valid: "Valid",
    Invalid: "Invalid",
-    AccessKeyId: "AccessKeyId",
-    SecretAccessKey: "SecretAccessKey",
+    AccessKeyId: "AccessKey ID",
+    SecretAccessKey: "AccessKey Secret",
    PhoneNumbers: "PhoneNumbers",
    TemplateCode: "TemplateCode",
    SignName: "SignName",
@ -417,7 +417,7 @@ export default {
    "Add New Status Page": "Add New Status Page",
    Slug: "Slug",
    "Accept characters:": "Accept characters:",
-    "Start or end with": "Start or end with",
+    "startOrEndWithOnly": "Start or end with {0} only",
    "No consecutive dashes": "No consecutive dashes",
    Next: "Next",
    "The slug is already taken. Please choose another slug.": "The slug is already taken. Please choose another slug.",
@ -428,4 +428,18 @@ export default {
    "Reverse Proxy": "Reverse Proxy",
    Backup: "Backup",
    About: "About",
+    wayToGetCloudflaredURL: "(Download cloudflared from {0})",
+    cloudflareWebsite: "Cloudflare Website",
+    "Error Message:": "Error Message:",
+    "Don't know how to get the token? Please read the guide:": "Don't know how to get the token? Please read the guide:",
+    "The current connection may be lost if you are currently connecting via Cloudflare Tunnel. Are you sure want to stop it? Type your current password to confirm it.": "The current connection may be lost if you are currently connecting via Cloudflare Tunnel. Are you sure want to stop it? Type your current password to confirm it.",
+    "Other Software": "Other Software",
+    "For example: nginx, Apache and Traefik.": "For example: nginx, Apache and Traefik.",
+    "Please read": "Please read",
+    "Subject:": "Subject:",
+    "Valid To:": "Valid To:",
+    "Days Remaining:": "Days Remaining:",
+    "Issuer:": "Issuer:",
+    "Fingerprint:": "Fingerprint:",
+    "No status pages": "No status pages",
 };
--- a/src/languages/zh-CN.js
+++ b/src/languages/zh-CN.js
@ -88,8 +88,8 @@ export default {
    Dark: "黑暗",
    Auto: "自动",
    "Theme - Heartbeat Bar": "主题 - 心跳栏",
-    Normal: "正常显示",
-    Bottom: "靠下显示",
+    Normal: "正常", // 此处还供 Gorush 的通知优先级功能使用，不应翻译为“正常显示”
+    Bottom: "靠下",
    None: "不显示",
    Timezone: "时区",
    "Search Engine Visibility": "搜索引擎可见性",
@ -393,44 +393,60 @@ export default {
    "Proxy Protocol": "代理协议",
    "Proxy Server": "代理服务器",
    "Server Address": "服务器地址",
-    "Certificate Chain": "Certificate Chain",
-    Valid: "Valid",
-    Invalid: "Invalid",
-    AccessKeyId: "AccessKeyId",
-    SecretAccessKey: "SecretAccessKey",
+    "Certificate Chain": "证书链",
+    Valid: "有效",
+    Invalid: "无效",
+    AccessKeyId: "AccessKey ID",
+    SecretAccessKey: "AccessKey Secret",
+    /* 以下为阿里云短信服务 API Dysms#SendSms 的参数 */
    PhoneNumbers: "PhoneNumbers",
    TemplateCode: "TemplateCode",
    SignName: "SignName",
-    "Bark Endpoint": "Bark Endpoint",
-    "Device Token": "Device Token",
-    Platform: "Platform",
+    /* 以上为阿里云短信服务 API Dysms#SendSms 的参数 */
+    "Bark Endpoint": "Bark 接入点",
+    "Device Token": "Apple Device Token",
+    Platform: "平台",
    iOS: "iOS",
    Android: "Android",
-    Huawei: "Huawei",
-    High: "High",
-    Retry: "Retry",
-    Topic: "Topic",
-    "Setup Proxy": "Setup Proxy",
-    "Proxy server has authentication": "Proxy server has authentication",
-    User: "User",
-    Installed: "Installed",
-    "Not installed": "Not installed",
-    Running: "Running",
-    "Not running": "Not running",
-    "Remove Token": "Remove Token",
-    Start: "Start",
-    Stop: "Stop",
+    Huawei: "华为",
+    High: "高",
+    Retry: "重试次数",
+    Topic: "Gorush Topic",
+    "Setup Proxy": "设置代理",
+    "Proxy server has authentication": "代理服务器启用了身份验证功能",
+    User: "用户名",
+    Installed: "已安装",
+    "Not installed": "未安装",
+    Running: "运行中",
+    "Not running": "未运行",
+    "Error Message:": "错误信息：",
+    wayToGetCloudflaredURL: "（可从 {0} 下载 cloudflared）",
+    cloudflareWebsite: "Cloudflare 网站",
+    "Don't know how to get the token? Please read the guide:": "不知道如何获取 token？请阅读指南：",
+    "The current connection may be lost if you are currently connecting via Cloudflare Tunnel. Are you sure want to stop it? Type your current password to confirm it.": "如果你停止 Cloudflare Tunnel，所有通过 Cloudflare Tunnel 连接的请求可能丢失。你是否确定停止 Cloudflare Tunnel？请输入你的密码以确认。",
+    "Other Software": "其他软件",
+    "For example: nginx, Apache and Traefik.": "例如：nginx、Apache 和 Traefik。",
+    "Please read": "请阅读",
+    "Remove Token": "移除 Token",
+    Start: "启动",
+    Stop: "停止",
    "Uptime Kuma": "Uptime Kuma",
-    "Add New Status Page": "Add New Status Page",
-    Slug: "Slug",
-    "Accept characters:": "Accept characters:",
-    "Start or end with": "Start or end with",
-    "No consecutive dashes": "No consecutive dashes",
-    Next: "Next",
-    "The slug is already taken. Please choose another slug.": "The slug is already taken. Please choose another slug.",
-    "No Proxy": "No Proxy",
-    "HTTP Basic Auth": "HTTP Basic Auth",
-    "New Status Page": "New Status Page",
-    "Page Not Found": "Page Not Found",
-    "Reverse Proxy": "Reverse Proxy",
+    "Add New Status Page": "添加新的状态页",
+    Slug: "路径",
+    "Accept characters:": "可接受的字符：",
+    "startOrEndWithOnly": "开头和结尾必须为 {0}",
+    "No consecutive dashes": "不能有连续的破折号",
+    Next: "下一步",
+    "The slug is already taken. Please choose another slug.": "该路径已被使用。请选择其他路径。",
+    "No Proxy": "无代理",
+    "HTTP Basic Auth": "HTTP 基础身份验证",
+    "New Status Page": "新的状态页",
+    "Page Not Found": "状态页未找到",
+    "Reverse Proxy": "反向代理",
+    "Subject:": "颁发给：",
+    "Valid To:": "有效期至：",
+    "Days Remaining:": "剩余有效天数：",
+    "Issuer:": "颁发者：",
+    "Fingerprint:": "指纹：",
+    "No status pages": "无状态页",
 };
--- a/src/pages/AddStatusPage.vue
+++ b/src/pages/AddStatusPage.vue
@ -21,7 +21,9 @@
                        <div class="form-text">
                            <ul>
                                <li>{{ $t("Accept characters:") }} <mark>a-z</mark> <mark>0-9</mark> <mark>-</mark></li>
-                                <li>{{ $t("Start or end with") }} <mark>a-z</mark> <mark>0-9</mark> only</li>
+                                <i18n-t tag="li" keypath="startOrEndWithOnly">
+                                    <mark>a-z</mark> <mark>0-9</mark>
+                                </i18n-t>
                                <li>{{ $t("No consecutive dashes") }} <mark>--</mark></li>
                            </ul>
                        </div>
--- a/src/pages/ManageStatusPage.vue
+++ b/src/pages/ManageStatusPage.vue
@ -12,7 +12,7 @@
            <div class="shadow-box">
                <template v-if="$root.statusPageListLoaded">
                    <span v-if="Object.keys($root.statusPageList).length === 0" class="d-flex align-items-center justify-content-center my-3">
-                        No status pages
+                        {{ $t("No status pages") }}
                    </span>

                    <!-- use <a> instead of <router-link>, because the heartbeat won't load. -->