You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampark.apache.org by be...@apache.org on 2022/11/17 02:42:36 UTC

[incubator-streampark] branch dev updated: [Improve]add i18n for app detail view page. (#2028)

This is an automated email from the ASF dual-hosted git repository.

benjobs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/dev by this push:
     new d6647e696 [Improve]add i18n for app detail view page. (#2028)
d6647e696 is described below

commit d6647e69621c722b99838971eaa35fde3cd1db6a
Author: lvlin241 <lv...@163.com>
AuthorDate: Thu Nov 17 10:42:31 2022 +0800

    [Improve]add i18n for app detail view page. (#2028)
    
    * [Improve]add i18n for app detail view page.
---
 .../src/locales/lang/en/flink/app.ts               |  4 ++++
 .../src/locales/lang/zh-CN/flink/app.ts            |  8 ++++++--
 .../src/views/flink/app/data/detail.data.ts        | 24 ++++++++++++----------
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/streampark-console/streampark-console-webapp/src/locales/lang/en/flink/app.ts b/streampark-console/streampark-console-webapp/src/locales/lang/en/flink/app.ts
index 53383c2cc..1c30231c2 100644
--- a/streampark-console/streampark-console-webapp/src/locales/lang/en/flink/app.ts
+++ b/streampark-console/streampark-console-webapp/src/locales/lang/en/flink/app.ts
@@ -15,6 +15,7 @@
  * limitations under the License.
  */
 export default {
+  id: 'ID',
   appName: 'Application Name',
   searchName: 'Name',
   tags: 'Tags',
@@ -61,6 +62,9 @@ export default {
   dragUploadTip:
     'Support for a single upload. You can upload a local jar here to support for current Job',
   dependencyError: 'please set flink version first.',
+  status: 'Run Status',
+  startTime: 'Start Time',
+  endTime: 'End Time',
   launch: {
     launchTitle: 'The current launch of the application is in progress.',
     launchDesc: 'are you sure you want to force another build',
diff --git a/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/flink/app.ts b/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/flink/app.ts
index ecc286765..22a3abace 100644
--- a/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/flink/app.ts
+++ b/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/flink/app.ts
@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 export default {
-  flinkWebUi: 'Flink Web UI',
+  id: '作业编号',
   appName: '作业名称',
   searchName: '名称',
   tags: '作业标签',
@@ -61,6 +61,9 @@ export default {
   dragUploadTitle: '单击或拖动 jar 到此区域以上传',
   dragUploadTip: '支持单次上传。您可以在此处上传本地 jar 以支持当前作业',
   dependencyError: '请先检查flink 版本.',
+  status: '运行状态',
+  startTime: '启动时间',
+  endTime: '结束时间',
   launch: {
     launchTitle: '该应用程序的当前启动正在进行中.',
     launchDesc: '您确定要强制进行另一次构建吗',
@@ -69,10 +72,11 @@ export default {
   },
   detail: {
     detailTitle: '作业详情',
+    flinkWebUi: 'Flink原生引擎界面',
     compareConfig: '比较配置',
     candidate: '侯选',
     compare: '比较',
-    resetApi: 'Rest Api',
+    resetApi: '外部系统调用API',
     resetApiToolTip: 'Rest API外部调用接口,其他第三方系统可轻松对接StreamPark',
     copyStartcURL: '复制启动 cURL',
     copyCancelcURL: '复制取消 cURL',
diff --git a/streampark-console/streampark-console-webapp/src/views/flink/app/data/detail.data.ts b/streampark-console/streampark-console-webapp/src/views/flink/app/data/detail.data.ts
index a0ae2490f..bfe5407d7 100644
--- a/streampark-console/streampark-console-webapp/src/views/flink/app/data/detail.data.ts
+++ b/streampark-console/streampark-console-webapp/src/views/flink/app/data/detail.data.ts
@@ -22,19 +22,21 @@ import State from '../components/State';
 import Icon from '/@/components/Icon';
 import { dateToDuration } from '/@/utils/dateUtil';
 import { AppTypeEnum, JobTypeEnum } from '/@/enums/flinkEnum';
+import { useI18n } from '/@/hooks/web/useI18n';
 
+const { t } = useI18n();
 export const getDescSchema = (): DescItem[] => {
   return [
     {
       field: 'id',
-      label: 'ID',
+      label: t('flink.app.id'),
       render: (curVal) =>
         h(TypographyParagraph, { copyable: true, style: { color: '#477de9' } }, () => curVal),
     },
-    { field: 'jobName', label: 'Application Name' },
+    { field: 'jobName', label: t('flink.app.appName') },
     {
       field: 'jobType',
-      label: 'Development Mode',
+      label: t('flink.app.developmentMode'),
       render: (curVal) =>
         h(
           'div',
@@ -44,11 +46,11 @@ export const getDescSchema = (): DescItem[] => {
           ),
         ),
     },
-    { field: 'module', label: 'Module', show: (data) => data.jobType != JobTypeEnum.SQL },
-    { field: 'projectName', label: 'Project', show: (data) => data.jobType != JobTypeEnum.SQL },
+    { field: 'module', label: t('flink.app.module'), show: (data) => data.jobType != JobTypeEnum.SQL },
+    { field: 'projectName', label: t('flink.app.project'), show: (data) => data.jobType != JobTypeEnum.SQL },
     {
       field: 'appType',
-      label: 'Application Type',
+      label: t('flink.app.appType'),
       render: (curVal) =>
         h(Tag, { color: curVal == AppTypeEnum.STREAMPARK_FLINK ? 'cyan' : 'blue' }, () =>
           curVal == AppTypeEnum.STREAMPARK_FLINK ? 'StreamPark Flink' : 'Apache Flink',
@@ -56,12 +58,12 @@ export const getDescSchema = (): DescItem[] => {
     },
     {
       field: 'state',
-      label: 'Status',
+      label: t('flink.app.status'),
       render: (_curVal, data) => h(State, { option: 'state', data }),
     },
     {
       field: 'startTime',
-      label: 'Start Time',
+      label: t('flink.app.startTime'),
       render: (curVal) =>
         h(
           'div',
@@ -73,7 +75,7 @@ export const getDescSchema = (): DescItem[] => {
     },
     {
       field: 'endTime',
-      label: 'End Time',
+      label: t('flink.app.endTime'),
       render: (curVal) =>
         h(
           'div',
@@ -85,11 +87,11 @@ export const getDescSchema = (): DescItem[] => {
     },
     {
       field: 'duration',
-      label: 'Duration',
+      label: t('flink.app.duration'),
       render: (curVal) => dateToDuration(curVal),
       show: (data) => data.duration,
     },
-    { field: 'description', label: 'Description', span: 2 },
+    { field: 'description', label: t('common.description'), span: 2 },
   ];
 };
 /* setting */