diff --git a/app/assets/app/auth/MFAChallenge.component.js b/app/assets/app/auth/MFAChallenge.component.js
index 5e9b734..b1de955 100644
--- a/app/assets/app/auth/MFAChallenge.component.js
+++ b/app/assets/app/auth/MFAChallenge.component.js
@@ -7,13 +7,13 @@ const template = `
- Your account has multi-factor authentication enabled. Please enter the code generated by your authenticator app to continue.
+ {{ t['mfa.challenge_prompt'] }}
Lost your MFA device?
+ >
{{ t['mfa.lost_device'] }}
`
@@ -45,6 +45,19 @@ export default class MFAChallengePage extends Component {
error_message = ''
other_message = ''
+ t = {}
+
+ async vue_on_create() {
+ this.t = await T(
+ 'mfa.challenge_prompt',
+ 'mfa.mfa_code',
+ 'mfa.lost_device',
+ 'mfa.invalid_code',
+ 'mfa.success'
+ )
+
+ console.log(this)
+ }
async watch_verify_code(new_verify_code, old_verify_code) {
if ( new_verify_code.length === 6 ) {
@@ -53,11 +66,11 @@ export default class MFAChallengePage extends Component {
this.verify_success = result && result.is_valid
if ( !this.verify_success ) {
this.other_message = ''
- this.error_message = `Uh, oh! It looks like that's not the right code. Please try again.`
+ this.error_message = this.t['mfa.invalid_code']
this.loading = false
} else {
this.error_message = ''
- this.other_message = `Success! Redirecting...`
+ this.other_message = this.t['mfa.success']
await location_service.redirect(result.next_destination, 1500)
}
} else if ( new_verify_code.length > 6 ) {
diff --git a/app/assets/app/auth/MFADisable.component.js b/app/assets/app/auth/MFADisable.component.js
index 6aadbb2..472d611 100644
--- a/app/assets/app/auth/MFADisable.component.js
+++ b/app/assets/app/auth/MFADisable.component.js
@@ -9,17 +9,13 @@ const template = `
- To recover access to your account, you can enter one of the generated MFA recovery codes:
+ {{ t['mfa.recover_prompt'] }}
{{ other_message }}
Have a normal MFA code?
+ >
{{ t['mfa.normal_code'] }}
@@ -43,8 +43,17 @@ export default class MFARecoveryComponent extends Component {
recovery_code = ''
error_message = ''
other_message = ''
+ t = {}
async vue_on_create() {
+ this.t = await T(
+ 'mfa.recover_prompt',
+ 'mfa.recovery_code',
+ 'mfa.normal_code',
+ 'mfa.recover_success',
+ 'mfa.invalid_code'
+ )
+
this.$nextTick(() => {
this.$refs.verify_input.focus()
})
@@ -57,11 +66,11 @@ export default class MFARecoveryComponent extends Component {
this.loading = true
const result = await auth_api.attempt_mfa_recovery(this.recovery_code)
if ( result && result.success ) {
- this.other_message = `Success! There are only ${result.remaining_codes} recovery codes remaining. Let's get you on your way...`
+ this.other_message = this.t['mfa.recover_success'].replace('NUM_CODES', result.remaining_codes)
await location_service.redirect(result.next_destination, 5000)
} else {
this.loading = false
- this.error_message = 'Hm. It doesn\'t look like that code is valid.'
+ this.error_message = this.t['mfa.invalid_code']
}
}
}
diff --git a/app/assets/app/auth/login/Form.component.js b/app/assets/app/auth/login/Form.component.js
index da592fb..d528069 100644
--- a/app/assets/app/auth/login/Form.component.js
+++ b/app/assets/app/auth/login/Form.component.js
@@ -16,7 +16,7 @@ const template = `
id="coreid-login-form-username"
name="username"
class="form-control"
- placeholder="Username"
+ :placeholder="t['login.username']"
v-model="username"
autofocus
@keyup="on_key_up"
@@ -29,7 +29,7 @@ const template = `
id="coreid-login-form-password"
name="password"
class="form-control"
- placeholder="Password"
+ :placeholder="t['login.password']"
v-model="password"
:disabled="loading"
@keyup="on_key_up"
@@ -42,12 +42,12 @@ const template = `