MOSIP-27360: rtl issue fix in keycloak login page (#69)

* MOSIP-27360: rtl issue fix in keycloak login page Signed-off-by: SwethaKrish4 <[email protected]> * MOSIP-27360: rtl issue fix in keycloak login page Signed-off-by: SwethaKrish4 <[email protected]> --------- Signed-off-by: SwethaKrish4 <[email protected]>
mosip · Jan 22, 2024 · bbf4ea0 · bbf4ea0
1 parent c5be8d0
commit bbf4ea0
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 7 deletions.
diff --git a/keycloak-artemis/standalone/deployments/recaptcha-login.jar b/keycloak-artemis/standalone/deployments/recaptcha-login.jar
diff --git a/keycloak-artemis/theme/base/login/login.ftl b/keycloak-artemis/theme/base/login/login.ftl
@@ -1,9 +1,9 @@
 <#import "template.ftl" as layout>
 <@layout.registrationLayout displayMessage=!messagesPerField.existsError('username','password') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section>
     <#if section = "header">
-        ${msg("loginAccountTitle")}
+		${msg("loginAccountTitle")}
     <#elseif section = "form">
-    <div id="kc-form">
+    <div id="kc-form" <#if "${locale.currentLanguageTag}" == "ara">dir="rtl"</#if>>
       <div id="kc-form-wrapper">
         <#if realm.password>
             <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">

diff --git a/keycloak-artemis/theme/base/login/messages/messages_ara.properties b/keycloak-artemis/theme/base/login/messages/messages_ara.properties
@@ -18,6 +18,7 @@ kerberosNotConfiguredTitle=Kerberos غير مهيأ
 bypassKerberosDetail=لم تقم بتسجيل الدخول عبر Kerberos أو لم يتم تكوين متصفحك لتسجيل الدخول إلى Kerberos. انقر فوق متابعة لتسجيل الدخول بوسائل أخرى.
 kerberosNotSetUp=لم يتم تكوين Kerberos. لا يمكنك تسجيل الدخول.
 registerTitle=يسجل
+loginAccountTitle=تسجيل الدخول إلى حسابك
 loginTitle=سجّل الدخول إلى {0}
 loginTitleHtml={0}
 impersonateTitle={0} انتحال شخصية المستخدم
@@ -74,6 +75,10 @@ postal_code=رمز بريدي
 country=بلد
 emailVerified=تم التحقق من البريد الإلكتروني
 gssDelegationCredential=اعتماد تفويض GSS
+organizationName=اسم المنظمة
+phoneNumber=رقم التليفون
+partnerType=نوع الشريك
+langCode=لغة الإخطار
 
 profileScopeConsentText=ملف تعريفي للمستخدم
 emailScopeConsentText=عنوان البريد الالكترونى

diff --git a/keycloak-artemis/theme/base/login/messages/messages_eng.properties b/keycloak-artemis/theme/base/login/messages/messages_eng.properties
@@ -19,6 +19,7 @@ kerberosNotConfiguredTitle=Kerberos Not Configured
 bypassKerberosDetail=Either you are not logged in by Kerberos or your browser is not set up for Kerberos login.  Please click continue to login in through other means
 kerberosNotSetUp=Kerberos is not set up.  You cannot login.
 registerTitle=Register
+loginAccountTitle=Sign in to your account
 loginTitle=Log in to {0}
 loginTitleHtml={0}
 impersonateTitle={0} Impersonate User

diff --git a/keycloak-artemis/theme/base/login/messages/messages_fra.properties b/keycloak-artemis/theme/base/login/messages/messages_fra.properties
@@ -18,6 +18,7 @@ kerberosNotConfiguredTitle=Kerberos non configur\u00e9
 bypassKerberosDetail=Si vous n''\u00eates pas connect\u00e9 via Kerberos ou bien que votre navigateur n''est pas configur\u00e9 pour la connexion via Kerberos.  Veuillez cliquer pour vous connecter via un autre moyen.
 kerberosNotSetUp=Kerberos n''est pas configur\u00e9. Connexion impossible.
 registerTitle=S''enregistrer
+loginAccountTitle=Connectez-vous à votre compte
 registerWithTitle=Enregistrement avec {0}
 registerWithTitleHtml={0}
 loginTitle=Se connecter \u00e0 {0}
@@ -76,6 +77,10 @@ postal_code=Code postal
 country=Pays
 emailVerified=Courriel v\u00e9rifi\u00e9
 gssDelegationCredential=Accr\u00e9ditation de d\u00e9l\u00e9gation GSS
+organizationName=nom de l'organisation
+phoneNumber=Numéro de téléphone
+partnerType=Type de partenaire
+langCode=Langue des notifications
 
 loginTotpIntro=Il est n\u00e9cessaire de configurer un g\u00e9n\u00e9rateur One Time Password pour acc\u00e9der \u00e0 ce compte
 loginTotpStep1=Installez <a href="https://freeotp.github.io/" target="_blank">FreeOTP</a> ou bien Google Authenticator sur votre mobile. Ces deux applications sont disponibles sur <a href="https://play.google.com">Google Play</a> et Apple App Store.

diff --git a/keycloak-artemis/theme/base/login/messages/messages_hin.properties b/keycloak-artemis/theme/base/login/messages/messages_hin.properties
@@ -20,6 +20,7 @@ kerberosNotConfiguredTitle=Kerberos कॉन्फ़िगर नहीं क
 bypassKerberosDetail=या तो आप Kerberos द्वारा लॉग इन नहीं हैं या आपका ब्राउज़र Kerberos लॉगिन के लिए सेट अप नहीं है। कृपया अन्य माध्यमों से लॉगिन करना जारी रखें पर क्लिक करें
 kerberosNotSetUp=Kerberos सेट नहीं है। आप लॉगिन नहीं कर सकते।
 registerTitle=रजिस्टर करें
+loginAccountTitle=अपने अकाउंट में साइन इन करें
 loginTitle=में प्रवेश करें {0}
 loginTitleHtml={0}
 impersonateTitle={0} प्रतिरूपण उपयोगकर्ता
@@ -76,6 +77,10 @@ postal_code=डाक कोड
 country=देश
 emailVerified=ईमेल सत्यापित हुआ
 gssDelegationCredential=जीएसएस प्रतिनिधिमंडल क्रेडेंशियल
+organizationName=संगठन का नाम
+phoneNumber=फ़ोन नंबर
+partnerType=भागीदार प्रकार
+langCode=अधिसूचना भाषा
 
 profileScopeConsentText=उपयोगकर्ता प्रोफ़ाइल
 emailScopeConsentText=ईमेल पता

diff --git a/keycloak-artemis/theme/base/login/messages/messages_kan.properties b/keycloak-artemis/theme/base/login/messages/messages_kan.properties
@@ -20,6 +20,7 @@ kerberosNotConfiguredTitle=ಕರ್ಬರೋಸ್ ಕಾನ್ಫಿಗರ್
 bypassKerberosDetail=ಒಂದೋ ನೀವು ಕರ್ಬರೋಸ್‌ನಿಂದ ಲಾಗಿನ್ ಆಗಿಲ್ಲ ಅಥವಾ ಕರ್ಬರೋಸ್ ಲಾಗಿನ್‌ಗಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅನ್ನು ಹೊಂದಿಸಲಾಗಿಲ್ಲ. ಇತರ ವಿಧಾನಗಳ ಮೂಲಕ ಲಾಗಿನ್ ಆಗಲು ಮುಂದುವರಿಸಿ ಕ್ಲಿಕ್ ಮಾಡಿ
 kerberosNotSetUp= ಕರ್ಬರೋಸ್ ಅನ್ನು ಹೊಂದಿಸಲಾಗಿಲ್ಲ. ನೀವು ಲಾಗಿನ್ ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ.
 registerTitle=ನೋಂದಾಯಿಸಿ
+loginAccountTitle=ನಿಮ್ಮ ಖಾತೆಗೆ ಸೈನ್ ಇನ್ ಮಾಡಿ
 loginTitle={0} to ಗೆ ಲಾಗ್ ಇನ್ ಮಾಡಿ
 loginTitleHtml={0}
 impersonateTitle={0} ಸೋಗು ಹಾಕುವ ಬಳಕೆದಾರ
@@ -76,6 +77,10 @@ postal_code=ಪಿನ್ ಅಥವಾ ಅಂಚೆ ಕೋಡ್
 country=ದೇಶ
 emailVerified=ಇಮೇಲ್ ಪರಿಶೀಲಿಸಲಾಗಿದೆ
 gssDelegationCredential=ಜಿಎಸ್ಎಸ್ ನಿಯೋಗ ರುಜುವಾತು
+organizationName=ಸಂಸ್ಥೆಯ ಹೆಸರು
+phoneNumber=ದೂರವಾಣಿ ಸಂಖ್ಯೆ
+partnerType=ಪಾಲುದಾರ ಪ್ರಕಾರ
+langCode=ಅಧಿಸೂಚನೆ ಭಾಷೆ
 
 profileScopeConsentText=ಬಳಕೆದಾರರ ಪ್ರೊಫೈಲ್
 emailScopeConsentText=ಇಮೇಲ್ ವಿಳಾಸ

diff --git a/keycloak-artemis/theme/base/login/messages/messages_tam.properties b/keycloak-artemis/theme/base/login/messages/messages_tam.properties
@@ -20,6 +20,7 @@ kerberosNotConfiguredTitle=கெர்பரோஸ் கட்டமைக்
 bypassKerberosDetail=ஒன்று நீங்கள் கெர்பரோஸால் உள்நுழைந்திருக்கவில்லை அல்லது உங்கள் உலாவி கெர்பரோஸ் உள்நுழைவுக்கு அமைக்கப்படவில்லை. பிற வழிகளில் உள்நுழைவதைத் தொடரவும் என்பதைக் கிளிக் செய்க
 kerberosNotSetUp=கெர்பரோஸ் அமைக்கப்படவில்லை. நீங்கள் உள்நுழைய முடியாது..
 registerTitle=பதிவு
+loginAccountTitle=உங்கள் கணக்கில் உள்நுழையவும்
 loginTitle={0} to இல் உள்நுழைக
 loginTitleHtml={0}
 impersonateTitle={0} ஆள்மாறாட்டம் பயனர்
@@ -76,6 +77,10 @@ postal_code=ஜிப் அல்லது அஞ்சல் குறிய
 country=நாடு
 emailVerified=மின்னஞ்சல் சரிபார்க்கப்பட்டது
 gssDelegationCredential=ஜிஎஸ்எஸ் பிரதிநிதிகள் நற்சான்றிதழ்
+organizationName=நிறுவன பெயர்
+phoneNumber=தொலைபேசி எண்
+partnerType=கூட்டாளர் வகை
+langCode=அறிவிப்பு மொழி
 
 profileScopeConsentText=பயனர் சுயவிவரம்
 emailScopeConsentText=மின்னஞ்சல் முகவரி

diff --git a/keycloak-artemis/theme/base/login/register.ftl b/keycloak-artemis/theme/base/login/register.ftl
@@ -3,6 +3,7 @@
     <#if section = "header">
         ${msg("registerTitle")}
     <#elseif section = "form">
+    <div <#if "${locale.currentLanguageTag}" == "ara">dir="rtl"</#if>>
         <form id="kc-register-form" class="${properties.kcFormClass!}" action="${url.registrationAction}" method="post">
 
 			<div class="${properties.kcFormGroupClass!} ${messagesPerField.printIfExists('firstName',properties.kcFormGroupErrorClass!)}">
@@ -131,7 +132,7 @@
             <#if recaptchaRequired??>
             <div class="form-group">
                 <div class="${properties.kcInputWrapperClass!}">
-                    <div class="g-recaptcha" data-theme="light" data-sitekey="${recaptchaSiteKey}" style="transform:scale(0.77);-webkit-transform:scale(1.36);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>
+                    <div class="g-recaptcha" data-theme="light" data-sitekey="${recaptchaSiteKey}" style="padding-left:15px;"></div>
                 </div>
             </div>
             </#if>
@@ -148,5 +149,6 @@
                 </div>
             </div>
         </form>
+    </div>
     </#if>
 </@layout.registrationLayout>
diff --git a/keycloak-artemis/theme/mosip/login/resources/css/login.css b/keycloak-artemis/theme/mosip/login/resources/css/login.css
@@ -139,11 +139,11 @@ div.kc-logo-text span {
     display: none;
 }
 .g-recaptcha {
-    transform:scale(0.77);
-    -webkit-transform:scale(1.24);
-    transform-origin:0 0;
-    -webkit-transform-origin:0 0;
+    transform:scale(1.27);
+    transform-origin:left;
     height: 105px;
+    direction: ltr;
+    padding-top: 10px;
 }
 div.form-group.login-pf-settings{
     display: block;