2fa page translation

config/language-translations.php

@@ -472,6 +472,13 @@ return [
         'page_sign_in.placeholder_password' => 'Type your password',
         'page_sign_in.subtitle' => 'Confirm you by your password',
         'page_sign_in.title' => 'Are You {name}?',
+        'page_sign_in_2fa_title' => 'Welcome {name}',
+        'page_sign_in_2fa_subtitle' => 'Confirm you by 2FA code',
+        'page_sign_in.placeholder_2fa' => 'Type your 2FA code',
+        'page_sign_in.2fa_recovery_text' => "Can't get to your 2FA code?",
+        'page_sign_in.2fa_recovery_button' => 'Use recovery code.',
+        'page_sign_in.2fa_recovery_subtitle' => 'Use your recovery code',
+        'page_sign_in.placeholder_2fa_recovery' => "Type your recovery code",
         'popup_create_folder.folder_default_name' => 'New Folder',
         'popup_create_folder.label' => 'Type Name',
         'popup_create_folder.placeholder' => 'Type your name',

public/mix-manifest.json

@@ -70,7 +70,7 @@
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=238c362399a4018549bd",
     "/chunks/shared/file-browser.js": "/chunks/shared/file-browser.js?id=d630c473dc6b751ec50f",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=040a7241ea133456200c",
-    "/chunks/sign-in.js": "/chunks/sign-in.js?id=b2e97fd8b52b40b8c4af",
+    "/chunks/sign-in.js": "/chunks/sign-in.js?id=949ceec95f4a8325cbf3",
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=f5634301e476029d6fa1",
     "/chunks/stripe-credentials.js": "/chunks/stripe-credentials.js?id=20721ca146c27a67bccd",
     "/chunks/subscription-plans.js": "/chunks/subscription-plans.js?id=d21cbdb1cee9197323c3",
@@ -125,5 +125,6 @@
     "/chunks/sign-in.4ff61daab837f57cd09e.hot-update.js": "/chunks/sign-in.4ff61daab837f57cd09e.hot-update.js",
     "/chunks/sign-in.40b44068090a59d03897.hot-update.js": "/chunks/sign-in.40b44068090a59d03897.hot-update.js",
     "/chunks/sign-in.39496c19f36fda3d8e7b.hot-update.js": "/chunks/sign-in.39496c19f36fda3d8e7b.hot-update.js",
-    "/chunks/sign-in.23b65a3918af564ccfb7.hot-update.js": "/chunks/sign-in.23b65a3918af564ccfb7.hot-update.js"
+    "/chunks/sign-in.23b65a3918af564ccfb7.hot-update.js": "/chunks/sign-in.23b65a3918af564ccfb7.hot-update.js",
+    "/chunks/sign-in.f604a37c86fbdefb0b6b.hot-update.js": "/chunks/sign-in.f604a37c86fbdefb0b6b.hot-update.js"
 }

resources/js/views/Auth/SignIn.vue

@@ -67,15 +67,15 @@
 
            <div class="user" v-if="checkedAccount">
                 <img class="user-avatar" :src="checkedAccount.avatar" :alt="checkedAccount.name">
-                <h1> Welcome {{ checkedAccount.name }} </h1>
+                <h1> {{ $t('page_sign_in_2fa_title', {name: checkedAccount.name}) }} </h1>
-                <h2> Confirm you by 2FA code :</h2>
+                <h2> {{ $t('page_sign_in_2fa_subtitle') }}:</h2>
             </div>
 
             <ValidationObserver ref="two_factor_authentication" v-slot="{ invalid }" tag="form"
                                 class="form inline-form">
                 <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Two Factor Authentication" rules="required"
                                     v-slot="{ errors }">
-                    <input v-model="twoFactorCode" placeholder="Type your 2FA code"
+                    <input v-model="twoFactorCode" :placeholder="$t('page_sign_in.placeholder_2fa')"
                             @input="twoFactorChallenge(false)"
                            type="text"
                            maxlength="6"
@@ -86,9 +86,9 @@
 
             </ValidationObserver>
 
-             <span class="additional-link"> You don't know your 2fa code?
+             <span class="additional-link"> {{ $t('page_sign_in.2fa_recovery_text') }}
                 <a @click="goToAuthPage('two-factor-recovery')" class="text-theme">
-                    Use recovery code.
+                   {{ $t('page_sign_in.2fa_recovery_button') }}
                 </a>
             </span>
 
@@ -103,15 +103,15 @@
 
            <div class="user" v-if="checkedAccount">
                 <img class="user-avatar" :src="checkedAccount.avatar" :alt="checkedAccount.name">
-                <h1> Welcome {{ checkedAccount.name }} </h1>
+                <h1> {{ checkedAccount.name }} </h1>
-                <h2> Confirm you by 2FA code :</h2>
+                <h2>{{ $t('page_sign_in.2fa_recovery_subtitle') }}:</h2>
             </div>
 
             <ValidationObserver ref="two_factor_recovery" v-slot="{ invalid }" tag="form"
                                 class="form inline-form">
                 <ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Two Factor Recovery" rules="required"
                                     v-slot="{ errors }">
-                    <input v-model="twoFactorRecoveryCode" placeholder="Type your recovery code"
+                    <input v-model="twoFactorRecoveryCode" :placeholder="$t('page_sign_in.placeholder_2fa_recovery')"
                             @input="twoFactorChallenge(true)"
                            type="text"
                            maxlength="21"