add translations

Romper9 · Romper9 · commit 39f9daf111a9 · 2024-12-20T17:31:27.000+02:00
diff --git a/adminforth/plugins/open-signup/custom/SignupPage.vue b/adminforth/plugins/open-signup/custom/SignupPage.vue
@@ -31,14 +31,14 @@
                 <!-- Modal header -->
                 <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
                     <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
-                      Sign up into {{ coreStore.config?.brandName }}
+                      {{$t('Sign up into')}} {{ coreStore.config?.brandName }}
                     </h3>
                 </div>
                 <!-- Modal body -->
                 <div class="p-4 md:p-5">
                   <form v-if="!requestSent" class="space-y-4" role="alert" @submit.prevent>
                     <div v-if="!verifyToken" class="relative">
-                      <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your email</label>
+                      <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{$t('Your email')}}</label>
                       <input type="email" name="email" id="email" 
                         tabindex="1"
                         autocomplete="username"  
@@ -50,7 +50,7 @@
                       />
                     </div>
                     <div v-if="isPasswordNeeded" class="relative">
-                      <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">New password</label>
+                      <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{$t('New password')}}</label>
                       <input 
                         tabindex="2"
                         autocomplete="new-password"
@@ -74,7 +74,7 @@
                     </div>
 
                     <div v-if="isPasswordNeeded" class="relative">
-                      <label for="password_confirmation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Confirm new password</label>
+                      <label for="password_confirmation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">{{$t('Confirm new password')}}</label>
                       <input 
                         ref="passwordConfirmationInput"
                         autocomplete="new-password"
@@ -100,7 +100,7 @@
                       <svg class="flex-shrink-0 inline w-4 h-4 me-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                         <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
                       </svg>
-                      <span class="sr-only">Info</span>
+                      <span class="sr-only">{{$t('Info')}}</span>
                       <div>
                         {{ validationError || error }}
                       </div>
@@ -113,15 +113,15 @@
                       class="w-full"
                       :loader="inProgress"
                     >
-                      Sign up
+                      {{$t('Sign up')}}
                     </Button>
                   </form>
 <!-- END of set new paasord -->
                   <div v-else class="flex items center justify-center p-4 mb-4 text-sm text-green-800 rounded-lg bg-green-50 dark:bg-green-800 dark:text-green-400" role="alert">
-                    Please check your email at {{ sentToEmail }} to confirm your email address.
+                    {{$t('Please check your email at')}} {{ sentToEmail }} {{$t('to confirm your email address.')}}
                   </div> 
                   <p class="text-gray-500 dark:text-gray-400 font-sm text-right mt-3">
-                      or <Link to="/login">{{ toLoginText }}</Link>
+                      {{$t('or')}} <Link to="/login">{{ toLoginText }}</Link>
                   </p>
                 </div>
             </div>
diff --git a/adminforth/plugins/two-factors-auth/custom/TwoFactorsConfirmation.vue b/adminforth/plugins/two-factors-auth/custom/TwoFactorsConfirmation.vue
@@ -13,7 +13,7 @@
             <!-- Modal content -->
             <div class="relative bg-white rounded-lg shadow dark:bg-gray-700 dark:shadow-black text-gray-500" >
                 <div class="p-8 w-full max-w-md max-h-full" >
-                    <div class="m-3">Please enter your authenticator code </div>
+                    <div class="m-3">{{$t('Please enter your authenticator code')}} </div>
                     <div class="my-4 flex justify-center items-center">
                       <v-otp-input
                         ref="code"
@@ -28,7 +28,7 @@
                       />
                     </div>
                     <!-- <Vue2FACodeInput v-model="code"/> -->
-                    <LinkButton to="/login" class="w-full">Back to login</LinkButton>
+                    <LinkButton to="/login" class="w-full">{{$t('Back to login')}}</LinkButton>
                 </div>
             </div>
         </div>
diff --git a/adminforth/plugins/two-factors-auth/custom/TwoFactorsSetup.vue b/adminforth/plugins/two-factors-auth/custom/TwoFactorsSetup.vue
@@ -13,15 +13,15 @@
           <!-- Modal content -->
           <div class="relative bg-white rounded-lg shadow dark:bg-gray-700 dark:shadow-black text-gray-500" >
               <div class="p-8 w-full max-w-md max-h-full" >
-                  <div class="m-3" >Scan this QR code with your authenticator app or open by <a class="text-blue-600" :href="totpUri">click</a></div>
+                  <div class="m-3" >{{$t('Scan this QR code with your authenticator app or open by')}} <a class="text-blue-600" :href="totpUri">{{$t('click')}}</a></div>
                   <div class="flex justify-center m-3" >
                       <img :src="totpQrCode" alt="QR code" />
                   </div>
                   <div class="m-3 ">
-                      <div class="m-1">Or copy this code to app manually:</div>
+                      <div class="m-1">{{$t('Or copy this code to app manually:')}}</div>
                       <div class="w-full max-w-[46rem]">
                           <div class="relative">
-                              <label for="npm-install-copy-text" class="sr-only">Label</label>
+                              <label for="npm-install-copy-text" class="sr-only">{{$t('Label')}}</label>
                               <input id="npm-install-copy-text" type="text" class="col-span-10 bg-gray-50 border border-gray-300 text-gray-500 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full px-2.5 py-4 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-gray-400 dark:focus:ring-blue-500 dark:focus:border-blue-500 pr-12" :value="totp.newSecret" readonly>
                               <button @click="onCopyClick" data-copy-to-clipboard-target="npm-install-copy-text" class="absolute end-2.5 top-1/2 -translate-y-1/2 text-gray-900 dark:text-gray-400 hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 rounded-lg py-2 px-2.5 inline-flex items-center justify-center bg-white border-gray-200 border">
                                   <span id="default-message" class="inline-flex items-center">
@@ -48,10 +48,10 @@
                   <!-- <Vue2FACodeInput v-model="code" autofocus /> -->
                    <div class="flex flex-row gap-2.5">
                   <LinkButton to="/login" class="w-full">
-                    Back to login
+                    {{$t('Back to login')}}
                   </LinkButton>
                   <Button v-if="skipAllowed" @click="handleSkip" class="w-full">
-                    Skip for now
+                    {{$t('Skip for now')}}
                   </Button>
                 </div>
               </div>
