Ajout des vérifications des types dans les formulaires (adresses, email, telephone)

This commit is contained in:
PTA
2026-08-21 13:50:05 +02:00
parent b3e53f83b8
commit 44730eefca
15 changed files with 898 additions and 17 deletions

View File

@@ -3286,3 +3286,111 @@ textarea:disabled {
.dsi-token-row { flex-direction: column; align-items: flex-start; }
.dsi-pagination { flex-direction: column; }
}
/* ============================================================
V7.25 - Autocomplétion d'adresse (Base Adresse Nationale)
============================================================ */
.address-autocomplete {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
font-weight: 400;
}
.address-autocomplete textarea,
.address-autocomplete input {
width: 100%;
}
/* La liste flotte au-dessus du formulaire : elle ne doit pas décaler les
champs suivants pendant la frappe. */
.address-suggestions {
position: absolute;
z-index: 30;
top: 100%;
left: 0;
right: 0;
max-height: 16rem;
margin: 4px 0 0;
padding: 4px;
overflow-y: auto;
list-style: none;
border: 1px solid #cfd8dc;
border-radius: 10px;
background: #fff;
box-shadow: 0 10px 24px rgba(23, 32, 51, 0.14);
}
.address-suggestions[hidden] {
display: none;
}
.address-suggestion {
padding: 0.5rem 0.6rem;
border-radius: 8px;
cursor: pointer;
font-weight: 400;
}
.address-suggestion strong,
.address-suggestion small {
display: block;
}
.address-suggestion small {
margin-top: 0.1rem;
color: #6b7280;
font-size: 0.8rem;
}
.address-suggestion:hover,
.address-suggestion.is-active {
background: #eef4ff;
}
.address-autocomplete-status {
margin: 0;
min-height: 1.05rem;
color: #6b7280;
font-size: 0.8rem;
font-weight: 400;
}
.address-status-ok {
color: #1b7f3b;
}
.address-status-warning {
color: #8a5a00;
}
/* ============================================================
V7.26 - Contrôle de format des coordonnées (e-mail, téléphone)
============================================================ */
.field-format-status {
margin: 0;
min-height: 1.05rem;
color: #6b7280;
font-size: 0.8rem;
font-weight: 400;
}
.field-format-ok {
color: #1b7f3b;
}
.field-format-error {
color: #b42318;
}
/* L'erreur n'est marquée qu'après que le champ a été quitté : le module retire
la classe tant que la saisie est en cours. */
input.field-invalid {
border-color: #b42318;
background: #fff7f6;
}
input.field-valid {
border-color: #1b7f3b;
}