translated authorize

crates/ezidam/static/i18n/en.json

@@ -22,5 +22,11 @@
   "reset_password.title": "Reset your password",
   "reset_password.new_password": "New password",
   "reset_password.confirm_password": "Confirm new password",
-  "reset_password.set_password": "Set new password"
+  "reset_password.set_password": "Set new password",
+  "authorize.access_app": "Access [[app_name]]",
+  "authorize.with_account": "With your [[business_name]] account",
+  "authorize.login": "Login",
+  "authorize.password": "Password",
+  "authorize.authorize": "Authorize",
+  "authorize.forgot_password": "Forgot your password?"
 }

crates/ezidam/static/i18n/fr.json

@@ -22,5 +22,11 @@
   "reset_password.title": "Réinitialisation du mot de passe",
   "reset_password.new_password": "Nouveau mot de passe",
   "reset_password.confirm_password": "Confirmer le mot de passe",
-  "reset_password.set_password": "Enregistrer le mot de passe"
+  "reset_password.set_password": "Enregistrer le mot de passe",
+  "authorize.access_app": "Accéder à [[app_name]]",
+  "authorize.with_account": "Avec votre compte [[business_name]]",
+  "authorize.login": "Nom d'utilisateur",
+  "authorize.password": "Mot de passe",
+  "authorize.authorize": "Autoriser",
+  "authorize.forgot_password": "Mot de passe oublié?"
 }

crates/ezidam/templates/pages/oauth/authorize.html.tera

@@ -8,7 +8,7 @@
 <script src="/js/demo-theme.min.js"></script>
 <div>
     <div class="min-vh-100 d-flex flex-column justify-content-between">
-        <div class="container container-tight py-4">
+        <div class="container container-tight py-4" id="authorize_page">
             <div class="text-center mb-4">
                 {% include "utils/logo" %}
             </div>
@@ -22,8 +22,8 @@
             <div class="card card-md">
                 <div class="card-body">
                     <div class="text-center mb-2">
-                        <h2 class="h2">Access {{ app_name }}</h2>
+                        <h2 class="h2" data-i18n="authorize.access_app"></h2>
-                        <p class="text-muted">With your {{ business_name }} account</p>
+                        <p class="text-muted" data-i18n="authorize.with_account"></p>
                     </div>
                     <form id="authorize_form" action="" method="post" autocomplete="off" novalidate class="mt-4">
                         {% if user %}
@@ -39,23 +39,19 @@
                         </div>
                         {% else %}
                         <div class="mb-3">
-                            <label class="form-label" for="login">Login</label>
+                            <label class="form-label" for="login" data-i18n="authorize.login"></label>
-                            <input id="login" name="login" type="text" class="form-control"
+                            <input id="login" name="login" type="text" class="form-control" autocomplete="off">
-                                   placeholder="Email or username"
-                                   autocomplete="off">
                         </div>
                         <div class="mb-2">
-                            <label class="form-label" for="password">Password</label>
+                            <label class="form-label" for="password" data-i18n="authorize.password"></label>
                             <div class="input-group input-group-flat">
-                                <input id="password" name="password" type="password" class="form-control"
+                                <input id="password" name="password" type="password" class="form-control" autocomplete="off">
-                                       placeholder="Your password"
-                                       autocomplete="off">
                             </div>
                         </div>
                         {% endif %}
 
                         <div class="form-footer">
-                            <button type="submit" class="btn btn-primary w-100">Authorize</button>
+                            <button type="submit" class="btn btn-primary w-100" data-i18n="authorize.authorize"></button>
                         </div>
                     </form>
                 </div>
@@ -63,7 +59,7 @@
             {% if user %}
             {% else %}
             <div class="text-center text-muted mt-3">
-                <a href="/forgot-password" tabindex="-1">Forgot your password?</a>
+                <a href="/forgot-password" tabindex="-1" data-i18n="authorize.forgot_password"></a>
             </div>
             {% endif %}
         </div>
@@ -79,3 +75,10 @@
 
 </body>
 {% endblock page %}
+
+{% block i18n %}
+localize("#authorize_page", {
+    'app_name': '{{app_name}}',
+    'business_name': '{{business_name}}',
+});
+{% endblock i18n %}