Refine English translation again and again (#7353)

Author: JohnNiang

frontend/src/components/app-status/index.vue

@@ -6,7 +6,7 @@
                     <div class="flex flex-wrap gap-4">
                         <el-tag effect="dark" type="success">{{ data.app }}</el-tag>
                         <Status :key="refresh" :status="data.status"></Status>
-                        <el-tag>{{ $t('app.version') }}:{{ data.version }}</el-tag>
+                        <el-tag>{{ $t('app.version') }}{{ $t('commons.colon') }}{{ data.version }}</el-tag>
                     </div>
 
                     <div class="mt-0.5">
@@ -217,13 +217,13 @@ const onOperate = async (operation: string) => {
 const getTitle = (key: string) => {
     switch (key) {
         case 'openresty':
-            return i18n.global.t('website.website');
+            return i18n.global.t('website.website', 2);
         case 'mysql':
-            return 'MySQL ' + i18n.global.t('menu.database');
+            return 'MySQL ' + i18n.global.t('menu.database').toLowerCase();
         case 'postgresql':
-            return 'PostgreSQL ' + i18n.global.t('menu.database');
+            return 'PostgreSQL ' + i18n.global.t('menu.database').toLowerCase();
         case 'redis':
-            return 'Redis ' + i18n.global.t('menu.database');
+            return 'Redis ' + i18n.global.t('menu.database').toLowerCase();
     }
 };
 

frontend/src/components/table-setting/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-popover placement="bottom-start" :width="240" trigger="click">
+        <el-popover placement="bottom-start" :width="260" trigger="click">
             <template #reference>
                 <el-button round class="timer-button">{{ $t('commons.table.tableSetting') }}</el-button>
             </template>

frontend/src/lang/modules/en.ts

@@ -321,6 +321,7 @@ const message = {
         container: '容器',
         cronjob: '計劃任務',
         host: '主機',
+        system: '系統',
         files: '文件',
         monitor: '監控',
         terminal: '終端',
@@ -1064,6 +1065,7 @@ const message = {
             noClam: '未檢測到 ClamAV 服務，請參考官方文檔進行安裝！',
             notStart: '當前未 ClamAV 服務，請先開啟！',
             removeRecord: '刪除報告文件',
+            noRecords: '點擊“執行”按鈕開始掃描，掃描結果將會記錄在這裏。',
             removeResultHelper: '刪除任務執行過程中生成的報告文件，以清理存儲空間。',
             removeInfected: '刪除病毒文件',
             removeInfectedHelper: '刪除任務檢測到的病毒文件，以確保伺服器的安全和正常運行。',
@@ -1967,7 +1969,7 @@ const message = {
         disabled: '已停止',
         startProxy: '開啟反向代理',
         stopProxy: '關閉反向代理',
-        proxyFile: '源文',
+        sourceFile: '源文',
         proxyHelper1: '訪問這個目錄時將會把目標URL的內容返回並顯示',
         proxyPassHelper: '代理的站點，必須為可正常訪問的URL',
         proxyHostHelper: '將域名添加到請求頭傳遞到代理服務器',

frontend/src/lang/modules/tw.ts

@@ -320,6 +320,7 @@ const message = {
         container: '容器',
         cronjob: '计划任务',
         host: '主机',
+        system: '系统',
         files: '文件',
         monitor: '监控',
         terminal: '终端',
@@ -1065,6 +1066,7 @@ const message = {
             noClam: '未检测到 ClamAV 服务，请参考官方文档进行安装！',
             notStart: '当前未开启 ClamAV 服务，请先开启！',
             removeRecord: '删除报告文件',
+            noRecords: '点击“执行”按钮开始扫描，扫描结果将会记录在这里。',
             removeResultHelper: '删除任务执行过程中生成的报告文件，以清理存储空间。',
             removeInfected: '删除病毒文件',
             removeInfectedHelper: '删除任务检测到的病毒文件，以确保服务器的安全和正常运行。',
@@ -1967,7 +1969,7 @@ const message = {
         disabled: '已停止',
         startProxy: '开启反向代理',
         stopProxy: '关闭反向代理',
-        proxyFile: '源文',
+        sourceFile: '源文',
         proxyHelper1: '访问这个目录时将会把目标URL的内容返回并显示',
         proxyPassHelper: '代理的站点，必须为可正常访问的URL',
         proxyHostHelper: '将域名添加到请求头传递到代理服务器',

frontend/src/lang/modules/zh.ts

@@ -7,7 +7,7 @@ const hostRouter = {
     redirect: '/hosts/security',
     meta: {
         icon: 'p-host',
-        title: 'menu.host',
+        title: 'menu.system',
     },
     children: [
         {

frontend/src/routers/modules/host.ts

@@ -227,7 +227,7 @@
         </el-card>
 
         <div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0">
-            <LayoutContent :title="'MySQL ' + $t('menu.database')" :divider="true">
+            <LayoutContent :title="'MySQL ' + $t('menu.database').toLowerCase()" :divider="true">
                 <template #main>
                     <div class="app-warn">
                         <div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">

frontend/src/views/database/mysql/index.vue

@@ -187,7 +187,7 @@
         </el-card>
 
         <div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0">
-            <LayoutContent :title="'PostgreSQL ' + $t('menu.database')" :divider="true">
+            <LayoutContent :title="'PostgreSQL ' + $t('menu.database').toLowerCase()" :divider="true">
                 <template #main>
                     <div class="app-warn">
                         <div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">

frontend/src/views/database/postgresql/index.vue

@@ -2,7 +2,7 @@
     <div v-loading="loading">
         <LayoutContent>
             <template #title>
-                <back-button name="PostgreSQL" :header="$t('database.remoteDB')" />
+                <back-button name="PostgreSQL" :header="$t('database.remoteDB', 2)" />
             </template>
             <template #toolbar>
                 <div class="flex justify-between gap-2 flex-wrap sm:flex-row">

frontend/src/views/database/postgresql/remote/index.vue

@@ -96,7 +96,7 @@
         </div>
 
         <div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0">
-            <LayoutContent :title="'Redis ' + $t('menu.database')" :divider="true">
+            <LayoutContent :title="'Redis ' + $t('menu.database').toLowerCase()" :divider="true">
                 <template #main>
                     <div class="app-warn">
                         <div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">