frontend: group replace create i18n

src/frontend/src/app/admin/apikey/create-edit-apikey/create-edit-apikey.component.html

@@ -6,7 +6,7 @@ <h3 class="modal-title">{{title}}</h3>
       <section class="form-block">
         <div class="form-group row">
           <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
-            <label for="name" class="required">名称</label>
+            <label for="name" class="required">{{'TITLE.NAME' | translate}}</label>
           </div>
           <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
             <input class="form-control"
@@ -78,7 +78,7 @@ <h3 class="modal-title">{{title}}</h3>
         </div>
         <div class="form-group row">
           <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
-            <label for="description">描述</label>
+            <label for="description">{{'TITLE.DESCRIPTION' | translate}}</label>
           </div>
           <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
               <textarea class="form-control"

src/frontend/src/app/admin/apikey/list-apikey/list-apikey.component.html

@@ -3,7 +3,7 @@
     <ng-container *clrDgHideableColumn="{hidden: false}">ID</ng-container>
   </clr-dg-column>
   <clr-dg-column [clrDgField]="'name'">
-    <ng-container *clrDgHideableColumn="{hidden: false}">名称</ng-container>
+    <ng-container *clrDgHideableColumn="{hidden: false}">{{'TITLE.NAME' | translate}}</ng-container>
   </clr-dg-column>
   <clr-dg-column class="col-type">
     <ng-container *clrDgHideableColumn="{hidden: false}">类型</ng-container>
@@ -18,16 +18,16 @@
     <ng-container *clrDgHideableColumn="{hidden: false}">资源ID</ng-container>
   </clr-dg-column>
   <clr-dg-column class="col-time">
-    <ng-container *clrDgHideableColumn="{hidden: false}">创建时间</ng-container>
+    <ng-container *clrDgHideableColumn="{hidden: false}">{{'TITLE.CREATE_TIME' | translate}}</ng-container>
   </clr-dg-column>
   <clr-dg-column>
     <ng-container *clrDgHideableColumn="{hidden: false}">过期时间(s)</ng-container>
   </clr-dg-column>
   <clr-dg-column class="col-user">
-    <ng-container *clrDgHideableColumn="{hidden: false}">创建者</ng-container>
+    <ng-container *clrDgHideableColumn="{hidden: false}">{{'TITLE.CREATE_USER' | translate}}</ng-container>
   </clr-dg-column>
   <clr-dg-column>
-    <ng-container *clrDgHideableColumn="{hidden: false}">描述</ng-container>
+    <ng-container *clrDgHideableColumn="{hidden: false}">{{'TITLE.DESCRIPTION' | translate}}</ng-container>
   </clr-dg-column>
 
   <clr-dg-row *ngFor="let apiKey of apiKeys" [clrDgItem]="apiKey">

src/frontend/src/app/admin/app/create-edit-app/create-edit-app.component.html

@@ -14,7 +14,7 @@ <h3 class="modal-title">{{appTitle}}</h3>
           </div>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="app_name" class="col-md-3 form-group-label-override required">名称</label>
+          <label for="app_name" class="col-md-3 form-group-label-override required">{{'TITLE.NAME' | translate}}</label>
           <label for="app_name" aria-haspopup="true" role="tooltip" [class.invalid]="!isNameValid" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left form-control">
             <input class="form-control" type="text" id="app_name"  [(ngModel)]="app.name"
                    name="app_name" size="32"
@@ -34,7 +34,7 @@ <h3 class="modal-title">{{appTitle}}</h3>
           <wayne-ace-editor-box></wayne-ace-editor-box>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="app_description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="app_description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="app_description" [(ngModel)]="app.description"
                     name="app_description"
                     rows="3">

src/frontend/src/app/admin/app/list-app/list-app.component.html

@@ -26,18 +26,18 @@
   </clr-dg-column>
   <clr-dg-column [clrDgField]="'user'" class="col-user">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建者
