feat: ldap provider login (#5448)

Add the logic to configure and use LDAP provider as an external IDP with a dedicated login GUI.

internal/api/ui/login/static/i18n/de.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: registrieren
   NextButtonText: weiter
 
+LDAP:
+  Title: Anmeldung
+  Description: Mit Konto anmelden.
+  LoginNameLabel: Loginname
+  PasswordLabel: Passwort
+  NextButtonText: weiter
+
 SelectAccount:
   Title: Account auswählen
   Description: Wähle deinen Account aus.

internal/api/ui/login/static/i18n/en.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: register
   NextButtonText: next
 
+LDAP:
+  Title: Login
+  Description: Enter your login data.
+  LoginNameLabel: Loginname
+  PasswordLabel: Password
+  NextButtonText: next
+
 SelectAccount:
   Title: Select account
   Description: Use your ZITADEL-Account

internal/api/ui/login/static/i18n/fr.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: s'inscrire
   NextButtonText: suivant
 
+LDAP:
+  Title: Connexion
+  Description: Entrez vos données de connexion.
+  LoginNameLabel: Identifiant
+  PasswordLabel: Mot de passe
+  NextButtonText: suivant
+
 SelectAccount:
   Title: Sélectionner un compte
   Description: Utilisez votre compte ZITADEL

internal/api/ui/login/static/i18n/it.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: registrare
   NextButtonText: Avanti
 
+LDAP:
+  Title: Accesso
+  Description: Inserisci i tuoi dati di accesso.
+  LoginNameLabel: Nome di accesso
+  PasswordLabel: Password
+  NextButtonText: Avanti
+
 SelectAccount:
   Title: Seleziona l'account
   Description: Usa il tuo account ZITADEL

internal/api/ui/login/static/i18n/pl.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: zarejestruj
   NextButtonText: dalej
 
+LDAP:
+  Title: Rejestracja
+  Description: Wprowadź swoje dane logowania.
+  LoginNameLabel: Nazwa użytkownika
+  PasswordLabel: Hasło
+  NextButtonText: dalej
+
 SelectAccount:
   Title: Wybierz konto
   Description: Użyj swojego konta ZITADEL

internal/api/ui/login/static/i18n/zh.yaml

@@ -11,6 +11,13 @@ Login:
   RegisterButtonText: 注册
   NextButtonText: 继续
 
+LDAP:
+  Title: 注册
+  Description: 输入您的登录数据。
+  LoginNameLabel: 登录名
+  PasswordLabel: 密码
+  NextButtonText: 继续
+
 SelectAccount:
   Title: 选择账户
   Description: 使用您的 ZITADEL 帐户

internal/api/ui/login/static/templates/ldap_login.html

@@ -0,0 +1,40 @@
+{{template "main-top" .}}
+
+<div class="lgn-head">
+    <h1>{{t "LDAP.Title"}}</h1>
+    <p>{{t "LDAP.Description"}}</p>
+</div>
+
+
+<form action="{{ ldapUrl }}" method="POST">
+
+    {{ .CSRF }}
+
+    <input type="hidden" name="authRequestID" value="{{ .AuthReqID }}"/>
+
+    <div class="fields">
+        <label class="lgn-label" for="ldapusername">{{t "LDAP.LoginNameLabel"}}</label>
+        <input class="lgn-input" type="text" id="ldapusername" name="ldapusername" autocomplete="username" autofocus required>
+    </div>
+    <div class="fields">
+        <label class="lgn-label" for="ldappassword">{{t "LDAP.PasswordLabel"}}</label>
+        <input class="lgn-input" type="password" id="ldappassword" name="ldappassword" autocomplete="current-password" required>
+    </div>
+
+    {{template "error-message" .}}
+
+    <div class="lgn-actions lgn-reverse-order">
+        <button class="lgn-raised-button lgn-primary lgn-initial-focus" id="submit-button" type="submit">
+            {{t "LDAP.NextButtonText"}}
+        </button>
+        <span class="fill-space"></span>
+        <button class="lgn-icon-button lgn-left-action" name="resetexternalidp" value="true" formnovalidate>
+            <i class="lgn-icon-arrow-left-solid"></i>
+        </button>
+    </div>
+</form>
+
+<script src="{{ resourceUrl " scripts/form_submit.js" }}"></script>
+<script src="{{ resourceUrl " scripts/default_form_validation.js" }}"></script>
+
+{{template "main-bottom" .}}