Merge pull request 'dev' (#73) from dev into master

Reviewed-on: #73

README.md

@@ -1,8 +1,22 @@
-# ffsaf-site
+# FFSAF - Intranet
 
-This project uses Quarkus, the Supersonic Subatomic Java Framework.
+## Introduction et context
 
-If you want to learn more about Quarkus, please visit its website: https://quarkus.io/ .
+L’intranet de la Fédération française de Soft Armored Fighting a pour but centralise la prise de licences des adhérents
+et l’affiliation des clubs. Il permet aussi de recueillir les résultats des compétitions organisées par les clubs et,
+plus récemment, d’en faciliter l’organisation grâce à un outil intégré.
+
+Le système de prise de licence se divise en trois parties :
+
+* Un formulaire public pour la première demande d’affiliation ;
+* Un espace club, accessible après validation, pour la saisie des informations relatives aux demandes de licence des
+  adhérents ;
+* Un espace fédération pour accepter les demandes de licences et d’affiliation.
+  Un espace membre permet enfin à chaque adhérent de télécharger son attestation de licence.
+
+Pour les compétitions, le système permet la création de catégories, de poules et de matchs, avec génération automatique
+des matchs au sein d’une poule. Il supporte plusieurs lices, assure la synchronisation en temps réel des modifications
+entre toutes les instances de l’application web et publie automatiquement les résultats sur le site de l’organisateur.
 
 ## Running the application in dev mode
 
@@ -51,35 +65,4 @@ Or, if you don't have GraalVM installed, you can run the native executable build
 
 You can then execute your native executable with: `./target/ffsaf-site-1.0-SNAPSHOT-runner`
 
-If you want to learn more about building native executables, please consult https://quarkus.io/guides/maven-tooling.
+If you want to learn more about building native executables, please consult https://quarkus.io/guides/maven-tooling.
-
-## Related Guides
-
-- Reactive MySQL client ([guide](https://quarkus.io/guides/reactive-sql-clients)): Connect to the MySQL database using the reactive pattern
-- RESTEasy Reactive ([guide](https://quarkus.io/guides/resteasy-reactive)): A Jakarta REST implementation utilizing build time processing and Vert.x.
-  This extension is not compatible with the quarkus-resteasy extension, or any of the extensions that depend on it.
-- Hibernate ORM with Panache ([guide](https://quarkus.io/guides/hibernate-orm-panache)): Simplify your persistence code for Hibernate ORM via the
-  active record or the repository pattern
-- Reactive PostgreSQL client ([guide](https://quarkus.io/guides/reactive-sql-clients)): Connect to the PostgreSQL database using the reactive pattern
-
-## Provided Code
-
-### Hibernate ORM
-
-Create your first JPA entity
-
-[Related guide section...](https://quarkus.io/guides/hibernate-orm)
-
-[Related Hibernate with Panache section...](https://quarkus.io/guides/hibernate-orm-panache)
-
-### RESTEasy Reactive
-
-Easily start your Reactive RESTful Web Services
-
-[Related guide section...](https://quarkus.io/guides/getting-started-reactive#reactive-jax-rs-resources)
-
-### RESTEasy Reactive Qute
-
-Create your web page using Quarkus RESTEasy Reactive & Qute
-
-[Related guide section...](https://quarkus.io/guides/qute#type-safe-templates)

src/main/java/fr/titionfire/ffsaf/domain/service/ClubService.java

@@ -5,6 +5,7 @@ import com.fasterxml.jackson.core.type.TypeReference;
 import fr.titionfire.ffsaf.data.model.AffiliationModel;
 import fr.titionfire.ffsaf.data.model.ClubModel;
 import fr.titionfire.ffsaf.data.model.MembreModel;
+import fr.titionfire.ffsaf.data.repository.AffiliationRepository;
 import fr.titionfire.ffsaf.data.repository.ClubRepository;
 import fr.titionfire.ffsaf.data.repository.CombRepository;
 import fr.titionfire.ffsaf.net2.ServerCustom;
@@ -44,6 +45,9 @@ public class ClubService {
     @Inject
     ClubRepository repository;
 
+    @Inject
+    AffiliationRepository affiliationRepository;
+
     @Inject
     ServerCustom serverCustom;
 
@@ -234,7 +238,8 @@ public class ClubService {
                     }
                     return Panache.withTransaction(() -> repository.persist(m)).call(() -> ls.append());
                 }))
-                .call(clubModel -> nameChange.get() ? keycloakService.updateGroupFromClub(clubModel) // update group in keycloak
+                .call(clubModel -> nameChange.get() ? keycloakService.updateGroupFromClub(
+                        clubModel) // update group in keycloak
                         : Uni.createFrom().nullItem())
                 .invoke(membreModel -> SReqClub.sendIfNeed(serverCustom.clients,
                         SimpleClubModel.fromModel(membreModel)))
@@ -323,9 +328,11 @@ public class ClubService {
     }
 
     public Uni<List<ClubMapData>> getMapData() {
-        return repository.list("international", false).toMulti().flatMap(list -> Multi.createFrom().iterable(list))
+        return affiliationRepository.list("saison >= ?1 AND club.international = ?2", Utils.getSaison() - 1, false)
-                .call(clubModel -> Mutiny.fetch(clubModel.getContact()))
+                .toMulti().flatMap(list -> Multi.createFrom().iterable(list))
-                .map(clubModel -> {
+                .call(affiliationModel -> Mutiny.fetch(affiliationModel.getClub().getContact()))
+                .map(affiliationModel -> {
+                    ClubModel clubModel = affiliationModel.getClub();
                     ClubMapData data = new ClubMapData();
 
                     data.setName(clubModel.getName());

src/main/java/fr/titionfire/ffsaf/domain/service/CompetitionService.java

@@ -281,7 +281,7 @@ public class CompetitionService {
     public Uni<SimpleRegisterComb> addRegisterComb(SecurityCtx securityCtx, Long id, RegisterRequestData data,
                                                    String source) {
         if ("admin".equals(source))
-            if (data.getLicence() != -1) { // not a guest
+            if (data.getLicence() == null || data.getLicence() != -1) { // not a guest
                 return permService.hasEditPerm(securityCtx, id)
                         .chain(c -> findComb(data.getLicence(), data.getFname(), data.getLname())
                                 .call(combModel -> Mutiny.fetch(combModel.getLicences()))

src/main/java/fr/titionfire/ffsaf/domain/service/KeycloakService.java

@@ -270,13 +270,99 @@ public class KeycloakService {
                 .invoke(user -> membreModel.setUserId(user.getId()))
                 .call(user -> updateRole(user.getId(), List.of("safca_user"), List.of()))
                 .call(user -> enabled_email ? reactiveMailer.send(
-                        Mail.withText(user.getEmail(),
+                        Mail.withHtml(user.getEmail(), "FFSAF - Creation de votre compte sur l'intranet", String.format(
-                                "FFSAF - Creation de votre compte sur l'intranet",
+                                        """
-                                String.format(
+                                                <!DOCTYPE html>
+                                                <html data-lt-installed="true">
+                                                
+                                                <head>
+                                                    <meta charset="UTF-8">
+                                                    <title>Création de votre compte intranet FFSAF</title>
+                                                    <style>
+                                                        body {
+                                                            font-family: Arial, sans-serif;
+                                                            line-height: 1.6;
+                                                            color: #333;
+                                                            max-width: 600px;
+                                                            margin: 0 auto;
+                                                            padding: 20px;
+                                                        }
+                                                
+                                                        .header {
+                                                            background-color: #003366;
+                                                            color: white;
+                                                            padding: 20px;
+                                                            text-align: center;
+                                                            border-radius: 5px 5px 0 0;
+                                                        }
+                                                
+                                                        .content {
+                                                            padding: 20px;
+                                                            background-color: #f9f9f9;
+                                                            border-radius: 0 0 5px 5px;
+                                                            border: 1px solid #ddd;
+                                                            border-top: none;
+                                                        }
+                                                
+                                                        .button {
+                                                            display: inline-block;
+                                                            padding: 10px 20px;
+                                                            background-color: #003366;
+                                                            color: white !important;
+                                                            text-decoration: none;
+                                                            border-radius: 5px;
+                                                            margin: 15px 0;
+                                                        }
+                                                
+                                                        .footer {
+                                                            margin-top: 20px;
+                                                            font-size: 0.9em;
+                                                            color: #666;
+                                                            text-align: center;
+                                                        }
+                                                
+                                                        .highlight {
+                                                            font-weight: bold;
+                                                            color: #003366;
+                                                        }
+                                                    </style>
+                                                </head>
+                                                
+                                                <body data-gramm="false" data-lt-tmp-id="lt-957854">
+                                                    <div class="header">
+                                                        <div><img src="https://intra.ffsaf.fr/Logo-FFSAF-2023.png" alt="ffsaf" height="128">
+                                                            <h1>F&eacute;d&eacute;ration France Soft Armored Fighting</h1>
+                                                        </div>
+                                                    </div>
+                                                    <div class="content">
+                                                        <p>Bonjour,</p>
+                                                        <p>Suite &agrave; votre premi&egrave;re inscription <span class="highlight">%s</span> &agrave; la <strong>F&eacute;d&eacute;ration France Soft Armored Fighting (FFSAF)</strong>, votre compte intranet a &eacute;t&eacute; cr&eacute;&eacute;.</p>
+                                                        <p>Ce compte vous permettra de :</p>
+                                                        <ul>
+                                                            <li>Consulter vos informations personnelles,</li>
+                                                            <li>Vous inscrire aux comp&eacute;titions (bient&ocirc;t disponible),</li>
+                                                            <li>Consulter les r&eacute;sultats des comp&eacute;titions.</li>
+                                                        </ul>
+                                                        <p>L&rsquo;intranet est accessible &agrave; l&rsquo;adresse suivante :</p>
+                                                        <p style="text-align: center;"><a href="https://intra.ffsaf.fr" class="button">Acc&eacute;der &agrave; l&apos;intranet</a></p>
+                                                        <p>Votre nom d&rsquo;utilisateur est : <span class="highlight">%s</span></p>
+                                                        <p>Pour d&eacute;finir votre mot de passe, rendez-vous sur l&rsquo;intranet : <strong>Connexion &gt; Mot de passe oubli&eacute; ?</strong></p>
+                                                        <p>Si vous n&rsquo;avez pas demand&eacute; cette inscription, veuillez contacter le support &agrave; l&rsquo;adresse : <a href="mailto:support@ffsaf.fr">support@ffsaf.fr</a>.</p>
+                                                        <p class="footer">(Pas de panique, nous ne vous enverrons pas de message autre que ceux concernant votre compte.)</p>
+                                                        <p>Cordialement,<br>L&rsquo;&eacute;quipe de la FFSAF</p>
+                                                    </div>
+                                                </body>
+                                                
+                                                </html>
+                                                """,
+                                        membreModel.getRole() == RoleAsso.MEMBRE ? "par votre club (" + membreModel.getClub()
+                                                .getName() + ") " : "", user.getUsername())
+                                )
+                                .setText(String.format(
                                         """
                                                 Bonjour,
                                                 
-                                                Suite à votre première inscription %sà la Fédération Française de Soft Armored Fighting (FFSAF), votre compte intranet a été créé.
+                                                Suite à votre première inscription %sà la Fédération France Soft Armored Fighting (FFSAF), votre compte intranet a été créé.
                                                 Ce compte vous permettra de consulter vos informations et, dans un futur proche, de vous inscrire aux compétitions ainsi que d'en consulter les résultats.
                                                 
                                                 L'intranet est accessible à l'adresse suivante : https://intra.ffsaf.fr
@@ -291,8 +377,8 @@ public class KeycloakService {
                                                 L'équipe de la FFSAF
                                                 """,
                                         membreModel.getRole() == RoleAsso.MEMBRE ? "par votre club (" + membreModel.getClub()
-                                                .getName() + ") " : "", user.getUsername())
+                                                .getName() + ") " : "", user.getUsername()))
-                        ).setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("support@ffsaf.fr")
+                                .setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("support@ffsaf.fr")
                 ) : Uni.createFrom().nullItem())
                 .call(user -> membreService.setUserId(membreModel.getId(), user.getId()))
                 .call(user -> setClubGroupMembre(membreModel, membreModel.getClub()));

src/main/java/fr/titionfire/ffsaf/domain/service/LicenceService.java

@@ -84,6 +84,26 @@ public class LicenceService {
                 ));
     }
 
+    public Uni<?> validePaymentLicences(List<Long> ids) {
+        Uni<String> uni = Uni.createFrom().nullItem();
+
+        for (Long id : ids) {
+            uni = uni.chain(__ -> repository.find("membre.id = ?1 AND saison = ?2", id, Utils.getSaison()).firstResult()
+                            .chain(model -> {
+                                if (!model.isPay())
+                                    ls.logUpdate("payment (admin) de la licence", model);
+                                return validatePayLicences(model);
+                            }))
+                    .map(__ -> "OK");
+        }
+        return uni.call(__ -> ls.append());
+    }
+
+    protected Uni<LicenceModel> validatePayLicences(LicenceModel model) {
+        model.setPay(true);
+        return Panache.withTransaction(() -> repository.persist(model));
+    }
+
     public Uni<LicenceModel> setLicence(long id, LicenceForm form) {
         if (form.getId() == -1) {
             return combRepository.findById(id).chain(membreModel -> {
@@ -121,7 +141,7 @@ public class LicenceService {
     }
 
     private Function<MembreModel, Uni<?>> genLicenceNumberAndAccountIfNeed() {
-        return membreModel -> ((membreModel.getLicence() <= 0) ?
+        return membreModel -> ((membreModel.getLicence() == null || membreModel.getLicence() <= 0) ?
                 sequenceRepository.getNextValueInTransaction(SequenceType.Licence)
                         .invoke(i -> membreModel.setLicence(Math.toIntExact(i)))
                         .chain(() -> combRepository.persist(membreModel))
@@ -157,7 +177,7 @@ public class LicenceService {
                                     "Impossible de supprimer une licence pour laquelle un paiement est en cours");
                         })))
                 .call(model -> ls.logADelete(model))
-                .chain(model -> repository.delete(model));
+                .chain(model -> Panache.withTransaction(() -> repository.delete(model)));
     }
 
     public Uni<LicenceModel> askLicence(long id, LicenceForm form, Consumer<MembreModel> checkPerm) {

src/main/java/fr/titionfire/ffsaf/domain/service/MembreService.java

@@ -287,14 +287,14 @@ public class MembreService {
                         if (model.getEmail() != null && !model.getEmail().isBlank()) {
                             if (model.getLicence() != null && !model.getLicence().equals(dataIn.getLicence())) {
                                 LOGGER.info("Similar membres found: " + model);
-                                throw new DBadRequestException("Email '" + model.getEmail() + "' déja utiliser");
+                                throw new DBadRequestException("Email '" + model.getEmail() + "' déja utilisé");
                             }
 
                             if (StringSimilarity.similarity(model.getLname().toUpperCase(),
                                     dataIn.getNom().toUpperCase()) > 3 || StringSimilarity.similarity(
                                     model.getFname().toUpperCase(), dataIn.getPrenom().toUpperCase()) > 3) {
                                 LOGGER.info("Similar membres found: " + model);
-                                throw new DBadRequestException("Email '" + model.getEmail() + "' déja utiliser");
+                                throw new DBadRequestException("Email '" + model.getEmail() + "' déja utilisé");
                             }
                         }
 
@@ -380,7 +380,7 @@ public class MembreService {
                 .call(__ -> repository.count("email LIKE ?1 AND id != ?2", membre.getEmail(), id)
                         .invoke(Unchecked.consumer(c -> {
                             if (c > 0 && !membre.getEmail().isBlank())
-                                throw new DBadRequestException("Email déjà utiliser");
+                                throw new DBadRequestException("Email déjà utilisé");
                         })))
                 .chain(membreModel -> clubRepository.findById(membre.getClub())
                         .map(club -> new Pair<>(membreModel, club)))
@@ -402,7 +402,7 @@ public class MembreService {
                 .call(__ -> repository.count("email LIKE ?1 AND id != ?2", membre.getEmail(), id)
                         .invoke(Unchecked.consumer(c -> {
                             if (c > 0 && !membre.getEmail().isBlank())
-                                throw new DBadRequestException("Email déjà utiliser");
+                                throw new DBadRequestException("Email déjà utilisé");
                         })))
                 .invoke(Unchecked.consumer(membreModel -> {
                     if (!securityCtx.isInClubGroup(membreModel.getClub().getId()))
@@ -492,7 +492,7 @@ public class MembreService {
         return clubRepository.findById(input.getClub())
                 .call(__ -> repository.count("email LIKE ?1", input.getEmail())
                         .invoke(Unchecked.consumer(c -> {
-                            if (c > 0) throw new DBadRequestException("Email déjà utiliser");
+                            if (c > 0) throw new DBadRequestException("Email déjà utilisé");
                         })))
                 .chain(clubModel -> {
                     MembreModel model = getMembreModel(input, clubModel);
@@ -508,7 +508,7 @@ public class MembreService {
         return repository.find("userId = ?1", subject).firstResult()
                 .call(__ -> repository.count("email LIKE ?1", input.getEmail())
                         .invoke(Unchecked.consumer(c -> {
-                            if (c > 0) throw new DBadRequestException("Email déjà utiliser");
+                            if (c > 0) throw new DBadRequestException("Email déjà utilisé");
                         })))
                 .call(membreModel ->
                         repository.count(

src/main/java/fr/titionfire/ffsaf/rest/LicenceEndpoints.java

@@ -118,7 +118,7 @@ public class LicenceEndpoints {
     @RolesAllowed("federation_admin")
     @Produces(MediaType.APPLICATION_JSON)
     @Consumes(MediaType.APPLICATION_JSON)
-    @Operation(summary = "Validation licence", description = "Valide en masse les licence de l'année en cours (pour les administrateurs)")
+    @Operation(summary = "Validation licence", description = "Valide en masse les licences de l'année en cours (pour les administrateurs)")
     @APIResponses(value = {
             @APIResponse(responseCode = "200", description = "Les licences ont été mise à jour avec succès"),
             @APIResponse(responseCode = "403", description = "Accès refusé"),
@@ -128,6 +128,21 @@ public class LicenceEndpoints {
         return licenceService.valideLicences(ids);
     }
 
+    @POST
+    @Path("validate-pay")
+    @RolesAllowed("federation_admin")
+    @Produces(MediaType.APPLICATION_JSON)
+    @Consumes(MediaType.APPLICATION_JSON)
+    @Operation(summary = "Validation du payment des licences", description = "Valide en masse le payment des licences de l'année en cours (pour les administrateurs)")
+    @APIResponses(value = {
+            @APIResponse(responseCode = "200", description = "Les licences ont été mise à jour avec succès"),
+            @APIResponse(responseCode = "403", description = "Accès refusé"),
+            @APIResponse(responseCode = "500", description = "Erreur interne du serveur")
+    })
+    public Uni<?> validePaymentLicences(@Parameter(description = "Id des membres a valider") List<Long> ids) {
+        return licenceService.validePaymentLicences(ids);
+    }
+
     @DELETE
     @Path("{id}")
     @RolesAllowed("federation_admin")

src/main/webapp/src/App.jsx

@@ -14,6 +14,7 @@ import {ClubRoot, getClubChildren} from "./pages/club/ClubRoot.jsx";
 import {DemandeAff, DemandeAffOk} from "./pages/DemandeAff.jsx";
 import {MePage} from "./pages/MePage.jsx";
 import {CompetitionRoot, getCompetitionChildren} from "./pages/competition/CompetitionRoot.jsx";
+import {FallingLines} from "react-loader-spinner";
 import {getResultChildren, ResultRoot} from "./pages/result/ResultRoot.jsx";
 
 const router = createBrowserRouter([

src/main/webapp/src/pages/PayAndValidateList.jsx

@@ -4,13 +4,14 @@ import {AxiosError} from "../components/AxiosError.jsx";
 import {ThreeDots} from "react-loader-spinner";
 import {useEffect, useRef, useState} from "react";
 import {useLocation, useNavigate} from "react-router-dom";
-import {apiAxios, errFormater} from "../utils/Tools.js";
+import {apiAxios, errFormater, getCatName} from "../utils/Tools.js";
 import {toast} from "react-toastify";
 import {SearchBar} from "../components/SearchBar.jsx";
 import {ConfirmDialog} from "../components/ConfirmDialog.jsx";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faCircleInfo, faEuroSign} from "@fortawesome/free-solid-svg-icons";
 import "./PayAndValidateList.css";
+import * as Tools from "../utils/Tools.js";
 
 export function PayAndValidateList({source}) {
 
@@ -22,6 +23,7 @@ export function PayAndValidateList({source}) {
     const [memberData, setMemberData] = useState([]);
     const [licenceData, setLicenceData] = useState([]);
     const [clubFilter, setClubFilter] = useState("");
+    const [catFilter, setCatFilter] = useState("");
     const [stateFilter, setStateFilter] = useState((source === "club") ? 1 : 2)
     const [lastSearch, setLastSearch] = useState("");
     const [paymentFilter, setPaymentFilter] = useState((source === "club") ? 0 : 2);
@@ -34,15 +36,15 @@ export function PayAndValidateList({source}) {
         data,
         error,
         refresh
-    } = useFetch(`/member/find/${source}?page=${page}&licenceRequest=${stateFilter}&payment=${paymentFilter}`, setLoading, 1)
+    } = useFetch(`/member/find/${source}?page=${page}&licenceRequest=${stateFilter}&payment=${paymentFilter}&categorie=${catFilter}`, setLoading, 1)
 
     useEffect(() => {
         sessionStorage.setItem("selectedMembers", JSON.stringify(selectedMembers));
     }, [selectedMembers]);
 
     useEffect(() => {
-        refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}`);
+        refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}&categorie=${catFilter}`);
-    }, [hash, clubFilter, stateFilter, lastSearch, paymentFilter]);
+    }, [hash, clubFilter, stateFilter, lastSearch, paymentFilter, catFilter]);
 
     useEffect(() => {
         if (!data)
@@ -62,7 +64,7 @@ export function PayAndValidateList({source}) {
         setMemberData(data2);
     }, [data, licenceData]);
 
-    useEffect(() => {
+    const fetchLicenceData = () => {
         toast.promise(
             apiAxios.get(`/licence/current/${source}`),
             {
@@ -77,6 +79,10 @@ export function PayAndValidateList({source}) {
             .then(data => {
                 setLicenceData(data.data);
             });
+    };
+
+    useEffect(() => {
+        fetchLicenceData();
     }, []);
 
     const search = (search) => {
@@ -104,7 +110,31 @@ export function PayAndValidateList({source}) {
             }
         ).then(() => {
             setSelectedMembers([]);
-            refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}`);
+            refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}&categorie=${catFilter}`);
+        });
+    }
+
+    const handlePayment = () => {
+        if (selectedMembers.length === 0) {
+            toast.error("Aucun membre sélectionné");
+            return;
+        }
+
+        toast.promise(
+            apiAxios.post(`/licence/validate-pay`, selectedMembers),
+            {
+                pending: "Validation des licences en cours...",
+                success: "Licences validées avec succès 🎉",
+                error: {
+                    render({data}) {
+                        return errFormater(data, "Échec de la validation des licences")
+                    }
+                }
+            }
+        ).then(() => {
+            setSelectedMembers([]);
+            fetchLicenceData();
+            refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}&categorie=${catFilter}`);
         });
     }
 
@@ -153,13 +183,20 @@ export function PayAndValidateList({source}) {
                         <div className="card-body">
                             <FiltreBar data={data} clubFilter={clubFilter} setClubFilter={setClubFilter} source={source}
                                        stateFilter={stateFilter} setStateFilter={setStateFilter} paymentFilter={paymentFilter}
-                                       setPaymentFilter={setPaymentFilter}/>
+                                       setPaymentFilter={setPaymentFilter} setCatFilter={setCatFilter} catFilter={catFilter}/>
                         </div>
                     </div>
 
                     <div className="mb-4">
                         {source === "admin" && <>
-                            <button className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#confirm-validation">Valider
+                            <button className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#confirm-pay">Valider le payement
+                                des {selectedMembers.length} licences sélectionnée
+                            </button>
+                            <ConfirmDialog title="Payment des licences"
+                                           message={"Êtes-vous sûr de vouloir marquer comme payées les " + selectedMembers.length + " licences ?"}
+                                           onConfirm={handlePayment} id="confirm-pay"/>
+
+                            <button className="btn btn-primary" data-bs-toggle="modal" data-bs-target="#confirm-validation" style={{marginTop: "0.5em"}}>Valider
                                 les {selectedMembers.length} licences sélectionnée
                             </button>
                             <ConfirmDialog title="Validation des licences"
@@ -385,7 +422,7 @@ function MakeRow({member, source, isChecked, onCheckboxClick, onRowClick}) {
 
 let allClub = []
 
-function FiltreBar({data, clubFilter, setClubFilter, source, stateFilter, setStateFilter, paymentFilter, setPaymentFilter}) {
+function FiltreBar({data, clubFilter, setClubFilter, source, stateFilter, setStateFilter, paymentFilter, setPaymentFilter, setCatFilter, catFilter}) {
     useEffect(() => {
         if (!data)
             return;
@@ -395,6 +432,14 @@ function FiltreBar({data, clubFilter, setClubFilter, source, stateFilter, setSta
 
     return <div>
         {source !== "club" && <ClubSelectFilter clubFilter={clubFilter} setClubFilter={setClubFilter}/>}
+        <div className="mb-3">
+            <select className="form-select" value={catFilter} onChange={event => setCatFilter(event.target.value)}>
+                <option value="">--- toute les catégories ---</option>
+                {Tools.CatList.map(cat => (
+                    <option key={cat} value={cat}>{getCatName(cat)}</option>
+                ))}
+            </select>
+        </div>
         <div className="mb-3">
             <select className="form-select" value={stateFilter} onChange={event => setStateFilter(Number(event.target.value))}>
                 <option value={1}>Avec demande ou licence validée</option>

src/main/webapp/src/pages/admin/member/InformationForm.jsx

@@ -67,10 +67,10 @@ export function InformationForm({data}) {
                     'Content-Type': 'multipart/form-data',
                 }
             }).then(_ => {
-                toast.success('Profile mis à jours avec succès 🎉');
+                toast.success('Profil mis à jours avec succès 🎉');
             }).catch(e => {
                 console.log(e.response)
-                toast.error(errFormater(e,'Échec de la mise à jours du profile 😕'));
+                toast.error(errFormater(e,'Échec de la mise à jours du profil 😕'));
             }).finally(() => {
                 if (setLoading)
                     setLoading(0)
@@ -114,4 +114,4 @@ export function InformationForm({data}) {
             </div>
         </div>
     </form>;
-}
+}

src/main/webapp/src/pages/competition/editor/CMAdmin.jsx

@@ -67,6 +67,9 @@ function CategoryHeader({cat, setCatId}) {
     useEffect(() => {
         if (cats && cats.length > 0 && !cat) {
             setCatId(cats.sort((a, b) => a.name.localeCompare(b.name))[0].id);
+        } else if (cats && cats.length === 0) {
+            setModal({});
+            bthRef.current.click();
         }
     }, [cats]);
 
@@ -77,7 +80,6 @@ function CategoryHeader({cat, setCatId}) {
         } else { // New category
             setModal({});
             bthRef.current.click();
-            console.log(cat);
             e.target.value = cat?.id;
         }
     }