Skip to content

Commit db82230

Browse files
msgill2017sendya
msgill2017
authored and
sendya
committed
refactor 'views-account-settings' from hardcoded to locale support
1 parent f02c3db commit db82230

File tree

9 files changed

+154
-21
lines changed

9 files changed

+154
-21
lines changed

‎src/locales/lang/en-US.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import setting from './en-US/setting'
55
import dashboard from './en-US/dashboard'
66
import form from './en-US/form'
77
import result from './en-US/result'
8+
import account from './en-US/account'
89

910
const components = {
1011
antLocale: antdEnUS,
@@ -23,5 +24,6 @@ export default {
2324
...setting,
2425
...dashboard,
2526
...form,
26-
...result
27+
...result,
28+
...account
2729
}

‎src/locales/lang/en-US/account.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import settings from './account/settings'
2+
3+
export default {
4+
...settings
5+
}

‎src/locales/lang/en-US/account/settings.js‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
export default {
2+
'account.settings.menuMap.basic': 'Basic Settings',
3+
'account.settings.menuMap.security': 'Security Settings',
4+
'account.settings.menuMap.custom': 'Custom Settings',
5+
'account.settings.menuMap.binding': 'Account Binding',
6+
'account.settings.menuMap.notification': 'New Message Notification',
7+
'account.settings.basic.avatar': 'Avatar',
8+
'account.settings.basic.change-avatar': 'Change avatar',
9+
'account.settings.basic.email': 'Email',
10+
'account.settings.basic.email-message': 'Please input your email!',
11+
'account.settings.basic.nickname': 'Nickname',
12+
'account.settings.basic.nickname-message': 'Please input your Nickname!',
13+
'account.settings.basic.profile': 'Personal profile',
14+
'account.settings.basic.profile-message': 'Please input your personal profile!',
15+
'account.settings.basic.profile-placeholder': 'Brief introduction to yourself',
16+
'account.settings.basic.country': 'Country/Region',
17+
'account.settings.basic.country-message': 'Please input your country!',
18+
'account.settings.basic.geographic': 'Province or city',
19+
'account.settings.basic.geographic-message': 'Please input your geographic info!',
20+
'account.settings.basic.address': 'Street Address',
21+
'account.settings.basic.address-message': 'Please input your address!',
22+
'account.settings.basic.phone': 'Phone Number',
23+
'account.settings.basic.phone-message': 'Please input your phone!',
24+
'account.settings.basic.update': 'Update Information',
25+
'account.settings.basic.update.success': 'Update basic information successfully',
26+
'account.settings.security.strong': 'Strong',
27+
'account.settings.security.medium': 'Medium',
28+
'account.settings.security.weak': 'Weak',
29+
'account.settings.security.password': 'Account Password',
30+
'account.settings.security.password-description': 'Current password strength：',
31+
'account.settings.security.phone': 'Security Phone',
32+
'account.settings.security.phone-description': 'Bound phone：',
33+
'account.settings.security.question': 'Security Question',
34+
'account.settings.security.question-description':
35+
'The security question is not set, and the security policy can effectively protect the account security',
36+
'account.settings.security.email': 'Backup Email',
37+
'account.settings.security.email-description': 'Bound Email：',
38+
'account.settings.security.mfa': 'MFA Device',
39+
'account.settings.security.mfa-description':
40+
'Unbound MFA device, after binding, can be confirmed twice',
41+
'account.settings.security.modify': 'Modify',
42+
'account.settings.security.set': 'Set',
43+
'account.settings.security.bind': 'Bind',
44+
'account.settings.binding.taobao': 'Binding Taobao',
45+
'account.settings.binding.taobao-description': 'Currently unbound Taobao account',
46+
'account.settings.binding.alipay': 'Binding Alipay',
47+
'account.settings.binding.alipay-description': 'Currently unbound Alipay account',
48+
'account.settings.binding.dingding': 'Binding DingTalk',
49+
'account.settings.binding.dingding-description': 'Currently unbound DingTalk account',
50+
'account.settings.binding.bind': 'Bind',
51+
'account.settings.notification.password': 'Account Password',
52+
'account.settings.notification.password-description':
53+
'Messages from other users will be notified in the form of a station letter',
54+
'account.settings.notification.messages': 'System Messages',
55+
'account.settings.notification.messages-description':
56+
'System messages will be notified in the form of a station letter',
57+
'account.settings.notification.todo': 'To-do Notification',
58+
'account.settings.notification.todo-description':
59+
'The to-do list will be notified in the form of a letter from the station',
60+
'account.settings.settings.open': 'Open',
61+
'account.settings.settings.close': 'Close'
62+
}

‎src/locales/lang/zh-CN.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import menu from './zh-CN/menu'
44
import dashboard from './zh-CN/dashboard'
55
import form from './zh-CN/form'
66
import result from './zh-CN/result'
7+
import account from './zh-CN/account'
78

89
const components = {
910
antLocale: antd,
@@ -21,5 +22,6 @@ export default {
2122
...menu,
2223
...dashboard,
2324
...form,
24-
...result
25+
...result,
26+
...account
2527
}

‎src/locales/lang/zh-CN/account.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import settings from './account/settings'
2+
3+
export default {
4+
...settings
5+
}

‎src/locales/lang/zh-CN/account/settings.js‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
export default {
2+
'account.settings.menuMap.basic': '基本设置',
3+
'account.settings.menuMap.security': '安全设置',
4+
'account.settings.menuMap.custom': '个性化',
5+
'account.settings.menuMap.binding': '账号绑定',
6+
'account.settings.menuMap.notification': '新消息通知',
7+
'account.settings.basic.avatar': '头像',
8+
'account.settings.basic.change-avatar': '更换头像',
9+
'account.settings.basic.email': '邮箱',
10+
'account.settings.basic.email-message': '请输入您的邮箱!',
11+
'account.settings.basic.nickname': '昵称',
12+
'account.settings.basic.nickname-message': '请输入您的昵称!',
13+
'account.settings.basic.profile': '个人简介',
14+
'account.settings.basic.profile-message': '请输入个人简介!',
15+
'account.settings.basic.profile-placeholder': '个人简介',
16+
'account.settings.basic.country': '国家/地区',
17+
'account.settings.basic.country-message': '请输入您的国家或地区!',
18+
'account.settings.basic.geographic': '所在省市',
19+
'account.settings.basic.geographic-message': '请输入您的所在省市!',
20+
'account.settings.basic.address': '街道地址',
21+
'account.settings.basic.address-message': '请输入您的街道地址!',
22+
'account.settings.basic.phone': '联系电话',
23+
'account.settings.basic.phone-message': '请输入您的联系电话!',
24+
'account.settings.basic.update': '更新基本信息',
25+
'account.settings.basic.update.success': '更新基本信息成功',
26+
'account.settings.security.strong': '强',
27+
'account.settings.security.medium': '中',
28+
'account.settings.security.weak': '弱',
29+
'account.settings.security.password': '账户密码',
30+
'account.settings.security.password-description': '当前密码强度：',
31+
'account.settings.security.phone': '密保手机',
32+
'account.settings.security.phone-description': '已绑定手机：',
33+
'account.settings.security.question': '密保问题',
34+
'account.settings.security.question-description': '未设置密保问题，密保问题可有效保护账户安全',
35+
'account.settings.security.email': '备用邮箱',
36+
'account.settings.security.email-description': '已绑定邮箱：',
37+
'account.settings.security.mfa': 'MFA 设备',
38+
'account.settings.security.mfa-description': '未绑定 MFA 设备，绑定后，可以进行二次确认',
39+
'account.settings.security.modify': '修改',
40+
'account.settings.security.set': '设置',
41+
'account.settings.security.bind': '绑定',
42+
'account.settings.binding.taobao': '绑定淘宝',
43+
'account.settings.binding.taobao-description': '当前未绑定淘宝账号',
44+
'account.settings.binding.alipay': '绑定支付宝',
45+
'account.settings.binding.alipay-description': '当前未绑定支付宝账号',
46+
'account.settings.binding.dingding': '绑定钉钉',
47+
'account.settings.binding.dingding-description': '当前未绑定钉钉账号',
48+
'account.settings.binding.bind': '绑定',
49+
'account.settings.notification.password': '账户密码',
50+
'account.settings.notification.password-description': '其他用户的消息将以站内信的形式通知',
51+
'account.settings.notification.messages': '系统消息',
52+
'account.settings.notification.messages-description': '系统消息将以站内信的形式通知',
53+
'account.settings.notification.todo': '待办任务',
54+
'account.settings.notification.todo-description': '待办任务将以站内信的形式通知',
55+
'account.settings.settings.open': '开',
56+
'account.settings.settings.close': '关'
57+
}

‎src/views/account/settings/BaseSetting.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,24 @@
55

66
<a-form layout="vertical">
77
<a-form-item
8-
label="昵称"
8+
:label="$t('account.settings.basic.nickname')"
99
>
10-
<a-input placeholder="给自己起个名字" />
10+
<a-input :placeholder="$t('account.settings.basic.nickname-message')" />
1111
</a-form-item>
1212
<a-form-item
13-
label="Bio"
13+
:label="$t('account.settings.basic.profile')"
1414
>
15-
<a-textarea rows="4" placeholder="You are not alone."/>
15+
<a-textarea rows="4" :placeholder="$t('account.settings.basic.profile-message')"/>
1616
</a-form-item>
1717

1818
<a-form-item
19-
label="电子邮件"
19+
:label="$t('account.settings.basic.email')"
2020
:required="false"
2121
>
2222
<a-input placeholder="exp@admin.com"/>
2323
</a-form-item>
2424
<a-form-item
25-
label="加密方式"
25+
:label="$t('account.settings.basic.nickname')"
2626
:required="false"
2727
>
2828
<a-select defaultValue="aes-256-cfb">

‎src/views/account/settings/Index.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,27 +12,27 @@
1212
>
1313
<a-menu-item key="/account/settings/base">
1414
<router-link :to="{ name: 'BaseSettings' }">
15-
基本设置
15+
{{ $t('account.settings.menuMap.basic') }}
1616
</router-link>
1717
</a-menu-item>
1818
<a-menu-item key="/account/settings/security">
1919
<router-link :to="{ name: 'SecuritySettings' }">
20-
安全设置
20+
{{ $t('account.settings.menuMap.security') }}
2121
</router-link>
2222
</a-menu-item>
2323
<a-menu-item key="/account/settings/custom">
2424
<router-link :to="{ name: 'CustomSettings' }">
25-
个性化
25+
{{ $t('account.settings.menuMap.custom') }}
2626
</router-link>
2727
</a-menu-item>
2828
<a-menu-item key="/account/settings/binding">
2929
<router-link :to="{ name: 'BindingSettings' }">
30-
账户绑定
30+
{{ $t('account.settings.menuMap.binding') }}
3131
</router-link>
3232
</a-menu-item>
3333
<a-menu-item key="/account/settings/notification">
3434
<router-link :to="{ name: 'NotificationSettings' }">
35-
新消息通知
35+
{{ $t('account.settings.menuMap.notification') }}
3636
</router-link>
3737
</a-menu-item>
3838
</a-menu>

‎src/views/account/settings/Security.vue‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,14 @@
2222

2323
<script>
2424
export default {
25-
data () {
26-
return {
27-
data: [
28-
{ title: '账户密码', description: '当前密码强度', value: '强', actions: { title: '修改', callback: () => { this.$message.info('This is a normal message') } } },
29-
{ title: '密保手机', description: '已绑定手机', value: '138****8293', actions: { title: '修改', callback: () => { this.$message.success('This is a message of success') } } },
30-
{ title: '密保问题', description: '未设置密保问题，密保问题可有效保护账户安全', value: '', actions: { title: '设置', callback: () => { this.$message.error('This is a message of error') } } },
31-
{ title: '备用邮箱', description: '已绑定邮箱', value: 'ant***sign.com', actions: { title: '修改', callback: () => { this.$message.warning('This is message of warning') } } },
32-
{ title: 'MFA 设备', description: '未绑定 MFA 设备，绑定后，可以进行二次确认', value: '', actions: { title: '绑定', callback: () => { this.$message.info('This is a normal message') } } }
25+
computed: {
26+
data () {
27+
return [
28+
{ title: this.$t('account.settings.security.password'), description: this.$t('account.settings.security.password-description'), value: '强', actions: { title: this.$t('account.settings.security.modify'), callback: () => { this.$message.info('This is a normal message') } } },
29+
{ title: this.$t('account.settings.security.phone'), description: this.$t('account.settings.security.phone-description'), value: '138****8293', actions: { title: this.$t('account.settings.security.modify'), callback: () => { this.$message.success('This is a message of success') } } },
30+
{ title: this.$t('account.settings.security.question'), description: this.$t('account.settings.security.question-description'), value: '', actions: { title: this.$t('account.settings.security.set'), callback: () => { this.$message.error('This is a message of error') } } },
31+
{ title: this.$t('account.settings.security.email'), description: this.$t('account.settings.security.email-description'), value: 'ant***sign.com', actions: { title: this.$t('account.settings.security.modify'), callback: () => { this.$message.warning('This is message of warning') } } },
32+
{ title: this.$t('account.settings.security.mfa'), description: this.$t('account.settings.security.mfa-description'), value: '', actions: { title: this.$t('account.settings.security.bind'), callback: () => { this.$message.info('This is a normal message') } } }
3333
]
3434
}
3535
}

0 commit comments

Comments
 (0)