From 6bd1ddc0643aee169d67c01fb836d1defe4d377f Mon Sep 17 00:00:00 2001
From: garrettmills <garrett@glmdev.tech>
Date: Mon, 1 Jun 2020 23:03:16 -0500
Subject: [PATCH] Add missing translation

---
 .../app/dash/profile/EditProfile.component.js     | 15 +++++++++------
 locale/en_US/mfa.locale.js                        |  1 +
 locale/en_US/profile.locale.js                    |  3 +++
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/assets/app/dash/profile/EditProfile.component.js b/app/assets/app/dash/profile/EditProfile.component.js
index 8aee594..ae0a474 100644
--- a/app/assets/app/dash/profile/EditProfile.component.js
+++ b/app/assets/app/dash/profile/EditProfile.component.js
@@ -90,11 +90,11 @@ const template = `
                     @click="change_password"
                 >{{ t['password.change'] }}</button>
             </li>
-            <li class="list-group-item" v-if="!has_mfa && (!user_id || user_id === 'me')">
-                <h4>Multi-factor Authentication</h4>
-                <p>MFA is a good-practice security measure that requires you to provide a second factor of identification when you sign in from a service or device that makes use of {{ app_name }}.</p>
-                <p>Once enabled, {{ app_name }} will prompt you to enter a code when you sign-in with the {{ app_name }} web interface from a new device. It will also require you to append the code to your password when signing in to a service that uses {{ app_name }} as a backend.</p>
-                <button class="btn btn-success btn-sm" type="button" @click="enable_mfa">Enable MFA</button>
+            <li class="list-group-item" v-if="ready && !has_mfa && (!user_id || user_id === 'me')">
+                <h4>{{ t['mfa.mfa'] }}</h4>
+                <p>{{ t['profile.mfa_1'].replace(/APP_NAME/g, app_name) }}</p>
+                <p>{{ t['profile.mfa_2'].replace(/APP_NAME/g, app_name) }}</p>
+                <button class="btn btn-success btn-sm" type="button" @click="enable_mfa">{{ t['mfa.enable'] }}</button>
             </li>
             <li class="list-group-item" v-if="has_mfa && (!user_id || user_id === 'me')">
                 <h4>{{ t['mfa.mfa'] }}</h4>
@@ -218,7 +218,10 @@ export default class EditProfileComponent extends Component {
             'profile.regenerate_recovery',
             'profile.app_pw_1',
             'profile.app_pw_2',
-            'profile.app_pw_3'
+            'profile.app_pw_3',
+            'profile.mfa_1',
+            'profile.mfa_2',
+            'mfa.enable'
         )
 
         this.app_name = session.get('app.name')
diff --git a/locale/en_US/mfa.locale.js b/locale/en_US/mfa.locale.js
index c88ff03..9de547a 100644
--- a/locale/en_US/mfa.locale.js
+++ b/locale/en_US/mfa.locale.js
@@ -14,6 +14,7 @@ module.exports = exports = {
     Are you sure you want to continue?
     `,
     disable: 'Disable MFA',
+    enable: 'Enable MFA',
     disable_success: 'MFA was successfully disabled. You\'ll now sign-in normally.',
 
     recover_prompt: 'To recover access to your account, you can enter one of the generated MFA recovery codes:',
diff --git a/locale/en_US/profile.locale.js b/locale/en_US/profile.locale.js
index f97ce08..2366b92 100644
--- a/locale/en_US/profile.locale.js
+++ b/locale/en_US/profile.locale.js
@@ -39,4 +39,7 @@ module.exports = exports = {
         many: 'There are NUM_CODES recovery codes remaining.',
     },
     regenerate_recovery: 'Re-generate Recovery Codes',
+
+    mfa_1: 'MFA is a good-practice security measure that requires you to provide a second factor of identification when you sign in from a service or device that makes use of APP_NAME.',
+    mfa_2: 'Once enabled, APP_NAME will prompt you to enter a code when you sign-in with the APP_NAME web interface from a new device. It will also require you to append the code to your password when signing in to a service that uses APP_NAME as a backend.',
 }