OpenSource/hertzbeat
Public Access
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[web-app]i18n for monitor list

Browse Source
This commit is contained in:
tomsun28
2022-04-11 08:06:55 +08:00
parent f685298741
commit a3d1f08b39
3 changed files with 77 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
web-app/src/app/routes/monitor/monitor-list/monitor-list.component.ts
View File

@@ -1,5 +1,7 @@
import { Component, OnInit } from '@angular/core'; import { Component, Inject, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { I18NService } from '@core';
import { ALAIN_I18N_TOKEN } from '@delon/theme';
import { NzMessageService } from 'ng-zorro-antd/message'; import { NzMessageService } from 'ng-zorro-antd/message';
import { NzModalService } from 'ng-zorro-antd/modal'; import { NzModalService } from 'ng-zorro-antd/modal';
import { NzNotificationService } from 'ng-zorro-antd/notification'; import { NzNotificationService } from 'ng-zorro-antd/notification';
@@ -20,7 +22,8 @@ export class MonitorListComponent implements OnInit {
private modal: NzModalService, private modal: NzModalService,
private notifySvc: NzNotificationService, private notifySvc: NzNotificationService,
private msg: NzMessageService, private msg: NzMessageService,
private monitorSvc: MonitorService private monitorSvc: MonitorService,
@Inject(ALAIN_I18N_TOKEN) private i18nSvc: I18NService
) {} ) {}
app!: string; app!: string;
@@ -102,7 +105,7 @@ export class MonitorListComponent implements OnInit {
onEditOneMonitor(monitorId: number) { onEditOneMonitor(monitorId: number) {
if (monitorId == null) { if (monitorId == null) {
this.notifySvc.warning('未选中任何待编辑项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-edit'), '');
return; return;
} }
this.router.navigateByUrl(`/monitors/${monitorId}/edit`); this.router.navigateByUrl(`/monitors/${monitorId}/edit`);
@@ -113,11 +116,11 @@ export class MonitorListComponent implements OnInit {
onEditMonitor() { onEditMonitor() {
// 编辑时只能选中一个监控 // 编辑时只能选中一个监控
if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) { if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) {
this.notifySvc.warning('未选中任何待编辑项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-edit'), '');
return; return;
} }
if (this.checkedMonitorIds.size > 1) { if (this.checkedMonitorIds.size > 1) {
this.notifySvc.warning('只能对一个选中项进行编辑！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.one-select-edit'), '');
return; return;
} }
let monitorId = 0; let monitorId = 0;
@@ -129,9 +132,9 @@ export class MonitorListComponent implements OnInit {
let monitors = new Set<number>(); let monitors = new Set<number>();
monitors.add(monitorId); monitors.add(monitorId);
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否删除！', nzTitle: this.i18nSvc.fanyi('common.confirm.delete'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.deleteMonitors(monitors) nzOnOk: () => this.deleteMonitors(monitors)
@@ -140,13 +143,13 @@ export class MonitorListComponent implements OnInit {
onDeleteMonitors() { onDeleteMonitors() {
if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) { if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) {
this.notifySvc.warning('未选中任何待删除项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-delete'), '');
return; return;
} }
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否批量删除！', nzTitle: this.i18nSvc.fanyi('common.confirm.delete-batch'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.deleteMonitors(this.checkedMonitorIds) nzOnOk: () => this.deleteMonitors(this.checkedMonitorIds)
@@ -155,7 +158,7 @@ export class MonitorListComponent implements OnInit {
deleteMonitors(monitors: Set<number>) { deleteMonitors(monitors: Set<number>) {
if (monitors == null || monitors.size == 0) { if (monitors == null || monitors.size == 0) {
this.notifySvc.warning('未选中任何待删除项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-delete'), '');
return; return;
} }
this.tableLoading = true; this.tableLoading = true;
@@ -163,30 +166,30 @@ export class MonitorListComponent implements OnInit {
message => { message => {
deleteMonitors$.unsubscribe(); deleteMonitors$.unsubscribe();
if (message.code === 0) { if (message.code === 0) {
this.notifySvc.success('删除成功！', ''); this.notifySvc.success(this.i18nSvc.fanyi('common.notify.delete-success'), '');
this.loadMonitorTable(); this.loadMonitorTable();
} else { } else {
this.tableLoading = false; this.tableLoading = false;
this.notifySvc.error('删除失败！', message.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.delete-fail'), message.msg);
} }
}, },
error => { error => {
this.tableLoading = false; this.tableLoading = false;
deleteMonitors$.unsubscribe(); deleteMonitors$.unsubscribe();
this.notifySvc.error('删除失败！', error.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.delete-fail'), error.msg);
} }
); );
} }
onCancelManageMonitors() { onCancelManageMonitors() {
if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) { if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) {
this.notifySvc.warning('未选中任何待取消项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-cancel'), '');
return; return;
} }
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否批量取消监控！', nzTitle: this.i18nSvc.fanyi('common.confirm.cancel-batch'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.cancelManageMonitors(this.checkedMonitorIds) nzOnOk: () => this.cancelManageMonitors(this.checkedMonitorIds)
@@ -197,9 +200,9 @@ export class MonitorListComponent implements OnInit {
let monitors = new Set<number>(); let monitors = new Set<number>();
monitors.add(monitorId); monitors.add(monitorId);
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否取消监控！', nzTitle: this.i18nSvc.fanyi('common.confirm.cancel'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.cancelManageMonitors(monitors) nzOnOk: () => this.cancelManageMonitors(monitors)
@@ -212,30 +215,30 @@ export class MonitorListComponent implements OnInit {
message => { message => {
cancelManage$.unsubscribe(); cancelManage$.unsubscribe();
if (message.code === 0) { if (message.code === 0) {
this.notifySvc.success('取消监控成功！', ''); this.notifySvc.success(this.i18nSvc.fanyi('common.notify.cancel-success'), '');
this.loadMonitorTable(); this.loadMonitorTable();
} else { } else {
this.tableLoading = false; this.tableLoading = false;
this.notifySvc.error('取消监控失败！', message.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.cancel-fail'), message.msg);
} }
}, },
error => { error => {
this.tableLoading = false; this.tableLoading = false;
cancelManage$.unsubscribe(); cancelManage$.unsubscribe();
this.notifySvc.error('取消监控失败！', error.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.cancel-fail'), error.msg);
} }
); );
} }
onEnableManageMonitors() { onEnableManageMonitors() {
if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) { if (this.checkedMonitorIds == null || this.checkedMonitorIds.size === 0) {
this.notifySvc.warning('未选中任何待启用监控项！', ''); this.notifySvc.warning(this.i18nSvc.fanyi('common.notify.no-select-enable'), '');
return; return;
} }
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否批量启用监控！', nzTitle: this.i18nSvc.fanyi('common.confirm.enable-batch'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.enableManageMonitors(this.checkedMonitorIds) nzOnOk: () => this.enableManageMonitors(this.checkedMonitorIds)
@@ -246,9 +249,9 @@ export class MonitorListComponent implements OnInit {
let monitors = new Set<number>(); let monitors = new Set<number>();
monitors.add(monitorId); monitors.add(monitorId);
this.modal.confirm({ this.modal.confirm({
nzTitle: '请确认是否启用监控！', nzTitle: this.i18nSvc.fanyi('common.confirm.enable'),
nzOkText: '确定', nzOkText: this.i18nSvc.fanyi('common.button.ok'),
nzCancelText: '取消', nzCancelText: this.i18nSvc.fanyi('common.button.cancel'),
nzOkDanger: true, nzOkDanger: true,
nzOkType: 'primary', nzOkType: 'primary',
nzOnOk: () => this.enableManageMonitors(monitors) nzOnOk: () => this.enableManageMonitors(monitors)
@@ -261,17 +264,17 @@ export class MonitorListComponent implements OnInit {
message => { message => {
enableManage$.unsubscribe(); enableManage$.unsubscribe();
if (message.code === 0) { if (message.code === 0) {
this.notifySvc.success('启用监控成功！', ''); this.notifySvc.success(this.i18nSvc.fanyi('common.notify.enable-success'), '');
this.loadMonitorTable(); this.loadMonitorTable();
} else { } else {
this.tableLoading = false; this.tableLoading = false;
this.notifySvc.error('启用监控失败！', message.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.enable-fail'), message.msg);
} }
}, },
error => { error => {
this.tableLoading = false; this.tableLoading = false;
enableManage$.unsubscribe(); enableManage$.unsubscribe();
this.notifySvc.error('启用监控失败！', error.msg); this.notifySvc.error(this.i18nSvc.fanyi('common.notify.enable-fail'), error.msg);
} }
); );
} }

19
web-app/src/assets/i18n/en-US.json
View File

@@ -111,6 +111,25 @@
"common.refresh": "Refresh", "common.refresh": "Refresh",
"common.edit-time": "Last Update Time", "common.edit-time": "Last Update Time",
"common.edit": "Operate", "common.edit": "Operate",
"common.notify.no-select-edit": "No items selected for editing!",
"common.notify.one-select-edit": "Only one selection can be edited!",
"common.confirm.delete": "Please confirm whether to delete!",
"common.notify.no-select-delete": "No items selected for deletion!",
"common.confirm.delete-batch": "Please confirm whether to delete in batches!",
"common.notify.delete-success": "Delete Success!",
"common.notify.delete-fail": "Delete Failed!",
"common.notify.no-select-cancel": "No items selected for cancel!",
"common.confirm.cancel-batch": "Please confirm whether to cancel monitor in batches!",
"common.confirm.cancel": "Please confirm whether to cancel monitor!",
"common.notify.cancel-success": "Cancel Success!",
"common.notify.cancel-fail": "Cancel Failed!",
"common.notify.no-select-enable": "No items selected for enable!",
"common.confirm.enable-batch": "Please confirm whether to enable monitor in batches!",
"common.confirm.enable": "Please confirm whether to enable monitor!",
"common.notify.enable-success": "Enable Success!",
"common.notify.enable-fail": "Enable Failed!",
"common.button.ok": "OK",
"common.button.cancel": "Cancel",
"app.login.message-need-identifier": "Please enter your email or mobile number", "app.login.message-need-identifier": "Please enter your email or mobile number",
"app.login.message-need-credential": "Please enter password", "app.login.message-need-credential": "Please enter password",
"app.password.forgot": "Forgot password", "app.password.forgot": "Forgot password",

19
web-app/src/assets/i18n/zh-CN.json
View File

@@ -111,6 +111,25 @@
"common.refresh": "刷新", "common.refresh": "刷新",
"common.edit-time": "最新修改时间", "common.edit-time": "最新修改时间",
"common.edit": "操作", "common.edit": "操作",
"common.notify.no-select-edit": "未选中任何待编辑项!",
"common.notify.one-select-edit": "只能对一个选中项进行编辑!",
"common.confirm.delete": "请确认是否删除!",
"common.notify.no-select-delete": "未选中任何待删除项!",
"common.confirm.delete-batch": "请确认是否批量删除!",
"common.notify.delete-success": "删除成功!",
"common.notify.delete-fail": "删除失败!",
"common.notify.no-select-cancel": "未选中任何待取消项!",
"common.confirm.cancel-batch": "请确认是否批量取消监控!",
"common.confirm.cancel": "请确认是否取消监控!",
"common.notify.cancel-success": "取消监控成功!",
"common.notify.cancel-fail": "取消监控失败!",
"common.notify.no-select-enable": "未选中任何待启用监控项!",
"common.confirm.enable-batch": "请确认是否批量启用监控!",
"common.confirm.enable": "请确认是否启用监控!",
"common.notify.enable-success": "启用监控成功!",
"common.notify.enable-fail": "启用监控失败!",
"common.button.ok": "确定",
"common.button.cancel": "取消",
"app.lock": "锁屏", "app.lock": "锁屏",
"app.passport.desc": "TanCloud-易用友好的高性能监控云服务", "app.passport.desc": "TanCloud-易用友好的高性能监控云服务",
"app.passport.welcome": "欢迎使用TanCloud探云-监控云服务-tancloud.cn", "app.passport.welcome": "欢迎使用TanCloud探云-监控云服务-tancloud.cn",