Thibaut/ffsaf-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

feat: add email tooltip

Browse Source
This commit is contained in:
Thibaut Valentin 2025-11-07 15:53:39 +01:00
parent 7e380ccb69
commit 7767c98304
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/main/webapp/src/components/MemberCustomFiels.jsx
View File

@ -88,13 +88,14 @@ export function CountryList({name, text, value, values = undefined, disabled = f
</div>
}
export function TextField({name, text, value, placeholder, type = "text", disabled = false, required = true}) {
return <div className="row">
<div className="input-group mb-3">
export function TextField({name, text, value, placeholder, type = "text", disabled = false, required = true, ttip = null}) {
return <div className="row mb-3">
<div className="input-group">
<span className="input-group-text" id={name}>{text}</span>
<input type={type} className="form-control" placeholder={placeholder ? placeholder : text} aria-label={name}
name={name} aria-describedby={name} defaultValue={value} disabled={disabled} required={required}/>
</div>
{ttip}
</div>
}

3
src/main/webapp/src/pages/admin/affiliation/AffiliationReqPage.jsx
View File

@ -8,7 +8,6 @@ import {RoleList, TextField} from "../../../components/MemberCustomFiels.jsx";
import {useEffect, useRef, useState} from "react";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faFilePdf} from "@fortawesome/free-solid-svg-icons";
import {ConfirmDialog} from "../../../components/ConfirmDialog.jsx";
const vite_url = import.meta.env.VITE_URL;
@ -166,7 +165,7 @@ function Content({data, refresh}) {
<input name="id" value={data.id} readOnly hidden/>
<div className="card-header">Demande d'affiliation</div>
<div className="card-body text-center">
{data.club && <h5>Ce club a déjà ete affilier (affiliation n°{data.club_no_aff})</h5>}
{data.club && <h5>Ce club a déjà été affilié (affiliation n°{data.club_no_aff})</h5>}
<h4 id="saison">Saison {data.saison}-{data.saison + 1}</h4>
<div className="row mb-3">

4
src/main/webapp/src/pages/club/member/InformationForm.jsx
View File

@ -49,7 +49,9 @@ export function InformationForm({data}) {
<TextField name="lname" text="Nom" value={data.lname}/>
<TextField name="fname" text="Prénom" value={data.fname}/>
<TextField name="email" text="Email" value={data.email} placeholder="name@example.com"
type="email"/>
type="email" ttip={<small className="form-text">L'email sert à la création de compte pour se connecter au site et doit être unique. <br/>
Pour les mineurs, l'email des parents peut être utilisé plusieurs fois grâce à la syntaxe suivante : {'email.parent+<caractères alphanumériques>@exemple.com'}.<br/>
Exemples : mail.parent+1@exemple.com, mail.parent+titouan@exemple.com, mail.parent+cedrique@exemple.com</small>}/>
<OptionField name="genre" text="Genre" value={data.genre}
values={{NA: 'N/A', H: 'H', F: 'F'}}/>
<CountryList name="country" text="Pays" value={data.country}/>