SnitchItaly/cie-auth
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update styling and structure in login templates for consistency with CIE branding

Browse Source
This commit is contained in:
gabdevele
2026-06-18 14:23:52 +02:00 Unverified
parent 4cf70bb812
commit 9b99ed0597
2 changed files with 194 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
provider/templates/op_user_login.html
+24 -25
View File
@@ -4,63 +4,62 @@
{% block page_title %}Visione CIE Login{% endblock page_title %}
{% block container %}
<p class="visione-eyebrow">{% trans "Richiesta d'accesso CIE livello 2" %}</p>
<h1 class="visione-title">{{ client_organization_name|default:"Visione" }}</h1>
<p class="cie-kicker">{% trans "Richiesta d'accesso CIE livello 2" %}</p>
<h1 class="cie-title">{{ client_organization_name|default:"Visione" }}</h1>
<section class="visione-card">
<div class="visione-grid">
<div class="visione-panel">
<h2 class="visione-panel-title">{% trans "Entra con le tue credenziali CIE" %}</h2>
<section class="cie-login-card">
<div class="cie-login-grid">
<div class="cie-panel">
<h2 class="cie-panel-title">{% trans "Entra con le tue credenziali CIE" %}</h2>
<form method="post" action="{% url 'oidc_provider_authnrequest' %}">
{% csrf_token %}
{% for form_field in form.visible_fields %}
<div class="visione-form-field">
<label class="visione-form-label" for="id_{{ form_field.html_name }}">{{ form_field.label }}</label>
<div class="cie-field">
{% if form_field.field.widget.input_type %}
<input
id="id_{{ form_field.html_name }}"
class="visione-form-input"
class="cie-input"
type="{{ form_field.field.widget.input_type }}"
name="{{ form_field.name }}"
value="{{ form_field.value|default_if_none:'' }}"
placeholder="{{ form_field.label }}">
{% endif %}
<span class="cie-input-icon" aria-hidden="true">
{% if form_field.name == 'username' %}ⓘ{% else %}◉{% endif %}
</span>
{% if form_field.errors %}
<div class="visione-error">{{ form_field.errors }}</div>
<div class="cie-error">{{ form_field.errors }}</div>
{% endif %}
</div>
{% endfor %}
{% for hidden in hidden_form.hidden_fields %}
{{ hidden }}
{% endfor %}
<div class="visione-link-row">
<div class="cie-links">
{% trans "Hai dimenticato la password?" %} <strong><a href="#" onclick="return false;">{% trans "Richiedine una nuova." %}</a></strong>
</div>
<div class="visione-actions">
<a class="visione-btn visione-btn-secondary" href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}">
<div class="cie-actions">
<a class="cie-btn cie-btn-secondary" href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}">
{% trans "Annulla" %}
</a>
<button class="visione-btn visione-btn-primary" type="submit">{% trans "Procedi" %}</button>
<button class="cie-btn cie-btn-primary" type="submit">{% trans "Procedi" %}</button>
</div>
<div class="visione-link-row" style="margin-top:22px; margin-bottom:0;">
<div class="cie-bottom-links">
{% trans "Non hai ancora attivato le credenziali CIE?" %} <strong><a href="#" onclick="return false;">{% trans "Attivale ora" %}</a></strong>
</div>
</form>
</div>
<aside class="visione-panel">
<h2 class="visione-panel-title">{% trans "Accesso al servizio" %}</h2>
<p class="visione-copy">
<div class="cie-divider" aria-hidden="true"></div>
<aside class="cie-panel">
<h2 class="cie-panel-title">{% trans "Accesso al servizio" %}</h2>
<p class="cie-side-copy">
{% blocktrans with service=client_organization_name|default:"Visione" %}
Stai autorizzando accesso a {{ service }} tramite credenziali CIE livello 2.
Hai attivato le credenziali CIE livello 2. Con questo accesso stai entrando nel servizio {{ service }}.
{% endblocktrans %}
</p>
<div class="visione-meta">
<strong>{% trans "Servizio richiedente" %}</strong>
<p class="visione-service-line">{{ client_organization_name|default:"Visione" }}</p>
<div class="cie-side-box">
{% trans "Se annulli o rifiuti autorizzazione, browser tornerà sempre a Visione." %}
</div>
<p class="visione-muted-note">
{% trans "Se annulli o l'autorizzazione viene rifiutata, il browser tornerà a Visione." %}
</p>
</aside>
</div>
</section>