+      {{'TITLE.CREATE_USER' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建时间
+      {{'TITLE.CREATE_TIME' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-row *ngFor="let app of apps" [clrDgItem]="app">
     <clr-dg-action-overflow >
       <button class="action-item" (click)="editApp(app)" >编辑</button>
-      <button class="action-item" (click)="deleteApp(app)">删除</button>
+      <button class="action-item" (click)="deleteApp(app)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
       <clr-dg-cell class="col-id">{{app.id}}</clr-dg-cell>
       <clr-dg-cell class="col-app-name copy"><a href="javascript:void(0)" (click)="goToLink(app, 'deploy')">{{app.name}}</a></clr-dg-cell>

src/frontend/src/app/admin/app/trash-app/trash-app.component.html

@@ -26,12 +26,12 @@ <h2 class="header-title">已删除项目列表</h2>
       </clr-dg-column>
       <clr-dg-column [clrDgField]="'user'">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建者
+          {{'TITLE.CREATE_USER' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建时间
+          {{'TITLE.CREATE_TIME' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-row *ngFor="let app of apps" [clrDgItem]="app">

src/frontend/src/app/admin/auditlog/auditlog.component.html

@@ -30,7 +30,7 @@ <h2 class="header-title">审计日志列表</h2>
     <ng-container *clrDgHideableColumn="{hidden: false}">日期</ng-container>
   </clr-dg-column>
   <clr-dg-column>
-    <ng-container *clrDgHideableColumn="{hidden: false}">操作详情</ng-container>
+    <ng-container *clrDgHideableColumn="{hidden: false}">{{'BUTTON.DETAIL' | translate}}</ng-container>
   </clr-dg-column>
 
   <clr-dg-row *ngFor="let al of auditLogs" [clrDgItem]="al">

src/frontend/src/app/admin/cluster/create-edit-cluster/create-edit-cluster.component.html

@@ -6,7 +6,7 @@ <h3 class="modal-title">{{title}}
     <form #ngForm="ngForm">
       <section class="form-block">
         <div class="form-group" style="padding-left: 135px;">
-          <label for="name" class="col-md-3 form-group-label-override required">名称</label>
+          <label for="name" class="col-md-3 form-group-label-override required">{{'TITLE.NAME' | translate}}</label>
           <label for="name" aria-haspopup="true" role="tooltip" [class.invalid]="!isNameValid" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left form-control">
             <input class="form-control" type="text" id="name"  [(ngModel)]="cluster.name"
                    name="name" size="24"
@@ -59,7 +59,7 @@ <h3 style="margin-top: 0">配置说明</h3>
           <wayne-ace-editor-box #metaData></wayne-ace-editor-box>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="description" [(ngModel)]="cluster.description"
                     name="description"
                     rows="3">

src/frontend/src/app/admin/cluster/list-cluster/list-cluster.component.html

@@ -36,18 +36,18 @@
   </clr-dg-column>
   <clr-dg-column class="col-user">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建者
+      {{'TITLE.CREATE_USER' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-column class="col-time">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建时间
+      {{'TITLE.CREATE_TIME' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-row *ngFor="let cluster of clusters" [clrDgItem]="cluster">
     <clr-dg-action-overflow >
       <button class="action-item" (click)="editCluster(cluster)" >编辑</button>
-      <button class="action-item" (click)="deleteCluster(cluster)">删除</button>
+      <button class="action-item" (click)="deleteCluster(cluster)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
       <clr-dg-cell class="col-id">{{cluster.id}}</clr-dg-cell>
       <clr-dg-cell class="col-cluster-name copy">{{cluster.name}}</clr-dg-cell>

src/frontend/src/app/admin/cluster/trash-cluster/trash-cluster.component.html

@@ -26,12 +26,12 @@ <h2 class="header-title">已删除集群列表</h2>
       </clr-dg-column>
       <clr-dg-column>
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建者
+          {{'TITLE.CREATE_USER' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-column>
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建时间
+          {{'TITLE.CREATE_TIME' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-row *ngFor="let cluster of clusters" [clrDgItem]="cluster">

src/frontend/src/app/admin/config/list-config/list-config.component.html

@@ -17,7 +17,7 @@
   <clr-dg-row *ngFor="let config of configs" [clrDgItem]="config">
     <clr-dg-action-overflow>
       <button class="action-item" (click)="editConfig(config)">编辑</button>
-      <button class="action-item" (click)="deleteConfig(config)">删除</button>
+      <button class="action-item" (click)="deleteConfig(config)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
     <clr-dg-cell class="col-id">{{config.id}}</clr-dg-cell>
     <clr-dg-cell class="col-key">{{config.name}}</clr-dg-cell>

src/frontend/src/app/admin/configmap/create-edit-configmap/create-edit-configmap.component.html

@@ -14,7 +14,7 @@ <h3 class="modal-title">{{title}}</h3>
           </div>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="name" class="col-md-3 form-group-label-override required">名称</label>
+          <label for="name" class="col-md-3 form-group-label-override required">{{'TITLE.NAME' | translate}}</label>
           <label for="name" aria-haspopup="true" role="tooltip" [class.invalid]="!isNameValid" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left form-control">
             <input class="form-control" type="text" id="name"  [(ngModel)]="configMap.name"
                    name="name" size="32"
@@ -34,7 +34,7 @@ <h3 class="modal-title">{{title}}</h3>
           <wayne-ace-editor-box></wayne-ace-editor-box>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="description" [(ngModel)]="configMap.description"
                     name="description"
                     rows="3">

src/frontend/src/app/admin/configmap/list-configmap/list-configmap.component.html

@@ -26,18 +26,18 @@
   </clr-dg-column>
   <clr-dg-column [clrDgField]="'user'">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建者
+      {{'TITLE.CREATE_USER' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建时间
+      {{'TITLE.CREATE_TIME' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-row *ngFor="let configMap of configMaps" [clrDgItem]="configMap">
     <clr-dg-action-overflow >
       <button class="action-item" (click)="editConfigMap(configMap)" >编辑</button>
-      <button class="action-item" (click)="deleteConfigMap(configMap)">删除</button>
+      <button class="action-item" (click)="deleteConfigMap(configMap)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
       <clr-dg-cell class="col-query-id">{{configMap.id}}</clr-dg-cell>
       <clr-dg-cell class="col-app-name copy"><a href="javascript:void(0)" (click)="goToLink(configMap, 'tpl')">{{configMap.name}}</a></clr-dg-cell>

src/frontend/src/app/admin/configmap/trash-configmap/trash-configmap.component.html

@@ -26,12 +26,12 @@ <h2 class="header-title">已删除配置集列表</h2>
       </clr-dg-column>
       <clr-dg-column [clrDgField]="'user'">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建者
+          {{'TITLE.CREATE_USER' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建时间
+          {{'TITLE.CREATE_TIME' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-row *ngFor="let configMap of configMaps" [clrDgItem]="configMap">

src/frontend/src/app/admin/configmaptpl/create-edit-configmaptpl/create-edit-configmaptpl.component.html

@@ -16,7 +16,7 @@ <h3 class="modal-title">{{title}}
           </div>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="description" [(ngModel)]="configMapTpl.description"
                     name="description"
                     rows="3">

src/frontend/src/app/admin/configmaptpl/list-configmaptpl/list-configmaptpl.component.html

@@ -16,18 +16,18 @@
   </clr-dg-column>
   <clr-dg-column [clrDgField]="'user'">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建者
+      {{'TITLE.CREATE_USER' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-column [clrDgSortBy]="'createTime'">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建时间
+      {{'TITLE.CREATE_TIME' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-row *ngFor="let configMapTpl of configMapTpls" [clrDgItem]="configMapTpl">
     <clr-dg-action-overflow>
       <button class="action-item" (click)="editConfigMapTpl(configMapTpl)" >编辑</button>
-      <button class="action-item" (click)="deleteConfigMapTpl(configMapTpl)">删除</button>
+      <button class="action-item" (click)="deleteConfigMapTpl(configMapTpl)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
     <clr-dg-cell>{{configMapTpl.id}}</clr-dg-cell>
     <clr-dg-cell class="copy">{{configMapTpl.name}}</clr-dg-cell>

src/frontend/src/app/admin/configmaptpl/trash-configmaptpl/trash-configmaptpl.component.html

@@ -21,12 +21,12 @@ <h2 class="header-title">已删除配置集模版列表</h2>
       </clr-dg-column>
       <clr-dg-column [clrDgField]="'user'">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建者
+          {{'TITLE.CREATE_USER' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-column [clrDgSortBy]="'createTime'">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建时间
+          {{'TITLE.CREATE_TIME' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-row *ngFor="let configMapTpl of configMapTpls" [clrDgItem]="configMapTpl">

src/frontend/src/app/admin/cronjob/create-edit-cronjob/create-edit-cronjob.component.html

@@ -14,7 +14,7 @@ <h3 class="modal-title">{{title}}</h3>
           </div>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="name" class="col-md-3 form-group-label-override required">名称</label>
+          <label for="name" class="col-md-3 form-group-label-override required">{{'TITLE.NAME' | translate}}</label>
           <label for="name" aria-haspopup="true" role="tooltip" [class.invalid]="!isNameValid" class="tooltip tooltip-validation tooltip-md tooltip-bottom-left form-control">
             <input class="form-control" type="text" id="name"  [(ngModel)]="cronjob.name"
                    name="name" size="32"
@@ -34,7 +34,7 @@ <h3 class="modal-title">{{title}}</h3>
           <wayne-ace-editor-box></wayne-ace-editor-box>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="description" [(ngModel)]="cronjob.description"
                     name="description"
                     rows="3">

src/frontend/src/app/admin/cronjob/cronjob.component.html

@@ -1,7 +1,7 @@
 <div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
     <div class="row flex-items-xs-between flex-items-xs-top" style="padding-left: 15px; padding-right: 15px;">
-      <h2 class="header-title">计划任务列表</h2>
+      <h2 class="header-title">{{'CRONJOB.LIST' | translate}}</h2>
     </div>
     <div class="row flex-items-xs-between" style="height:32px;">
       <div class="option-left">

src/frontend/src/app/admin/cronjob/cronjob.component.ts

@@ -12,7 +12,7 @@ import {ListCronjobComponent} from './list-cronjob/list-cronjob.component';
 import {Cronjob} from '../../shared/model/v1/cronjob';
 import {CronjobService} from '../../shared/client/v1/cronjob.service';
 import {PageState} from '../../shared/page/page-state';
-
+import {TranslateService} from '@ngx-translate/core';
 @Component({
   selector: 'wayne-cronjob',
   templateUrl: './cronjob.component.html',
@@ -36,6 +36,7 @@ export class CronjobComponent implements OnInit {
     private breadcrumbService: BreadcrumbService,
     private route: ActivatedRoute,
     private messageHandlerService: MessageHandlerService,
+    public translate: TranslateService,
     private deletionDialogService: ConfirmationDialogService) {
     breadcrumbService.addFriendlyNameForRoute('/admin/cronjob', this.componentName + '列表');
     breadcrumbService.addFriendlyNameForRoute('/admin/cronjob/trash', '已删除' + this.componentName + '列表');

src/frontend/src/app/admin/cronjob/list-cronjob/list-cronjob.component.html

@@ -26,18 +26,18 @@
   </clr-dg-column>
   <clr-dg-column [clrDgField]="'user'">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建者
+      {{'TITLE.CREATE_USER' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
     <ng-container *clrDgHideableColumn="{hidden: false}">
-      创建时间
+      {{'TITLE.CREATE_TIME' | translate}}
     </ng-container>
   </clr-dg-column>
   <clr-dg-row *ngFor="let cronjob of cronjobs" [clrDgItem]="cronjob">
     <clr-dg-action-overflow >
       <button class="action-item" (click)="editCronjob(cronjob)" >编辑</button>
-      <button class="action-item" (click)="deleteCronjob(cronjob)">删除</button>
+      <button class="action-item" (click)="deleteCronjob(cronjob)">{{'BUTTON.DELETE' | translate}}</button>
     </clr-dg-action-overflow>
       <clr-dg-cell class="col-query-id">{{cronjob.id}}</clr-dg-cell>
       <clr-dg-cell><a href="javascript:void(0)" (click)="goToLink(cronjob, 'tpl')">{{cronjob.name}}</a></clr-dg-cell>

src/frontend/src/app/admin/cronjob/trash-cronjob/trash-cronjob.component.html

@@ -1,7 +1,7 @@
 <div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
     <div class="row flex-items-xs-between flex-items-xs-top" style="padding-left: 15px; padding-right: 15px;">
-      <h2 class="header-title">已删除计划任务列表</h2>
+      <h2 class="header-title">{{'CRONJOB.DELETE_LIST' | translate}}</h2>
     </div>
     <clr-datagrid (clrDgRefresh)="refresh($event)">
       <clr-dg-column [clrDgField]="'id'" class="col-query-id">
@@ -26,12 +26,12 @@ <h2 class="header-title">已删除计划任务列表</h2>
       </clr-dg-column>
       <clr-dg-column [clrDgField]="'user'">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建者
+          {{'TITLE.CREATE_USER' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-column [clrDgSortBy]="'createTime'" class="col-time">
         <ng-container *clrDgHideableColumn="{hidden: false}">
-          创建时间
+          {{'TITLE.CREATE_TIME' | translate}}
         </ng-container>
       </clr-dg-column>
       <clr-dg-row *ngFor="let cronjob of cronjobs" [clrDgItem]="cronjob">

src/frontend/src/app/admin/cronjobtpl/create-edit-cronjobtpl/create-edit-cronjobtpl.component.html

@@ -16,7 +16,7 @@ <h3 class="modal-title">{{title}}
           </div>
         </div>
         <div class="form-group" style="padding-left: 135px;">
-          <label for="description" class="col-md-3 form-group-label-override">描述</label>
+          <label for="description" class="col-md-3 form-group-label-override">{{'TITLE.DESCRIPTION' | translate}}</label>
           <textarea id="description" [(ngModel)]="cronjobTpl.description"
                     name="description"
                     rows="3">

src/frontend/src/app/admin/cronjobtpl/cronjobtpl.component.html

@@ -1,7 +1,7 @@
 <div class="row">
   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
     <div class="row flex-items-xs-between flex-items-xs-top" style="padding-left: 15px; padding-right: 15px;">
-      <h2 class="header-title">计划任务列表</h2>
+      <h2 class="header-title">{{'CRONJOB.LIST' | translate}}</h2>
     </div>
     <div class="row flex-items-xs-between" style="height:32px;">
       <div class="option-left">