add language option
This commit is contained in:
parent
cf9d071c34
commit
672d09c138
@ -1,8 +1,8 @@
|
||||
import axios from 'axios'
|
||||
|
||||
export const api = axios.create({
|
||||
baseURL: 'https://ccb.canary.moe/api/',
|
||||
// baseURL: window.location.origin + '/api/',
|
||||
// baseURL: 'https://ccb.canary.moe/api/',
|
||||
baseURL: window.location.origin + '/api/',
|
||||
// baseURL: 'http://152.136.99.231:8001' + '/api/',
|
||||
headers: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
|
||||
252
src/utils/language.js
Normal file
252
src/utils/language.js
Normal file
@ -0,0 +1,252 @@
|
||||
export function lang() {
|
||||
return {
|
||||
home: {
|
||||
CHS: {
|
||||
title: '密码本',
|
||||
search: '搜索...',
|
||||
menu: ['按首字母', '按最常使用'],
|
||||
drawer: ['账户', '设置', '分享链接', '下载apk', '立即锁定'],
|
||||
empty_state: {
|
||||
label: '创建你的第一个密码',
|
||||
description: '创建密码后，您就可以将信息上载到服务器并保存',
|
||||
button: '立即创建'
|
||||
},
|
||||
unlock_msg: {
|
||||
expired: '密码校验过期，请重新输入',
|
||||
wrong: '密码错误，请重新输入'
|
||||
},
|
||||
copy: {
|
||||
successful: '恭喜！复制成功',
|
||||
failed: '抱歉，复制失败。夸克等浏览器复制成功也会报错，请试着粘贴看看'
|
||||
}
|
||||
},
|
||||
EN: {
|
||||
title: 'Codebook',
|
||||
search: 'Search...',
|
||||
menu: ['Alphabetically', 'Recently Used'],
|
||||
drawer: ['Account', 'Settings', 'Share', 'Download apk', 'Lock Now'],
|
||||
empty_state: {
|
||||
label: 'Create your first code',
|
||||
description: "Creating code, you'll be able to upload your information to the server and save it.",
|
||||
button: 'Create first code'
|
||||
},
|
||||
unlock_msg: {
|
||||
expired: 'Password validity period has expired, please re-enter.',
|
||||
wrong: 'Wrong password, please re-enter.'
|
||||
},
|
||||
copy: {
|
||||
successful: 'Copy successful',
|
||||
failed: 'Failed to copy, but failed in some cases. Try to paste'
|
||||
}
|
||||
}
|
||||
},
|
||||
settings: {
|
||||
CHS: {
|
||||
title: '设置',
|
||||
subheader: ['重置', '选项'],
|
||||
reset_list: ['账户', '密码本', '应用', '主密码'],
|
||||
option_list: ['语言', '黑暗模式', '密码超时时间'],
|
||||
expired_time: '无限',
|
||||
dialog: {
|
||||
title: '输入新的主密码',
|
||||
placeholder: '输入...',
|
||||
confirm: '完成',
|
||||
cancel: '取消'
|
||||
},
|
||||
snakebar_msg: {
|
||||
reset_account: '恭喜! 账户重置完成',
|
||||
reset_codebook: '恭喜! 密码本重置完成',
|
||||
reset_settings: '恭喜! 个性化设置成功',
|
||||
reset_pwd_failed: '密码不能为空',
|
||||
reset_pwd_successful: '恭喜! 新的密码已经应用'
|
||||
}
|
||||
},
|
||||
EN: {
|
||||
title: 'Settings',
|
||||
subheader: ['Reset', 'Option'],
|
||||
reset_list: ['Account', 'Codebook', 'Application', 'Main Password'],
|
||||
option_list: ['Language', 'Dark Mode', 'Expired Time'],
|
||||
expired_time: 'Infinite',
|
||||
dialog: {
|
||||
title: 'Enter new password',
|
||||
placeholder: 'Enter here...',
|
||||
confirm: 'Done',
|
||||
cancel: 'Cancel'
|
||||
},
|
||||
snakebar_msg: {
|
||||
reset_account: 'Congratulations! Reset account completed',
|
||||
reset_codebook: 'Congratulations! Reset codebook completed',
|
||||
reset_settings: 'Congratulations! Reset settings completed',
|
||||
reset_pwd_failed: 'Password can not be none',
|
||||
reset_pwd_successful: 'Congratulations! New password set up successfully'
|
||||
}
|
||||
}
|
||||
},
|
||||
detail: {
|
||||
CHS: {
|
||||
label: ['用户名', '密码', '网址', '备注'],
|
||||
copy: {
|
||||
successful: '恭喜！复制成功',
|
||||
failed: '抱歉，复制失败。夸克等浏览器复制成功也会报错，请试着粘贴看看'
|
||||
},
|
||||
snakebar_msg_empty: '网址为空',
|
||||
empty_placeholder: '空空如也呢',
|
||||
dialog: {
|
||||
title: "删除该记录",
|
||||
content: "此操作不可复原，是否继续",
|
||||
confirm: "删除",
|
||||
cancel: "取消"
|
||||
}
|
||||
},
|
||||
EN: {
|
||||
label: ['Username', 'Password', 'Web address', 'Node'],
|
||||
copy: {
|
||||
successful: 'Copy successful',
|
||||
failed: 'Failed to copy, but failed in some cases. Try to paste'
|
||||
},
|
||||
snakebar_msg_empty: 'Web address is empty',
|
||||
empty_placeholder: 'Empty',
|
||||
dialog: {
|
||||
title: "Delete this password?",
|
||||
content: "This operation cannot be resumed. Are you sure to continue?",
|
||||
confirm: "Continue",
|
||||
cancel: "Cancel"
|
||||
}
|
||||
}
|
||||
},
|
||||
add: {
|
||||
CHS: {
|
||||
title: ['新建密码', '编辑'],
|
||||
subheader: ['密码标题', '用户名', '密码', '网址', '备注...'],
|
||||
enter: '提交',
|
||||
empty_error: ['密码标题不可为空', '用户名不可为空', '密码不可为空']
|
||||
},
|
||||
EN: {
|
||||
title: ['Add New Code', 'Edit'],
|
||||
subheader: ['Code Title', 'Username', 'Password', 'Web address', 'Node'],
|
||||
enter: 'Enter',
|
||||
empty_error: ['Title can not be none.', 'Username can not be none.', 'Password can not be none.']
|
||||
}
|
||||
},
|
||||
account: {
|
||||
CHS: {
|
||||
title: '账户',
|
||||
login: {
|
||||
input_placeholder: ['邮箱地址', '密码'],
|
||||
password_errmsg: '密码不能为空',
|
||||
submit: '登录 / 注册'
|
||||
},
|
||||
activation: {
|
||||
title: '恭喜! 激活码已经下发到你的邮箱',
|
||||
subheader: '激活码',
|
||||
input_errmsg: '激活码不可为空',
|
||||
submit: '立即激活'
|
||||
},
|
||||
account: {
|
||||
label: ['云端信息最后修改时间', '同步本地密码本至云端', '同步云端密码本至本地'],
|
||||
logout: '退出登录'
|
||||
},
|
||||
mail_addr_errmsg: ['邮箱地址不能为空', '邮箱地址不合法'],
|
||||
snakebar_msg: ['抱歉, 网络错误',
|
||||
'恭喜! 登录成功!',
|
||||
'恭喜! 请在您的邮箱里找到激活码!',
|
||||
'抱歉, 密码错误, 请重新输入',
|
||||
'抱歉, 网络错误. 错误码:',
|
||||
'恭喜! 激活成功!',
|
||||
'抱歉, 激活码错误, 请重新输入',
|
||||
'恭喜! 本地数据更新成功!',
|
||||
'恭喜! 云端数据更新成功!'
|
||||
]
|
||||
},
|
||||
EN: {
|
||||
title: 'Account',
|
||||
login: {
|
||||
input_placeholder: ['Mail addr', 'Password'],
|
||||
password_errmsg: 'Password can not be none.',
|
||||
submit: 'Login / Sign'
|
||||
},
|
||||
activation: {
|
||||
title: 'Congratulations! Activation code has been sent to your email',
|
||||
subheader: 'Activation Code',
|
||||
input_errmsg: 'Activation Code can not be none.',
|
||||
submit: 'activation'
|
||||
},
|
||||
account: {
|
||||
label: ['Cloud last modified time', 'Sync local codebook to cloud', 'Sync cloud codebook to local'],
|
||||
logout: 'Logout'
|
||||
},
|
||||
mail_addr_errmsg: ['Mail addr can not be none.', 'Mail addr is invalid.'],
|
||||
snakebar_msg: ['Sorry, network error',
|
||||
'Congratulations! Login is successful!',
|
||||
'Congratulations! Please find the activation code in your email!',
|
||||
'Sorry, the password is wrong, please re-enter',
|
||||
'Sorry, network error. errcode:',
|
||||
'Congratulations! Activation is successful!',
|
||||
'Sorry, the activation is wrong, please re-enter',
|
||||
'Congratulations! Local data update completed!',
|
||||
'Congratulations! Cloud data update completed!'
|
||||
]
|
||||
}
|
||||
},
|
||||
unlock: {
|
||||
CHS: {
|
||||
title: ['创建主密码','解锁'],
|
||||
subheader: ['创建主密码', '解锁Canary Codebook'],
|
||||
pwd_label: ['主密码','解锁密码'],
|
||||
repeat_pwd: '再次输入主密码',
|
||||
enter: '提交',
|
||||
dialog: {
|
||||
title: '确认提交',
|
||||
content: '该密码提交之后不可被修改, 请不要将此密码告诉任何人',
|
||||
confirm: '同意',
|
||||
cancel: '不同意'
|
||||
},
|
||||
empty_pwd_error: '主密码不能为空',
|
||||
wrong_pwd_error: '主密码错误',
|
||||
match_pwd_error: '两次输入密码不一致'
|
||||
},
|
||||
EN: {
|
||||
title: ['Create Password','Unlock'],
|
||||
subheader: ['Create New Password', 'Unlock Canary Codebook'],
|
||||
pwd_label: ['New Password','Unlock Password'],
|
||||
repeat_pwd: 'Repeat Password',
|
||||
enter: 'Enter',
|
||||
dialog: {
|
||||
title: 'Confirm you new password?',
|
||||
content: 'The password will not be modified after submission, please make sure you don’t tell anyone this password.',
|
||||
confirm: 'Agree',
|
||||
cancel: 'Disagree'
|
||||
},
|
||||
empty_pwd_error: 'Password can not be none',
|
||||
wrong_pwd_error: 'Wrong password',
|
||||
match_pwd_error: 'The two passwords do not match'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 引入
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
* data 里边加入lang
|
||||
data -> lang
|
||||
|
||||
* create() 初始化语言系统，防止报错
|
||||
this.lang = lang().home.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
|
||||
* computed 获取settings
|
||||
...mapState(['user_infos', 'row_data', 'row_pwd', 'settings'])
|
||||
|
||||
* 在合适的地方配置语言
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().home.CHS
|
||||
} else {
|
||||
this.lang = lang().home.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
*/
|
||||
@ -4,7 +4,7 @@
|
||||
<md-app-toolbar class="md-primary toolbar">
|
||||
<div class="md-toolbar-section-start">
|
||||
<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
|
||||
<h3 class="md-title" style="flex: 1">Account</h3>
|
||||
<h3 class="md-title" style="flex: 1">{{lang.title}}</h3>
|
||||
</div>
|
||||
</md-app-toolbar>
|
||||
|
||||
@ -12,17 +12,17 @@
|
||||
<icon class="logo" name="canary"></icon>
|
||||
<template v-if="page_type == 'login'">
|
||||
<md-field :class="mail_addr_verify ? '' : 'md-invalid'">
|
||||
<label>Mail addr</label>
|
||||
<label>{{lang.login.input_placeholder[0]}}</label>
|
||||
<md-input v-model="mail_addr" required></md-input>
|
||||
<span class="md-error">{{mail_addr_errmsg}}</span>
|
||||
</md-field>
|
||||
|
||||
<md-field :class="password_verify ? '' : 'md-invalid'">
|
||||
<label>Password</label>
|
||||
<label>{{lang.login.input_placeholder[1]}}</label>
|
||||
<md-input v-model="password" required></md-input>
|
||||
<span class="md-error">Password can not be none.</span>
|
||||
<span class="md-error">{{lang.login.password_errmsg}}</span>
|
||||
</md-field>
|
||||
<md-button class="md-raised md-primary expand" @click="judgeLogin()" :disabled="login_loading">Login / Sign
|
||||
<md-button class="md-raised md-primary expand" @click="judgeLogin()" :disabled="login_loading">{{lang.login.submit}}
|
||||
<div class="loading-box">
|
||||
<md-progress-spinner v-if="login_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</div>
|
||||
@ -30,13 +30,13 @@
|
||||
</template>
|
||||
|
||||
<template v-if="page_type == 'activation'">
|
||||
<p class="md-caption">Congratulations! Activation code has been sent to your email</p>
|
||||
<p class="md-caption">{{lang.activation.title}}</p>
|
||||
<md-field :class="activation_code_verify ? '' : 'md-invalid'">
|
||||
<label>Activation Code</label>
|
||||
<label>{{lang.activation.subheader}}</label>
|
||||
<md-input v-model="activation_code" required></md-input>
|
||||
<span class="md-error">Activation Code can not be none.</span>
|
||||
<span class="md-error">{{lang.activation.input_errmsg}}</span>
|
||||
</md-field>
|
||||
<md-button class="md-raised md-primary expand" :disabled="activation_loading" @click="judgeActivation()">activation
|
||||
<md-button class="md-raised md-primary expand" :disabled="activation_loading" @click="judgeActivation()">{{lang.activation.submit}}
|
||||
<div class="loading-box">
|
||||
<md-progress-spinner v-if="activation_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</div>
|
||||
@ -52,23 +52,23 @@
|
||||
<md-divider></md-divider>
|
||||
|
||||
<md-list-item>
|
||||
<span class="md-list-item-text">云端信息最后修改时间</span>
|
||||
<span class="md-list-item-text">{{lang.account.label[0]}}</span>
|
||||
<span class="time-content">{{update_time}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<span class="md-list-item-text">同步本地密码本至云端</span>
|
||||
<span class="md-list-item-text">{{lang.account.label[1]}}</span>
|
||||
<md-button @click="syncCloudStart()" v-if="!sync_cloud_loading" class="md-icon-button md-list-action"><md-icon>cloud_upload</md-icon></md-button>
|
||||
<md-progress-spinner v-else :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<span class="md-list-item-text">同步云端密码本至本地</span>
|
||||
<span class="md-list-item-text">{{lang.account.label[2]}}</span>
|
||||
<md-button @click="syncLocalStart()" v-if="!sync_local_loading" class="md-icon-button md-list-action"><md-icon>cloud_download</md-icon></md-button>
|
||||
<md-progress-spinner v-else :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-list-item>
|
||||
|
||||
<md-button @click="startLogout()" class="md-raised md-primary expand" :disabled="sync_local_loading || sync_cloud_loading">Logout</md-button>
|
||||
<md-button @click="startLogout()" class="md-raised md-primary expand" :disabled="sync_local_loading || sync_cloud_loading">{{lang.account.logout}}</md-button>
|
||||
</md-list>
|
||||
</template>
|
||||
<md-snackbar md-position="center" :md-active.sync="show_snackbar" md-persistent>
|
||||
@ -84,6 +84,7 @@
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { login, activation, syncLocal, syncCloud } from '@/axios/api.js'
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
export default {
|
||||
name: 'Add',
|
||||
@ -102,11 +103,12 @@ export default {
|
||||
login_loading: false,
|
||||
activation_loading: false,
|
||||
show_snackbar: false,
|
||||
snakebar_msg:''
|
||||
snakebar_msg:'',
|
||||
lang:''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapState(['user_infos', 'row_data', 'row_pwd']),
|
||||
...mapState(['user_infos', 'row_data', 'row_pwd','settings']),
|
||||
update_time:function() {
|
||||
return this.formatDateTime(new Date(parseInt(this.user_infos.update_time)));
|
||||
},
|
||||
@ -118,6 +120,7 @@ export default {
|
||||
init() {
|
||||
// 刷新vuex
|
||||
this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(localStorage.getItem('storeState'))));
|
||||
this.initLanguage()
|
||||
// 判断页面类型
|
||||
if(this.user_infos.has_login) {
|
||||
// 已经登录
|
||||
@ -134,7 +137,17 @@ export default {
|
||||
}
|
||||
console.log('当前用户状态为'+ this.page_type)
|
||||
},
|
||||
|
||||
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().account.CHS
|
||||
} else {
|
||||
this.lang = lang().account.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
|
||||
//返回上一页
|
||||
back() {
|
||||
this.$router.go(-1);
|
||||
@ -155,13 +168,13 @@ export default {
|
||||
if(!(this.mail_addr = this.mail_addr.trim())) {
|
||||
can_continue = false
|
||||
this.mail_addr_verify = false
|
||||
this.mail_addr_errmsg = 'Mail addr can not be none.'
|
||||
this.mail_addr_errmsg = this.lang.mail_addr_errmsg[0]
|
||||
}
|
||||
let reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
|
||||
if(!reg.test(this.mail_addr)) {
|
||||
can_continue = false
|
||||
this.mail_addr_verify = false
|
||||
this.mail_addr_errmsg = 'Mail addr is invalid.'
|
||||
this.mail_addr_errmsg = this.lang.mail_addr_errmsg[1]
|
||||
}
|
||||
// 处理password
|
||||
if(!(this.password = this.password.trim())) {
|
||||
@ -186,7 +199,7 @@ export default {
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
this.login_loading = false
|
||||
this.snakebar_msg = 'Sorry, network error'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[0]
|
||||
this.show_snackbar = true
|
||||
})
|
||||
},
|
||||
@ -204,7 +217,7 @@ export default {
|
||||
}
|
||||
this.setUserInfo([user_infos, this]);
|
||||
console.log('正常用户登录，用户信息覆写完成');
|
||||
this.snakebar_msg = 'Congratulations! Login is successful!'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[1]
|
||||
this.show_snackbar = true
|
||||
this.page_type = 'account'
|
||||
} else if(data.errcode == 107 || data.errcode == 108 || data.errcode == 105) {
|
||||
@ -218,18 +231,18 @@ export default {
|
||||
}
|
||||
this.setUserInfo([user_infos, this]);
|
||||
console.log('用户注册成功，验证码已下发，用户信息覆写完成');
|
||||
this.snakebar_msg = 'Congratulations! Please find the activation code in your email!'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[2]
|
||||
this.show_snackbar = true
|
||||
this.page_type = 'activation'
|
||||
} else if (data.errcode == 106) {
|
||||
this.password = ''
|
||||
console.log('用户密码错误');
|
||||
this.snakebar_msg = 'Sorry, the password is wrong, please re-enter'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[3]
|
||||
this.show_snackbar = true
|
||||
} else {
|
||||
console.log('请求出错');
|
||||
console.log(data)
|
||||
this.snakebar_msg = 'Sorry, network error. errcode:' + data.errcode
|
||||
this.snakebar_msg = this.lang.snakebar_msg[4] + data.errcode
|
||||
this.show_snackbar = true
|
||||
}
|
||||
this.login_loading = false
|
||||
@ -261,7 +274,7 @@ export default {
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
this.activation_loading = false
|
||||
this.snakebar_msg = 'Sorry, network error'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[0]
|
||||
this.show_snackbar = true
|
||||
})
|
||||
},
|
||||
@ -279,7 +292,7 @@ export default {
|
||||
}
|
||||
this.setUserInfo([user_infos, this]);
|
||||
console.log('验证成功，用户信息覆写完成');
|
||||
this.snakebar_msg = 'Congratulations! Activation is successful!'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[5]
|
||||
this.show_snackbar = true
|
||||
this.page_type = 'account'
|
||||
} else if(data.errcode == 401 || data.errcode == 404 || data.errcode == 407) {
|
||||
@ -287,12 +300,12 @@ export default {
|
||||
this.activation_code = ''
|
||||
console.log('验证码错误');
|
||||
console.log(data)
|
||||
this.snakebar_msg = 'Sorry, the activation is wrong, please re-enter'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[6]
|
||||
this.show_snackbar = true
|
||||
} else {
|
||||
console.log('请求出错');
|
||||
console.log(data)
|
||||
this.snakebar_msg = 'Sorry, network error. errcode:' + data.errcode
|
||||
this.snakebar_msg = this.lang.snakebar_msg[4] + data.errcode
|
||||
this.show_snackbar = true
|
||||
}
|
||||
this.activation_loading = false
|
||||
@ -329,13 +342,13 @@ export default {
|
||||
// 获取成功
|
||||
this.setRowData([res.data.codebook, this])
|
||||
console.log('数据获取成功，密码本覆写成功')
|
||||
this.snakebar_msg = 'Congratulations! Local data update completed!'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[7]
|
||||
this.show_snackbar = true
|
||||
} else {
|
||||
// 获取失败
|
||||
console.log('数据获取失败')
|
||||
console.log(res.data)
|
||||
this.snakebar_msg = 'Sorry, network error. errcode:' + res.data.errcode
|
||||
this.snakebar_msg = this.lang.snakebar_msg[4] + res.data.errcode
|
||||
this.show_snackbar = true
|
||||
}
|
||||
setTimeout(function(){
|
||||
@ -344,7 +357,7 @@ export default {
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
this.sync_local_loading = false
|
||||
this.snakebar_msg = 'Sorry, network error'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[0]
|
||||
this.show_snackbar = true
|
||||
})
|
||||
},
|
||||
@ -366,13 +379,13 @@ export default {
|
||||
user_infos.update_time = res.data.update_time
|
||||
this.setUserInfo([user_infos, this]);
|
||||
console.log('数据获取成功，用户信息覆写成功')
|
||||
this.snakebar_msg = 'Congratulations! Cloud data update completed!'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[8]
|
||||
this.show_snackbar = true
|
||||
} else {
|
||||
// 获取失败
|
||||
console.log('数据获取失败')
|
||||
console.log(res.data)
|
||||
this.snakebar_msg = 'Sorry, network error. errcode:' + res.data.errcode
|
||||
this.snakebar_msg = this.lang.snakebar_msg[4] + res.data.errcode
|
||||
this.show_snackbar = true
|
||||
}
|
||||
setTimeout(function(){
|
||||
@ -381,7 +394,7 @@ export default {
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
this.sync_cloud_loading = false
|
||||
this.snakebar_msg = 'Sorry, network error'
|
||||
this.snakebar_msg = this.lang.snakebar_msg[0]
|
||||
this.show_snackbar = true
|
||||
})
|
||||
},
|
||||
@ -402,6 +415,8 @@ export default {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.lang = lang().account.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init()
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
@ -4,40 +4,40 @@
|
||||
<md-app-toolbar class="md-primary toolbar">
|
||||
<div class="md-toolbar-section-start">
|
||||
<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
|
||||
<h3 class="md-title" style="flex: 1">{{id_cache?'Edit':'Add New Code'}}</h3>
|
||||
<h3 class="md-title" style="flex: 1">{{id_cache?lang.title[1]:lang.title[0]}}</h3>
|
||||
</div>
|
||||
</md-app-toolbar>
|
||||
|
||||
<md-app-content>
|
||||
<md-field :class="title_verify? '':'md-invalid'">
|
||||
<label>Code Title</label>
|
||||
<label>{{lang.subheader[0]}}</label>
|
||||
<md-input v-model="title" required></md-input>
|
||||
<span class="md-error">Title can not be none.</span>
|
||||
<span class="md-error">{{lang.empty_error[0]}}</span>
|
||||
</md-field>
|
||||
|
||||
<md-field :class="user_name_verify? '':'md-invalid'">
|
||||
<label>Username</label>
|
||||
<label>{{lang.subheader[1]}}</label>
|
||||
<md-input v-model="user_name" required></md-input>
|
||||
<span class="md-error">Username can not be none.</span>
|
||||
<span class="md-error">{{lang.empty_error[1]}}</span>
|
||||
</md-field>
|
||||
|
||||
<md-field :class="password_verify? '':'md-invalid'">
|
||||
<label>Password</label>
|
||||
<label>{{lang.subheader[2]}}</label>
|
||||
<md-input v-model="password" required></md-input>
|
||||
<span class="md-error">Password can not be none.</span>
|
||||
<span class="md-error">{{lang.empty_error[2]}}</span>
|
||||
</md-field>
|
||||
|
||||
<md-field>
|
||||
<label>Web address</label>
|
||||
<label>{{lang.subheader[3]}}</label>
|
||||
<md-input v-model="web_address"></md-input>
|
||||
</md-field>
|
||||
|
||||
<md-field>
|
||||
<label>Node</label>
|
||||
<label>{{lang.subheader[4]}}</label>
|
||||
<md-textarea v-model="node"></md-textarea>
|
||||
</md-field>
|
||||
|
||||
<md-button class="md-raised md-primary expand" @click="judgeContent()">Enter</md-button>
|
||||
<md-button class="md-raised md-primary expand" @click="judgeContent()">{{lang.enter}}</md-button>
|
||||
</md-app-content>
|
||||
</md-app>
|
||||
</div>
|
||||
@ -47,6 +47,7 @@
|
||||
// @ is an alias to /src
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
export default {
|
||||
name: 'Add',
|
||||
@ -61,7 +62,8 @@ export default {
|
||||
open_count_cache:'',
|
||||
title_verify: true,
|
||||
user_name_verify: true,
|
||||
password_verify: true
|
||||
password_verify: true,
|
||||
lang:''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -81,6 +83,7 @@ export default {
|
||||
if (now - this.row_pwd.create_time < this.settings.expired_time) {
|
||||
// 上次写入时间距离现在在（默认五分钟）之内
|
||||
// 判断是否是更新
|
||||
this.initLanguage()
|
||||
if (this.$route.params.modify_content) {
|
||||
// 刷新重置数据
|
||||
let content = this.$route.params.modify_content
|
||||
@ -103,6 +106,16 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().add.CHS
|
||||
} else {
|
||||
this.lang = lang().add.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
|
||||
// 对输入框里边的内容进行判断
|
||||
judgeContent() {
|
||||
// 设置flag
|
||||
@ -222,6 +235,8 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.lang = lang().add.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init()
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
@ -15,14 +15,14 @@
|
||||
<md-app-content>
|
||||
<md-list class="md-double-line">
|
||||
<md-list-item>
|
||||
<label class="md-caption">Username</label>
|
||||
<label class="md-caption">{{lang.label[0]}}</label>
|
||||
<div class="msg-box">
|
||||
<p>{{content.user_name}}</p>
|
||||
<md-button class="md-icon-button" v-clipboard:copy="content.user_name" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl"><icon class="icon" name="file_copy"></icon></md-button>
|
||||
</div>
|
||||
</md-list-item>
|
||||
<md-list-item>
|
||||
<label class="md-caption">Password</label>
|
||||
<label class="md-caption">{{lang.label[1]}}</label>
|
||||
<div class="msg-box">
|
||||
<p class="password">{{show_password? content.password : doitPassword}}</p>
|
||||
<md-button class="md-icon-button" @click="show_password = !show_password"><md-icon>remove_red_eye</md-icon></md-button>
|
||||
@ -30,25 +30,25 @@
|
||||
</div>
|
||||
</md-list-item>
|
||||
<md-list-item>
|
||||
<label class="md-caption">Web address</label>
|
||||
<label class="md-caption">{{lang.label[2]}}</label>
|
||||
<div class="msg-box">
|
||||
<p>{{content.web_address? content.web_address : 'Empty'}}</p>
|
||||
<p>{{content.web_address? content.web_address : lang.empty_placeholder}}</p>
|
||||
<md-button class="md-icon-button" @click="openUrl()"><md-icon>open_in_new</md-icon></md-button>
|
||||
</div>
|
||||
</md-list-item>
|
||||
<md-list-item>
|
||||
<label class="md-caption">Node</label>
|
||||
<label class="md-caption">{{lang.label[3]}}</label>
|
||||
<div class="msg-box">
|
||||
<p class="node">{{content.node ? content.node : 'Empty'}}</p>
|
||||
<p class="node">{{content.node ? content.node : lang.empty_placeholder}}</p>
|
||||
</div>
|
||||
</md-list-item>
|
||||
</md-list>
|
||||
<md-dialog-confirm
|
||||
:md-active.sync="show_dialog"
|
||||
md-title="Delete this password?"
|
||||
md-content="This operation cannot be resumed. Are you sure to continue?"
|
||||
md-confirm-text="Continue"
|
||||
md-cancel-text="Cancel"
|
||||
:md-title="lang.dialog.title"
|
||||
:md-content="lang.dialog.content"
|
||||
:md-confirm-text="lang.dialog.confirm"
|
||||
:md-cancel-text="lang.dialog.cancel"
|
||||
@md-cancel="onCancel"
|
||||
@md-confirm="delCode"
|
||||
/>
|
||||
@ -64,6 +64,7 @@
|
||||
// @ is an alias to /src
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
export default {
|
||||
name: 'Add',
|
||||
@ -73,7 +74,8 @@ export default {
|
||||
snakebar_msg: '',
|
||||
content: {},
|
||||
show_password: false,
|
||||
show_dialog: false
|
||||
show_dialog: false,
|
||||
lang:''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -104,6 +106,7 @@ export default {
|
||||
if (now - this.row_pwd.create_time < this.settings.expired_time) {
|
||||
// 上次写入时间距离现在在（默认五分钟）之内
|
||||
// 刷新重置数据
|
||||
this.initLanguage()
|
||||
this.content = this.$route.params.code_content
|
||||
this.addCount()
|
||||
} else {
|
||||
@ -120,6 +123,15 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().detail.CHS
|
||||
} else {
|
||||
this.lang = lang().detail.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
|
||||
//返回上一页
|
||||
back() {
|
||||
@ -139,13 +151,13 @@ export default {
|
||||
|
||||
// 复制成功
|
||||
onCopyUrl(e) {
|
||||
this.snakebar_msg = 'Copy successful';
|
||||
this.snakebar_msg = this.lang.copy.successful;
|
||||
this.show_snackbar = true;
|
||||
},
|
||||
|
||||
// 复制失败
|
||||
onErrorUrl(e) {
|
||||
this.snakebar_msg = 'Failed to copy, but failed in some cases. Try to paste';
|
||||
this.snakebar_msg = this.lang.copy.failed;
|
||||
this.show_snackbar = true;
|
||||
},
|
||||
|
||||
@ -154,7 +166,7 @@ export default {
|
||||
if(this.content.web_address) {
|
||||
window.open(this.content.web_address)
|
||||
} else {
|
||||
this.snakebar_msg = 'Web address is empty.';
|
||||
this.snakebar_msg = this.lang.snakebar_msg_empty;
|
||||
this.show_snackbar = true;
|
||||
}
|
||||
},
|
||||
@ -213,6 +225,8 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.lang = lang().detail.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init()
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
@ -4,20 +4,20 @@
|
||||
<md-app-toolbar class="md-primary">
|
||||
<div class="md-toolbar-section-start">
|
||||
<md-button class="md-icon-button" @click="menuVisible = !menuVisible"><md-icon>menu</md-icon></md-button>
|
||||
<span class="md-title">Codebook</span>
|
||||
<span class="md-title">{{lang.title}}</span>
|
||||
</div>
|
||||
<div class="md-toolbar-section-end">
|
||||
<md-button class="md-icon-button" @click="turnToSearch()"><md-icon>search</md-icon></md-button>
|
||||
<md-menu md-align-trigger>
|
||||
<md-button md-menu-trigger class="md-icon-button"><md-icon>more_vert</md-icon></md-button>
|
||||
<md-menu-content>
|
||||
<md-menu-item @click="changeSortType('Alphabetically')">Alphabetically</md-menu-item>
|
||||
<md-menu-item @click="changeSortType('Recently Used')">Recently Used</md-menu-item>
|
||||
<md-menu-item @click="changeSortType('Alphabetically')">{{lang.menu[0]}}</md-menu-item>
|
||||
<md-menu-item @click="changeSortType('Recently Used')">{{lang.menu[1]}}</md-menu-item>
|
||||
</md-menu-content>
|
||||
</md-menu>
|
||||
</div>
|
||||
<div class="md-toolbar-row" v-if="search_start">
|
||||
<md-autocomplete class="search" v-model="search_content" :md-options="titles" md-layout="box"><label>Search...</label></md-autocomplete>
|
||||
<md-autocomplete class="search" v-model="search_content" :md-options="titles" md-layout="box"><label>{{lang.search}}</label></md-autocomplete>
|
||||
</div>
|
||||
</md-app-toolbar>
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<md-list>
|
||||
<md-list-item @click="turnToPage('/account')">
|
||||
<md-icon>person</md-icon>
|
||||
<span class="md-list-item-text">Account</span>
|
||||
<span class="md-list-item-text">{{lang.drawer[0]}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<!-- <md-list-item @click="turnToPage('/faq')">
|
||||
@ -46,22 +46,22 @@
|
||||
|
||||
<md-list-item @click="turnToPage('/settings')">
|
||||
<md-icon>settings</md-icon>
|
||||
<span class="md-list-item-text">Settings</span>
|
||||
<span class="md-list-item-text">{{lang.drawer[1]}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item v-clipboard:copy="web_addr" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl">
|
||||
<md-icon>reply</md-icon>
|
||||
<span class="md-list-item-text">Share</span>
|
||||
<span class="md-list-item-text">{{lang.drawer[2]}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item @click="downloadApk()">
|
||||
<md-icon>file_download</md-icon>
|
||||
<span class="md-list-item-text">Download apk</span>
|
||||
<span class="md-list-item-text">{{lang.drawer[3]}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item @click="turnToUnlock('用户点击锁定')">
|
||||
<md-icon>beenhere</md-icon>
|
||||
<span class="md-list-item-text">Lock Now</span>
|
||||
<span class="md-list-item-text">{{lang.drawer[4]}}</span>
|
||||
</md-list-item>
|
||||
</md-list>
|
||||
</md-app-drawer>
|
||||
@ -70,11 +70,11 @@
|
||||
<div ref='list_placeholder' :style="`height:${search_start? '86':'40'}px`"></div>
|
||||
<md-empty-state
|
||||
md-icon="devices_other"
|
||||
md-label="Create your first code"
|
||||
md-description="Creating code, you'll be able to upload your information to the server and save it."
|
||||
:md-label="lang.empty_state.label"
|
||||
:md-description="lang.empty_state.description"
|
||||
v-if="show_list.length == 0"
|
||||
>
|
||||
<md-button class="md-primary md-raised" @click="turnToAdd()">Create first code</md-button>
|
||||
<md-button class="md-primary md-raised" @click="turnToAdd()">{{lang.empty_state.button}}</md-button>
|
||||
</md-empty-state>
|
||||
|
||||
<div class="code-card" v-for="(code, index) in show_list" :key="index" @click="turnToDetail(code)">
|
||||
@ -97,6 +97,7 @@
|
||||
// @ is an alias to /src
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { lang } from '@/utils/language.js'
|
||||
export default {
|
||||
name: 'Home',
|
||||
data() {
|
||||
@ -115,7 +116,8 @@ export default {
|
||||
web_addr: 'https://ccb.canary.moe',
|
||||
titles: [],
|
||||
search_content: '',
|
||||
search_start: false
|
||||
search_start: false,
|
||||
lang: ''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -207,14 +209,23 @@ export default {
|
||||
|
||||
// 初始化配置信息
|
||||
initSettings(){
|
||||
if (Object.keys(this.settings).length == 0) {
|
||||
if (Object.keys(this.settings).length == 0 ) {
|
||||
// 初始化配置信息
|
||||
let settings = {
|
||||
expired_time: 1000 * 60 * 5, // 5分钟
|
||||
is_chinese: true,
|
||||
is_dark_mode: false,
|
||||
expired_time: 300000 // 5分钟
|
||||
};
|
||||
this.setSettings([settings, this]);
|
||||
console.log('配置信息覆写完成');
|
||||
}
|
||||
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().home.CHS
|
||||
} else {
|
||||
this.lang = lang().home.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
console.log('配置信息初始化完成');
|
||||
},
|
||||
|
||||
@ -239,17 +250,8 @@ export default {
|
||||
turnToUnlock(type) {
|
||||
console.log(type);
|
||||
this.setRowPwd(['', this]);
|
||||
// let main_code = '10aeff';
|
||||
// let main_code_aes = encryptMainCode(main_code);
|
||||
// let row_pwd = {
|
||||
// main_code: main_code_aes,
|
||||
// create_time: new Date().getTime()
|
||||
// };
|
||||
// this.setRowPwd([row_pwd, this]);
|
||||
// console.log('主密码设置完成，返回init');
|
||||
// this.init();
|
||||
if (type == '密码超时') this.$router.push({ name: 'Unlock', params: { msg: 'Password validity period has expired, please re-enter.' } });
|
||||
if (type == '密码错误') this.$router.push({ name: 'Unlock', params: { msg: 'Wrong password, please re-enter.' } });
|
||||
if (type == '密码超时') this.$router.push({ name: 'Unlock', params: { msg: this.lang.unlock_msg.expired } });
|
||||
if (type == '密码错误') this.$router.push({ name: 'Unlock', params: { msg: this.lang.unlock_msg.wrong } });
|
||||
else this.$router.push('/unlock');
|
||||
},
|
||||
|
||||
@ -284,13 +286,13 @@ export default {
|
||||
|
||||
// 复制成功
|
||||
onCopyUrl(e) {
|
||||
this.snakebar_msg = 'Copy successful';
|
||||
this.snakebar_msg = this.lang.copy.successful;
|
||||
this.show_snackbar = true;
|
||||
},
|
||||
|
||||
// 复制失败
|
||||
onErrorUrl(e) {
|
||||
this.snakebar_msg = 'Failed to copy, but failed in some cases. Try to paste';
|
||||
this.snakebar_msg = this.lang.copy.failed;
|
||||
this.show_snackbar = true;
|
||||
},
|
||||
|
||||
@ -334,9 +336,8 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// 重置row_pwd
|
||||
// this.setRowPwd(['', this])
|
||||
// this.setUserInfo(['', this])
|
||||
this.lang = lang().home.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init();
|
||||
},
|
||||
mounted() {
|
||||
|
||||
@ -4,58 +4,59 @@
|
||||
<md-app-toolbar class="md-primary toolbar">
|
||||
<div class="md-toolbar-section-start">
|
||||
<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
|
||||
<h3 class="md-title" style="flex: 1">Settings</h3>
|
||||
<h3 class="md-title" style="flex: 1">{{lang.title}}</h3>
|
||||
</div>
|
||||
</md-app-toolbar>
|
||||
|
||||
<md-app-content>
|
||||
<md-list>
|
||||
<md-subheader class="md-primary">Reset</md-subheader>
|
||||
<md-subheader class="md-primary">{{lang.subheader[0]}}</md-subheader>
|
||||
<md-list-item @click="resetAccount()">
|
||||
<md-icon>person</md-icon>
|
||||
<span class="md-list-item-text">Account</span>
|
||||
<span class="md-list-item-text">{{lang.reset_list[0]}}</span>
|
||||
<md-progress-spinner v-if="account_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item @click="resetCodebook()">
|
||||
<md-icon>format_align_left</md-icon>
|
||||
<span class="md-list-item-text">Codebook</span>
|
||||
<span class="md-list-item-text">{{lang.reset_list[1]}}</span>
|
||||
<md-progress-spinner v-if="codebook_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item @click="resetApplication()">
|
||||
<md-icon>layers</md-icon>
|
||||
<span class="md-list-item-text">Application</span>
|
||||
<span class="md-list-item-text">{{lang.reset_list[2]}}</span>
|
||||
<md-progress-spinner v-if="application_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item @click="open_dialog">
|
||||
<md-icon>vpn_key</md-icon>
|
||||
<span class="md-list-item-text">Main password</span>
|
||||
<span class="md-list-item-text">{{lang.reset_list[3]}}</span>
|
||||
</md-list-item>
|
||||
|
||||
<md-divider></md-divider>
|
||||
|
||||
<md-subheader class="md-primary">settings</md-subheader>
|
||||
<md-subheader class="md-primary">{{lang.subheader[1]}}</md-subheader>
|
||||
<md-list-item>
|
||||
<md-icon>format_color_text</md-icon>
|
||||
<span class="md-list-item-text">Language</span>
|
||||
<md-switch v-model="is_chinese" class="md-primary" disabled></md-switch>
|
||||
<span class="md-list-item-text">{{lang.option_list[0]}}</span>
|
||||
<md-switch v-model="is_chinese" class="md-primary"></md-switch>
|
||||
</md-list-item>
|
||||
<md-list-item>
|
||||
<md-icon>brightness_6</md-icon>
|
||||
<span class="md-list-item-text">Dark mode</span>
|
||||
<span class="md-list-item-text">{{lang.option_list[1]}}</span>
|
||||
<md-switch v-model="is_dark_mode" class="md-primary" disabled></md-switch>
|
||||
</md-list-item>
|
||||
|
||||
<md-list-item>
|
||||
<md-icon>update</md-icon>
|
||||
<md-field>
|
||||
<label for="expired_time">Expired time</label>
|
||||
<label for="expired_time">{{lang.option_list[2]}}</label>
|
||||
<md-select v-model="expired_time" name="expired_time" id="expired_time">
|
||||
<md-option value="300000">5 min</md-option>
|
||||
<md-option value="600000">10 min</md-option>
|
||||
<md-option value="900000">15 min</md-option>
|
||||
<md-option :value="Number.MAX_SAFE_INTEGER">{{lang.expired_time}}</md-option>
|
||||
</md-select>
|
||||
</md-field>
|
||||
</md-list-item>
|
||||
@ -64,10 +65,11 @@
|
||||
<md-dialog-prompt
|
||||
:md-active.sync="reset_main_pwd_active"
|
||||
v-model="new_main_pwd"
|
||||
md-title="Enter new password"
|
||||
:md-title="lang.dialog.title"
|
||||
md-input-maxlength="30"
|
||||
md-input-placeholder="Enter here..."
|
||||
md-confirm-text="Done"
|
||||
:md-input-placeholder="lang.dialog.placeholder"
|
||||
:md-confirm-text="lang.dialog.confirm"
|
||||
:md-cancel-text="lang.dialog.cancel"
|
||||
@md-confirm="resetPwd"
|
||||
/>
|
||||
|
||||
@ -84,6 +86,7 @@
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { login, activation, syncLocal, syncCloud } from '@/axios/api.js';
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
export default {
|
||||
name: 'Add',
|
||||
@ -105,7 +108,8 @@ export default {
|
||||
show_snackbar: false,
|
||||
snakebar_msg: '',
|
||||
// 初始化完成状态
|
||||
has_init: false
|
||||
has_init: false,
|
||||
lang: ''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
@ -128,6 +132,7 @@ export default {
|
||||
this.is_chinese = this.settings.is_chinese;
|
||||
this.is_dark_mode = this.settings.is_dark_mode;
|
||||
this.expired_time = this.settings.expired_time;
|
||||
this.initLanguage()
|
||||
// 设置flag
|
||||
setTimeout(
|
||||
function() {
|
||||
@ -145,6 +150,16 @@ export default {
|
||||
this.turnToHome('无密码');
|
||||
}
|
||||
},
|
||||
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().settings.CHS
|
||||
} else {
|
||||
this.lang = lang().settings.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
|
||||
//返回上一页
|
||||
back() {
|
||||
@ -169,7 +184,7 @@ export default {
|
||||
setTimeout(
|
||||
function() {
|
||||
this.account_loading = false;
|
||||
this.snakebar_msg = 'Congratulations! Reset account completed!';
|
||||
this.snakebar_msg = this.lang.snakebar_msg.reset_account;
|
||||
this.show_snackbar = true;
|
||||
}.bind(this),
|
||||
1000
|
||||
@ -195,7 +210,7 @@ export default {
|
||||
setTimeout(
|
||||
function() {
|
||||
this.codebook_loading = false;
|
||||
this.snakebar_msg = 'Congratulations! Reset codebook completed!';
|
||||
this.snakebar_msg = this.lang.snakebar_msg.reset_codebook;
|
||||
this.show_snackbar = true;
|
||||
}.bind(this),
|
||||
1000
|
||||
@ -215,7 +230,7 @@ export default {
|
||||
this.setRowPwd(['', this]);
|
||||
console.log('主密码覆写完成');
|
||||
let settings = {
|
||||
is_chinese: false,
|
||||
is_chinese: true,
|
||||
is_dark_mode: false,
|
||||
expired_time: 300000
|
||||
};
|
||||
@ -235,7 +250,13 @@ export default {
|
||||
};
|
||||
this.setSettings([settings, this]);
|
||||
console.log('个性化设置覆写完成');
|
||||
this.snakebar_msg = 'Congratulations! Reset settings completed!';
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().settings.CHS
|
||||
} else {
|
||||
this.lang = lang().settings.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
this.snakebar_msg = this.lang.snakebar_msg.reset_settings;
|
||||
this.show_snackbar = true;
|
||||
},
|
||||
|
||||
@ -246,7 +267,7 @@ export default {
|
||||
resetPwd(new_main_pwd) {
|
||||
// 空内容拦截器
|
||||
if(!new_main_pwd.trim()) {
|
||||
this.snakebar_msg = 'Password can not be none.';
|
||||
this.snakebar_msg = this.lang.snakebar_msg.reset_pwd_failed;
|
||||
this.show_snackbar = true;
|
||||
}
|
||||
let main_code_aes = encryptMainCode(new_main_pwd);
|
||||
@ -255,11 +276,13 @@ export default {
|
||||
create_time: new Date().getTime()
|
||||
};
|
||||
this.setRowPwd([row_pwd, this]);
|
||||
this.snakebar_msg = 'Congratulations! New password set up successfully!';
|
||||
this.snakebar_msg = this.lang.snakebar_msg.reset_pwd_successful;
|
||||
this.show_snackbar = true;
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.lang = lang().settings.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init();
|
||||
},
|
||||
mounted() {},
|
||||
|
||||
@ -1,33 +1,33 @@
|
||||
<template>
|
||||
<div class="unlock">
|
||||
<md-toolbar class="md-primary">
|
||||
<h3 class="md-title" style="flex: 1">{{ is_create ? 'Create Password' : 'Unlock' }}</h3>
|
||||
<h3 class="md-title" style="flex: 1">{{ is_create ? lang.title[0] : lang.title[1] }}</h3>
|
||||
</md-toolbar>
|
||||
|
||||
<icon class="logo" name="canary"></icon>
|
||||
|
||||
<p class="md-title center">{{ is_create ? 'Create New Password' : 'Unlock Canary Codebook' }}</p>
|
||||
<p class="md-title center">{{ is_create ? lang.subheader[0] : lang.subheader[1] }}</p>
|
||||
|
||||
<md-field class="input-box" :class="messageClass">
|
||||
<label>{{ is_create ? 'New Password' : 'Unlock Password' }}</label>
|
||||
<label>{{ is_create ? lang.pwd_label[0] : lang.pwd_label[1] }}</label>
|
||||
<md-input v-model="pwd" type="password"></md-input>
|
||||
<span class="md-error">{{ err_msg }}</span>
|
||||
</md-field>
|
||||
|
||||
<md-field class="input-box" :class="messageClass" v-if="is_create">
|
||||
<label>Repeat Password</label>
|
||||
<label>{{lang.repeat_pwd}}</label>
|
||||
<md-input v-model="repeat" type="password"></md-input>
|
||||
<span class="md-error">{{ err_msg }}</span>
|
||||
</md-field>
|
||||
|
||||
<md-button class="md-raised md-primary center" @click="judgePwd()">Enter</md-button>
|
||||
<md-button class="md-raised md-primary center" @click="judgePwd()">{{lang.enter}}</md-button>
|
||||
|
||||
<md-dialog-confirm
|
||||
:md-active.sync="show_dialog"
|
||||
md-title="Confirm you new password?"
|
||||
md-content="The password will not be modified after submission, please make sure you don’t tell anyone this password."
|
||||
md-confirm-text="Agree"
|
||||
md-cancel-text="Disagree"
|
||||
:md-title="lang.dialog.title"
|
||||
:md-content="lang.dialog.content"
|
||||
:md-confirm-text="lang.dialog.confirm"
|
||||
:md-cancel-text="lang.dialog.cancel"
|
||||
@md-cancel="onCancel"
|
||||
@md-confirm="submit"
|
||||
/>
|
||||
@ -42,6 +42,7 @@
|
||||
// @ is an alias to /src
|
||||
import { mapState, mapActions } from 'vuex';
|
||||
import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
|
||||
import { lang } from '@/utils/language.js'
|
||||
|
||||
export default {
|
||||
name: 'Unlock',
|
||||
@ -54,11 +55,12 @@ export default {
|
||||
show_dialog: false,
|
||||
is_create: false,
|
||||
show_snackbar: false,
|
||||
snakebar_msg: ''
|
||||
snakebar_msg: '',
|
||||
lang:''
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapState(['row_data']),
|
||||
...mapState(['row_data','settings']),
|
||||
messageClass() {
|
||||
return {
|
||||
'md-invalid': this.is_err
|
||||
@ -72,16 +74,27 @@ export default {
|
||||
init() {
|
||||
// 刷新vuex
|
||||
this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(localStorage.getItem('storeState'))));
|
||||
this.initLanguage()
|
||||
// 判断是创建密码还是输入密码
|
||||
this.is_create = this.row_data ? false : true;
|
||||
},
|
||||
|
||||
|
||||
// 配置语言
|
||||
initLanguage() {
|
||||
if(this.settings.is_chinese) {
|
||||
this.lang = lang().unlock.CHS
|
||||
} else {
|
||||
this.lang = lang().unlock.EN
|
||||
}
|
||||
console.log('语言配置完成')
|
||||
},
|
||||
|
||||
// 点击提交判断密码
|
||||
judgePwd() {
|
||||
// 空密码拦截器
|
||||
if (this.pwd.trim().length == 0) {
|
||||
this.is_err = true;
|
||||
this.err_msg = 'Password can not be none';
|
||||
this.err_msg = this.lang.empty_pwd_error;
|
||||
console.log('密码为空拦截');
|
||||
return;
|
||||
}
|
||||
@ -96,7 +109,7 @@ export default {
|
||||
} else {
|
||||
// 错误
|
||||
this.is_err = true;
|
||||
this.err_msg = 'Wrong password';
|
||||
this.err_msg = this.lang.wrong_pwd_error;
|
||||
console.log('密码输入错误拦截');
|
||||
}
|
||||
} else {
|
||||
@ -107,7 +120,7 @@ export default {
|
||||
} else {
|
||||
// 两次不一致
|
||||
this.is_err = true;
|
||||
this.err_msg = 'The two passwords do not match';
|
||||
this.err_msg = this.lang.match_pwd_error;
|
||||
console.log('密码两次输入不一致拦截');
|
||||
}
|
||||
}
|
||||
@ -131,6 +144,8 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.lang = lang().unlock.CHS
|
||||
console.log('临时语言系统加载完成')
|
||||
this.init();
|
||||
},
|
||||
mounted() {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user