42e33a5908
Add Keycloak authentication for ETL users. Configure ETL routes and login/logout functionality. Integrate ETL with Keycloak SSO. Update vite.config.js to include etl.js. Create EtlController with home, login, and logout routes. Implement EtlAuthenticator for email/password login. Configure security.yaml for ETL firewall and providers. Add etl.js and etl.scss for ETL frontend. Add Keycloak client configuration for ETL. Update PrestaireController to use absolute URL for login.
48 lines
2.7 KiB
Twig
48 lines
2.7 KiB
Twig
{% extends 'etl/base.twig' %}
|
|
|
|
{% block title %}Mon Compte{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
|
|
|
|
{# HEADER #}
|
|
<div class="space-y-2">
|
|
<h1 class="text-2xl font-black text-slate-900 tracking-tight">Mon Compte</h1>
|
|
<p class="text-sm text-slate-500 font-medium">Gérez vos informations de connexion</p>
|
|
</div>
|
|
|
|
{# FORMULAIRE #}
|
|
<div class="bg-white rounded-[2rem] p-6 border border-slate-100 shadow-sm">
|
|
<h2 class="text-xs font-black text-slate-400 uppercase tracking-widest mb-6">Changer de mot de passe</h2>
|
|
|
|
{{ form_start(form, {'attr': {'class': 'space-y-6'}}) }}
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
{{ form_label(form.password.first, 'Nouveau mot de passe', {'label_attr': {'class': 'block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1.5 ml-1'}}) }}
|
|
{{ form_widget(form.password.first, {'attr': {'class': 'w-full bg-slate-50 border border-slate-200 rounded-2xl px-5 py-4 text-sm font-bold text-slate-800 outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all placeholder:text-slate-300'}}) }}
|
|
<div class="text-rose-500 text-xs mt-1 font-bold">{{ form_errors(form.password.first) }}</div>
|
|
</div>
|
|
|
|
<div>
|
|
{{ form_label(form.password.second, 'Confirmer le mot de passe', {'label_attr': {'class': 'block text-[10px] font-black text-slate-400 uppercase tracking-widest mb-1.5 ml-1'}}) }}
|
|
{{ form_widget(form.password.second, {'attr': {'class': 'w-full bg-slate-50 border border-slate-200 rounded-2xl px-5 py-4 text-sm font-bold text-slate-800 outline-none focus:border-blue-500 focus:ring-4 focus:ring-blue-500/10 transition-all placeholder:text-slate-300'}}) }}
|
|
<div class="text-rose-500 text-xs mt-1 font-bold">{{ form_errors(form.password.second) }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="w-full bg-blue-600 text-white font-black text-sm uppercase tracking-widest py-4 rounded-2xl shadow-lg shadow-blue-600/30 active:scale-95 transition-all hover:bg-blue-700 mt-4">
|
|
Mettre à jour
|
|
</button>
|
|
|
|
{{ form_end(form) }}
|
|
</div>
|
|
|
|
{# RETOUR #}
|
|
<div class="text-center">
|
|
<a href="{{ path('etl_home') }}" class="text-xs font-bold text-slate-400 hover:text-blue-600 transition-colors">Retour au tableau de bord</a>
|
|
</div>
|
|
|
|
</div>
|
|
{% endblock %}
|