refactor: enhance structure and styling in base, user consent, and login templates for consistency with CIE branding

This commit is contained in:
gabdevele
2026-06-18 14:53:29 +02:00 Unverified
parent c4b8117e4e
commit 3f5dfb3577
3 changed files with 247 additions and 328 deletions
+52 -40
View File
@@ -4,48 +4,60 @@
{% block page_title %}Rilascio Attributi{% endblock page_title %}
{% block container %}
<p class="cie-kicker">{% trans "Richiesta d'accesso CIE livello 2" %}</p>
<h1 class="cie-title">{{ client_organization_name|default:"Visione" }}</h1>
<div class="row">
<div class="col-1 col-md-2 d-none d-sm-flex"></div>
<div class="col">
<div class="row">
<div class="col"></div>
<div class="col-12 col-lg-10 mt-5">
<div class="card-wrapper card-space">
<div class="card card-bg">
<div class="card-body">
<form method="post" action="{% url 'oidc_provider_consent' %}">
{% csrf_token %}
{% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %}
<div class="container attribute-release mt-3 px-4">
<div class="row">
<div class="col">
<div class="text-justify">
<p class="c3 f09">Richiesta di accesso CIE <strong>Livello</strong> <strong id="providingLevel">{{ session.acr|default:"2" }}</strong></p>
<p class="c3 f11">
I seguenti dati stanno per essere inviati a:
<br/>
<strong class="c0">{{ client_organization_name|default:"Visione" }}</strong>
</p>
</div>
<section class="cie-login-card">
<div class="cie-panel" style="width:100%;">
<form method="post" action="{% url 'oidc_provider_consent' %}">
{% csrf_token %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
<div class="my-5">
<ul class="c3 text-justify ml-n3 f09">
{% for claim in user_claims %}
<li>
<span class="c3">{{ claim }}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
<div class="text-justify">
<p class="cie-side-copy" style="margin-top:0;">
Richiesta di accesso CIE <strong>Livello</strong> <strong>{{ session.acr|default:"2" }}</strong>
</p>
<p class="cie-side-copy" style="margin-bottom:0;">
I seguenti dati stanno per essere inviati a:<br>
<strong style="color:#0059b3; font-size:20px;">{{ client_organization_name|default:"Visione" }}</strong>
</p>
<div class="row buttons mt-4 pb-3">
<div class="col-12 col-lg-4 text-center mb-3">
<a href="{% url 'oidc_provider_not_consent' %}?redirect_uri={{ redirect_uri|urlencode }}&state={{ state|urlencode }}" class="btn btn-outline-primary w-100 text-nowrap" id="do_not_agree">Annulla</a>
</div>
<div class="col-12 col-lg-4 text-center">
<button type="submit" class="btn btn-primary w-100" id="agree">Prosegui</button>
</div>
<div class="col-12 col-lg-4"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="cie-side-box" style="margin-top:32px;">
<ul class="cie-claims" style="margin-top:0;">
{% for claim in user_claims %}
<li>{{ claim }}</li>
{% endfor %}
</ul>
</div>
<div class="cie-actions" style="margin-top:34px;">
<button type="submit" class="cie-btn cie-btn-secondary" name="_eventId_AttributeReleaseRejected" value="Rifiuto">
{% trans "Annulla" %}
</button>
<button type="submit" class="cie-btn cie-btn-primary" name="_eventId_proceed" value="Prosegui">
{% trans "Prosegui" %}
</button>
</div>
<p class="cie-bottom-links" style="margin-top:0;">
{% trans "Se procedi le informazioni sopra riportate saranno trasmesse al servizio." %}
</p>
</form>
<div class="col"></div>
</div>
</div>
</section>
<div class="col-1 col-md-2 d-none d-sm-flex"></div>
</div>
{% endblock container %}