added missing two-step login i18n strings

src/background.js

@@ -1,7 +1,7 @@
 var isBackground = true;
 var bg_loginsToAdd = [];
 var bg_i18nService = new i18nService();
-var bg_constantsService = new ConstantsService();
+var bg_constantsService = new ConstantsService(bg_i18nService);
 var bg_utilsService = new UtilsService();
 var bg_cryptoService = new CryptoService(bg_constantsService);
 var bg_tokenService = new TokenService();

src/popup/app/accounts/views/accountsLoginTwoFactor.html

@@ -13,10 +13,10 @@
     <div class="content">
         <div class="two-factor-key-page">
             <p ng-if="providerType === constantsProvider.authenticator">
-                Enter the 6 digit verification code from your authenticator app.
+                {{i18n.enterVerificationCodeApp}}
             </p>
             <p ng-if="providerType === constantsProvider.email">
-                Enter the 6 digit verification code that was emailed to <b>{{twoFactorEmail}}</b>.
+                {{i18n.enterVerificationCodeEmail}} <b>{{twoFactorEmail}}</b>.
             </p>
         </div>
         <div class="list">
@@ -28,17 +28,17 @@
                         <input id="code" type="text" name="Code" placeholder="{{i18n.verificationCode}}" ng-model="token">
                     </div>
                     <div class="list-section-item list-section-item-checkbox">
-                        <label for="remember">Remember me</label>
+                        <label for="remember">{{i18n.rememberMe}}</label>
                         <input id="remember" name="Remember" type="checkbox" ng-model="remember.checked">
                     </div>
                 </div>
             </div>
         </div>
         <p class="text-center text-accent" ng-if="providerType === constantsProvider.email">
-            <a href="#" stop-click ng-click="sendEmail(true)">Send verification code email again</a>
+            <a href="#" stop-click ng-click="sendEmail(true)">{{i18n.sendVerificationCodeEmailAgain}}</a>
         </p>
         <p class="text-center text-accent">
-            <a href="#" stop-click ng-click="anotherMethod()">Use another two-step login method</a>
+            <a href="#" stop-click ng-click="anotherMethod()">{{i18n.useAnotherTwoStepMethod}}</a>
         </p>
     </div>
 </form>
@@ -58,14 +58,14 @@
             <div class="list-section">
                 <div class="list-section-items">
                     <div class="list-section-item list-section-item-checkbox">
-                        <label for="remember">Remember me</label>
+                        <label for="remember">{{i18n.rememberMe}}</label>
                         <input id="remember" name="Remember" type="checkbox" ng-model="remember.checked">
                     </div>
                 </div>
             </div>
         </div>
         <p class="text-accent text-center">
-            <a href="#" stop-click ng-click="anotherMethod()">Use another two-step login method</a>
+            <a href="#" stop-click ng-click="anotherMethod()">{{i18n.useAnotherTwoStepMethod}}</a>
         </p>
     </div>
 </form>
@@ -83,7 +83,7 @@
     </div>
     <div class="content">
         <div class="two-factor-key-page">
-            <p>Insert your YubiKey into your computer's USB port, then touch its button.</p>
+            <p>{{i18n.insertYubiKey}}</p>
             <img src="../images/two-factor/yubikey.jpg" alt="" class="img-rounded img-responsive" />
         </div>
         <div class="list">
@@ -95,14 +95,14 @@
                         <input id="code" type="password" name="Code" ng-model="token">
                     </div>
                     <div class="list-section-item list-section-item-checkbox">
-                        <label for="remember">Remember me</label>
+                        <label for="remember">{{i18n.rememberMe}}</label>
                         <input id="remember" name="Remember" type="checkbox" ng-model="remember.checked">
                     </div>
                 </div>
             </div>
         </div>
         <p class="text-center text-accent">
-            <a href="#" stop-click ng-click="anotherMethod()">Use another two-step login method</a>
+            <a href="#" stop-click ng-click="anotherMethod()">{{i18n.useAnotherTwoStepMethod}}</a>
         </p>
     </div>
 </form>
@@ -122,9 +122,7 @@
             <iframe id="u2f_iframe" class="hide"></iframe>
             <p ng-if="!u2fReady">Loading...</p>
             <div ng-if="u2fReady">
-                <p>
+                <p>{{i18n.insertU2f}}</p>
-                    Insert your Security Key into your computer's USB port. If it has a button, touch it.
-                </p>
                 <img src="../images/two-factor/u2fkey.jpg" alt="" class="img-rounded img-responsive" />
             </div>
         </div>
@@ -132,14 +130,14 @@
             <div class="list-section">
                 <div class="list-section-items">
                     <div class="list-section-item list-section-item-checkbox">
-                        <label for="remember">Remember me</label>
+                        <label for="remember">{{i18n.rememberMe}}</label>
                         <input id="remember" name="Remember" type="checkbox" ng-model="remember.checked">
                     </div>
                 </div>
             </div>
         </div>
         <p class="text-accent text-center">
-            <a href="#" stop-click ng-click="anotherMethod()">Use another two-step login method</a>
+            <a href="#" stop-click ng-click="anotherMethod()">{{i18n.useAnotherTwoStepMethod}}</a>
         </p>
     </div>
 </form>
@@ -149,21 +147,15 @@
         <div class="left">
             <a ui-sref="login({animation: 'out-slide-right'})"><i class="fa fa-chevron-left"></i> {{i18n.login}}</a>
         </div>
-        <div class="title">Login Unavailable</div>
+        <div class="title">{{i18n.loginUnavailable}}</div>
     </div>
     <div class="content">
         <div class="two-factor-key-page">
-            <p>
+            <p>{{i18n.noTwoStepProviders}}</p>
-                This account has two-step login enabled, however, none of the configured two-step providers are
+            <p>{{i18n.noTwoStepProviders2}}</p>
-                supported by this web browser.
-            </p>
-            <p>
-                Please use a supported web browser (such as Chrome) and/or add additional providers that are better supported
-                across web browsers (such as an authenticator app).
-            </p>
         </div>
         <p class="text-accent text-center">
-            <a href="#" stop-click ng-click="anotherMethod()">Use another two-step login method</a>
+            <a href="#" stop-click ng-click="anotherMethod()">{{i18n.useAnotherTwoStepMethod}}</a>
         </p>
     </div>
 </div>

src/popup/app/accounts/views/accountsTwoFactorMethods.html

@@ -2,7 +2,7 @@
     <div class="left">
         <a href="#" ng-click="cancel()" stop-click>{{i18n.cancel}}</a>
     </div>
-    <div class="title">Two-step Login Options</div>
+    <div class="title">{{i18n.twoStepOptions}}</div>
 </div>
 <div class="content content-tabs">
     <div class="list">
@@ -14,10 +14,9 @@
                     <span class="detail">{{provider.description}}</span>
                 </a>
                 <a class="list-section-item wrap" href="#" stop-click ng-click="recover()">
-                    <span class="text">Recovery Code</span>
+                    <span class="text">{{i18n.recoveryCodeTitle}}</span>
                     <span class="detail">
-                        Lost access to all of your two-factor providers? Use your recovery code to disable
+                        {{i18n.recoveryCodeDesc}}
-                        all two-factor providers from your account.
                     </span>
                 </a>
             </div>

src/services/constantsService.js

@@ -1,4 +1,4 @@
-function ConstantsService() {
+function ConstantsService(i18nService) {
     return {
         disableGaKey: 'disableGa',
         disableAddLoginNotificationKey: 'disableAddLoginNotification',
@@ -26,9 +26,8 @@ function ConstantsService() {
         twoFactorProviderInfo: [
             {
                 type: 0,
-                name: 'Authenticator App',
+                name: i18nService.authenticatorAppTitle,
-                description: 'Use an authenticator app (such as Authy or Google Authenticator) to generate time-based ' +
+                description: i18nService.authenticatorAppDesc,
-                'verification codes.',
                 active: true,
                 free: true,
                 displayOrder: 0,
@@ -36,8 +35,8 @@ function ConstantsService() {
             },
             {
                 type: 3,
-                name: 'YubiKey OTP Security Key',
+                name: i18nService.yubiKeyTitle,
-                description: 'Use a YubiKey to access your account. Works with YubiKey 4, 4 Nano, 4C, and NEO devices.',
+                description: i18nService.yubiKeyDesc,
                 active: true,
                 displayOrder: 1,
                 priority: 3
@@ -45,23 +44,23 @@ function ConstantsService() {
             {
                 type: 2,
                 name: 'Duo',
-                description: 'Verify with Duo Security using the Duo Mobile app, SMS, phone call, or U2F security key.',
+                description: i18nService.duoDesc,
                 active: true,
                 displayOrder: 2,
                 priority: 2
             },
             {
                 type: 4,
-                name: 'FIDO U2F Security Key',
+                name: i18nService.u2fTitle,
-                description: 'Use any FIDO U2F enabled security key to access your account.',
+                description: i18nService.u2fDesc,
                 active: true,
                 displayOrder: 3,
                 priority: 4
             },
             {
                 type: 1,
-                name: 'Email',
+                name: i18nService.emailTitle,
-                description: 'Verification codes will be emailed to you.',
+                description: i18nService.emailDesc,
                 active: true,
                 displayOrder: 4,
                 priority: 0