feat: add obs connector

fix: membre import null email filter

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

@@ -355,19 +355,25 @@ public class AffiliationService {
                             .map(c -> club));
                 })
                 .call(club -> reactiveMailer.send(
-                        Mail.withText(form.getM1_email(),
-                                        "FFSAF - Acceptation de votre demande d'affiliation",
-                                        String.format(
-                                                """
-                                                        Bonjour,
-                                                        
-                                                        Votre demande d'affiliation pour le club %s a été acceptée.
-                                                        Le numéro d'affiliation de votre club est le %d.
-                                                        
-                                                        Cordialement,
-                                                        L'équipe de la FFSAF
-                                                        """, club.getName(), club.getNo_affiliation())
-                                ).setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("contact@ffsaf.fr")
+                        Mail.withHtml(form.getM1_email(), "FFSAF - Creation de votre compte sur l'intranet",
+                                        String.format(Utils.HTML_HEADER, "FFSAF - Creation de votre compte sur l'intranet") +
+                                                String.format("""
+                                                                <p>Votre demande d'affiliation pour le club <span class="highlight">%s</span> a été acceptée.</p>
+                                                                <p>LLe numéro d'affiliation de votre club est le <span class="highlight">%d</span>.</p>
+                                                                """,
+                                                        club.getName(), club.getNo_affiliation()) +
+                                                Utils.HTML_FOOTER
+                                )
+                                .setText(String.format("""
+                                        Bonjour,
+                                        
+                                        Votre demande d'affiliation pour le club %s a été acceptée.
+                                        Le numéro d'affiliation de votre club est le %d.
+                                        
+                                        Cordialement,
+                                        L'équipe de la FFSAF
+                                        """, club.getName(), club.getNo_affiliation()))
+                                .setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("contact@ffsaf.fr")
                                 .addTo(form.getM2_email(), form.getM3_email())
                 ));
     }
@@ -458,21 +464,27 @@ public class AffiliationService {
     public Uni<?> deleteReqAffiliation(long id, String reason, boolean federationAdmin) {
         return repositoryRequest.findById(id)
                 .call(aff -> federationAdmin ? reactiveMailer.send(
-                        Mail.withText(aff.getM1_email(),
-                                        "FFSAF - Votre demande d'affiliation a été rejetée.",
-                                        String.format(
-                                                """
-                                                        Bonjour,
-                                                        
-                                                        Votre demande d'affiliation pour le club %s a été rejetée pour la/les raison(s) suivante(s):
-                                                        %s
-                                                        
-                                                        Si vous rencontrez un problème ou si vous avez des questions, n'hésitez pas à nous contacter à l'adresse contact@ffsaf.fr.
-                                                        
-                                                        Cordialement,
-                                                        L'équipe de la FFSAF
-                                                        """, aff.getName(), reason)
-                                ).setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("contact@ffsaf.fr")
+                        Mail.withHtml(aff.getM1_email(), "FFSAF - Votre demande d'affiliation a été rejetée.",
+                                        String.format(Utils.HTML_HEADER, "FFSAF - Votre demande d'affiliation a été rejetée.") +
+                                                String.format("""
+                                                                <p>Votre demande d'affiliation pour le club %s a été rejetée pour la/les raison(s) suivante(s):<br/>%s</p>
+                                                                <p>Si vous rencontrez un problème ou si vous avez des questions, n'hésitez pas à nous contacter à l'adresse <a href="mailto:contact@ffsaf.fr">contact@ffsaf.fr</a>.</p>
+                                                                """,
+                                                        aff.getName(), reason) +
+                                                Utils.HTML_FOOTER
+                                )
+                                .setText(String.format("""
+                                        Bonjour,
+                                        
+                                        Votre demande d'affiliation pour le club %s a été rejetée pour la/les raison(s) suivante(s):
+                                        %s
+                                        
+                                        Si vous rencontrez un problème ou si vous avez des questions, n'hésitez pas à nous contacter à l'adresse contact@ffsaf.fr.
+                                        
+                                        Cordialement,
+                                        L'équipe de la FFSAF
+                                        """, aff.getName(), reason))
+                                .setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("contact@ffsaf.fr")
                                 .addTo(aff.getM2_email(), aff.getM3_email())
                 ) : Uni.createFrom().nullItem())
                 .chain(aff -> Panache.withTransaction(() -> repositoryRequest.delete(aff)))

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)))
@@ -282,7 +287,8 @@ public class ClubService {
                             combModel.setClub(null);
                             combModel.setRole(RoleAsso.MEMBRE);
                         }).toList())
-                        .call(list -> (list.isEmpty()) ? Uni.createFrom().voidItem() :
+                        .call(list -> list.stream().noneMatch(m -> m.getUserId() != null) ?
+                                Uni.createFrom().voidItem() :
                                 Uni.join().all(list.stream().filter(m -> m.getUserId() != null)
                                                 .map(m -> keycloakService.clearUser(m.getUserId())).toList())
                                         .andCollectFailures())
@@ -323,9 +329,11 @@ public class ClubService {
     }
 
     public Uni<List<ClubMapData>> getMapData() {
-        return repository.list("international", false).toMulti().flatMap(list -> Multi.createFrom().iterable(list))
-                .call(clubModel -> Mutiny.fetch(clubModel.getContact()))
-                .map(clubModel -> {
+        return affiliationRepository.list("saison >= ?1 AND club.international = ?2", Utils.getSaison() - 1, false)
+                .toMulti().flatMap(list -> Multi.createFrom().iterable(list))
+                .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

@@ -156,24 +156,32 @@ public class KeycloakService {
             return oldEmail;
         }).call(oldEmail -> oldEmail == null || !enabled_email ? Uni.createFrom().item("") :
                 reactiveMailer.send(
-                        Mail.withText(oldEmail,
-                                "FFSAF - Changement de votre adresse email",
-                                String.format(
-                                        """
-                                                Bonjour,
-                                                
-                                                Suite à la modification de votre adresse email fournie lors de votre (ré)inscription à la FFSAF,
-                                                vous allez recevoir dans les prochaines minutes un email de vérification de votre nouvelle adresse sur celle-ci.
-                                                
-                                                Ancienne adresse email : %s
-                                                Nouvelle adresse email : %s
-                                                
-                                                Si vous n'avez pas demandé cette modification, veuillez contacter le support à l'adresse support@ffsaf.fr.
-                                                
-                                                Cordialement,
-                                                L'équipe de la FFSAF
-                                                """, oldEmail, email)
-                        ).setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("support@ffsaf.fr")
+                        Mail.withHtml(oldEmail, "FFSAF - Changement de votre adresse email",
+                                        String.format(Utils.HTML_HEADER, "FFSAF - Changement de votre adresse email") +
+                                                String.format("""
+                                                                <p>Suite à la modification de votre adresse email fournie lors de votre (ré)inscription à la FFSAF,<br/>
+                                                                    vous allez recevoir dans les prochaines minutes un email de vérification de votre nouvelle adresse sur celle-ci.</p>
+                                                                <p>Ancienne adresse email : <span class="highlight">%s</span><br/>Nouvelle adresse email : <span class="highlight">%s</span></p>
+                                                                <p>Si vous n'avez pas demandé cette modification, veuillez contacter le support à l'adresse <a href="mailto:support@ffsaf.fr">support@ffsaf.fr</a>.</p>
+                                                                """,
+                                                        oldEmail, email) +
+                                                Utils.HTML_FOOTER
+                                )
+                                .setText(String.format("""
+                                        Bonjour,
+                                        
+                                        Suite à la modification de votre adresse email fournie lors de votre (ré)inscription à la FFSAF,
+                                        vous allez recevoir dans les prochaines minutes un email de vérification de votre nouvelle adresse sur celle-ci.
+                                        
+                                        Ancienne adresse email : %s
+                                        Nouvelle adresse email : %s
+                                        
+                                        Si vous n'avez pas demandé cette modification, veuillez contacter le support à l'adresse support@ffsaf.fr.
+                                        
+                                        Cordialement,
+                                        L'équipe de la FFSAF
+                                        """, oldEmail, email))
+                                .setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("support@ffsaf.fr")
                 ).onFailure().invoke(e -> LOGGER.error("Fail to send email", e)));
     }
 
@@ -270,13 +278,33 @@ 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(),
-                                "FFSAF - Creation de votre compte sur l'intranet",
-                                String.format(
+                        Mail.withHtml(user.getEmail(), "FFSAF - Creation de votre compte sur l'intranet",
+                                        String.format(Utils.HTML_HEADER, "Création de votre compte intranet FFSAF") +
+                                                String.format(
+                                                        """
+                                                                <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>
+                                                                """,
+                                                        membreModel.getRole() == RoleAsso.MEMBRE ? "par votre club (" + membreModel.getClub()
+                                                                .getName() + ") " : "", user.getUsername()) +
+                                                Utils.HTML_FOOTER
+                                )
+                                .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 +319,8 @@ public class KeycloakService {
                                                 L'équipe de la FFSAF
                                                 """,
                                         membreModel.getRole() == RoleAsso.MEMBRE ? "par votre club (" + membreModel.getClub()
-                                                .getName() + ") " : "", user.getUsername())
-                        ).setFrom("FFSAF <no-reply@ffsaf.fr>").setReplyTo("support@ffsaf.fr")
+                                                .getName() + ") " : "", user.getUsername()))
+                                .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

@@ -125,8 +125,21 @@ public class MembreService {
         return sort;
     }
 
-    public Uni<PageResult<SimpleMembre>> searchAdmin(int limit, int page, String search, String club,
-                                                     int licenceRequest, int payState, String order, String categorie) {
+    public Uni<PageResult<SimpleMembre>> search(int limit, int page, String search, int licenceRequest, int payState,
+                                                String order, String categorie, Boolean archive, String subject) {
+        return repository.find("userId = ?1", subject).firstResult()
+                .invoke(Unchecked.consumer(membreModel -> {
+                    if (membreModel == null || membreModel.getClub() == null)
+                        throw new DForbiddenException();
+                }))
+                .chain(membreModel ->
+                        searchAdmin(limit, page, search, membreModel.getClub(), licenceRequest, payState, order,
+                                categorie, archive));
+    }
+
+    public Uni<PageResult<SimpleMembre>> searchAdmin(int limit, int page, String search, Object club,
+                                                     int licenceRequest, int payState, String order, String categorie,
+                                                     Boolean archive) {
         if (search == null)
             search = "";
         search = "%" + search.replaceAll(" ", "% %") + "%";
@@ -137,77 +150,47 @@ public class MembreService {
         else
             categorieFilter = "categorie = " + Categorie.valueOf(categorie).ordinal();
 
-        String finalSearch = search;
-        Uni<List<LicenceModel>> baseUni = getLicenceListe(licenceRequest, payState);
+        String archiveFilter;
+        if (archive == null || archive)
+            archiveFilter = "True";
+        else
+            archiveFilter = String.format(
+                    "EXISTS (SELECT 1 FROM LicenceModel l WHERE l.membre.id = m.id AND l.saison >= %s)",
+                    Utils.getSaison() - 1);
+
+        String clubFilter = "?3 = ?3";
+        if (club != null) {
+            if (club instanceof String club_) {
+                if (!club_.isBlank()) {
+                    if (club_.equals("null"))
+                        clubFilter = "club IS NULL AND ?3 = ?3";
+                    else
+                        clubFilter = "LOWER(club.name) LIKE LOWER(?3)";
+                }
+            } else if (club instanceof ClubModel)
+                clubFilter = "club = ?3";
+        }
+
+        String queryStr = String.format(
+                "SELECT m FROM MembreModel m WHERE id %s ?2 AND %s AND (%s) AND %s AND %s",
+                (licenceRequest == 0 || licenceRequest == 4) ? "NOT IN" : "IN", clubFilter, FIND_NAME_REQUEST,
+                categorieFilter,
+                archiveFilter);
 
         Sort sort = getSort(order);
         if (sort == null)
             return Uni.createFrom().failure(new DInternalError("Erreur lors calcul du trie"));
 
-        return baseUni
+        String finalSearch = search;
+        return getLicenceListe(licenceRequest, payState)
                 .map(l -> l.stream().map(l2 -> l2.getMembre().getId()).toList())
                 .chain(ids -> {
                     PanacheQuery<MembreModel> query;
-
-                    String idf = ((licenceRequest == 0 || licenceRequest == 4) ? "NOT IN" : "IN");
-
-                    if (club == null || club.isBlank()) {
-                        query = repository.find(
-                                        "id " + idf + " ?2 AND (" + FIND_NAME_REQUEST + ") AND " + categorieFilter,
-                                        sort, finalSearch, ids)
-                                .page(Page.ofSize(limit));
-                    } else {
-                        if (club.equals("null")) {
-                            query = repository.find(
-                                    "id " + idf + " ?2 AND club IS NULL AND (" + FIND_NAME_REQUEST + ") AND " + categorieFilter,
-                                    sort, finalSearch, ids).page(Page.ofSize(limit));
-                        } else {
-                            query = repository.find(
-                                            "id " + idf + " ?3 AND LOWER(club.name) LIKE LOWER(?2) AND (" + FIND_NAME_REQUEST + ") AND " + categorieFilter,
-                                            sort, finalSearch, club, ids)
-                                    .page(Page.ofSize(limit));
-                        }
-                    }
+                    query = repository.find(queryStr, sort, finalSearch, ids, club).page(Page.ofSize(limit));
                     return getPageResult(query, limit, page);
                 });
     }
 
-    public Uni<PageResult<SimpleMembre>> search(int limit, int page, String search, int licenceRequest, int payState,
-                                                String order, String categorie, String subject) {
-        if (search == null)
-            search = "";
-        search = "%" + search.replaceAll(" ", "% %") + "%";
-
-        String finalSearch = search;
-
-        Uni<List<LicenceModel>> baseUni = getLicenceListe(licenceRequest, payState);
-
-        String categorieFilter;
-        if (categorie == null || categorie.isBlank())
-            categorieFilter = " True";
-        else
-            categorieFilter = "categorie = " + Categorie.valueOf(categorie).ordinal();
-
-        Sort sort = getSort(order);
-        if (sort == null)
-            return Uni.createFrom().failure(new DInternalError("Erreur lors calcul du trie"));
-
-        return baseUni
-                .map(l -> l.stream().map(l2 -> l2.getMembre().getId()).toList())
-                .chain(ids -> {
-                    String idf = ((licenceRequest == 0 || licenceRequest == 4) ? "NOT IN" : "IN");
-
-                    return repository.find("userId = ?1", subject).firstResult()
-                            .chain(membreModel -> {
-                                PanacheQuery<MembreModel> query = repository.find(
-                                                "id " + idf + " ?3 AND club = ?2 AND (" + FIND_NAME_REQUEST + ") AND " + categorieFilter,
-                                                sort, finalSearch, membreModel.getClub(), ids)
-                                        .page(Page.ofSize(limit));
-                                return getPageResult(query, limit, page);
-                            });
-                });
-    }
-
     private Uni<PageResult<SimpleMembre>> getPageResult(PanacheQuery<MembreModel> query, int limit, int page) {
         return Uni.createFrom().item(new PageResult<SimpleMembre>())
                 .invoke(result -> result.setPage(page))
@@ -287,14 +270,16 @@ 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é par " + model.getFname() + " " + model.getFname());
                             }
 
                             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é par " + model.getFname() + " " + model.getFname());
                             }
                         }
 
@@ -305,7 +290,8 @@ public class MembreService {
                                 model.getFname().toUpperCase(), dataIn.getPrenom().toUpperCase()) > 3)) {
                             LOGGER.info("Similar membres found: " + model);
                             throw new DBadRequestException(
-                                    "Pour enregistrer un nouveau membre, veuillez laisser le champ licence vide.");
+                                    "Pour enregistrer un nouveau membre, veuillez laisser le champ licence vide. (tentative de changement non-autotiser de nom sur la licence "
+                                            + model.getLicence() + " pour " + model.getFname() + " " + model.getFname() + ")");
                         }
 
                         ls.logChange("Nom", model.getLname(), dataIn.getNom().toUpperCase(), model);
@@ -313,8 +299,7 @@ public class MembreService {
                                 dataIn.getPrenom().toUpperCase().charAt(0) + dataIn.getPrenom().substring(1), model);
 
                         model.setLname(dataIn.getNom().toUpperCase());
-                        model.setFname(dataIn.getPrenom().toUpperCase().charAt(0) + dataIn.getPrenom().substring(1));
-
+                        model.setFname(Utils.formatPrenom(dataIn.getPrenom()));
 
                         if (dataIn.getEmail() != null && !dataIn.getEmail().isBlank()) {
                             ls.logChange("Email", model.getEmail(), dataIn.getEmail(), model);
@@ -380,7 +365,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 +387,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()))
@@ -434,7 +419,7 @@ public class MembreService {
     private Uni<String> update(Uni<MembreModel> uni, FullMemberForm membre, boolean admin) {
         return uni.chain(target -> {
                     ls.logChange("Prénom", target.getFname(), membre.getFname(), target);
-                    target.setFname(membre.getFname());
+                    target.setFname(Utils.formatPrenom(membre.getFname()));
                     ls.logChange("Nom", target.getLname(), membre.getLname(), target);
                     target.setLname(membre.getLname().toUpperCase());
                     ls.logChange("Pays", target.getCountry(), membre.getCountry(), target);
@@ -492,7 +477,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 +493,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(
@@ -577,8 +562,8 @@ public class MembreService {
 
     private static MembreModel getMembreModel(FullMemberForm input, ClubModel clubModel) {
         MembreModel model = new MembreModel();
-        model.setFname(input.getFname());
-        model.setLname(input.getLname());
+        model.setFname(Utils.formatPrenom(input.getFname()));
+        model.setLname(input.getLname().toUpperCase());
         model.setEmail(input.getEmail());
         model.setLicence(null);
         model.setGenre(input.getGenre());

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

@@ -49,7 +49,7 @@ public class AffiliationEndpoints {
 
     @GET
     @Path("{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les affiliations pour un club", description = "Cette méthode renvoie les affiliations pour un club donné. Seuls les administrateurs de la fédération et les présidents, secrétaires et responsables intranet du club peuvent accéder à cette méthode.")
     @APIResponses(value = {

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

@@ -73,7 +73,7 @@ public class AffiliationRequestEndpoints {
 
     @GET
     @Path("/{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie une demande d'affiliation", description = "Cette méthode renvoie une demande d'affiliation " +
             "pour l'identifiant spécifié.")
@@ -92,7 +92,7 @@ public class AffiliationRequestEndpoints {
 
     @DELETE
     @Path("/{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Supprime une demande d'affiliation", description = "Cette méthode supprime une demande " +
             "d'affiliation pour l'identifiant spécifié.")
@@ -128,7 +128,7 @@ public class AffiliationRequestEndpoints {
 
     @PUT
     @Path("/edit")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.TEXT_PLAIN)
     @Consumes(MediaType.MULTIPART_FORM_DATA)
     @Operation(summary = "Modifie une demande d'affiliation", description = "Cette méthode modifie une demande " +

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

@@ -109,7 +109,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les détails d'un club en fonction de son identifiant", description = "Renvoie les " +
             "détails d'un club en fonction de son identifiant, y compris les informations sur les membres et les affiliations")
@@ -230,7 +230,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("/me")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les informations du club de l'utilisateur connecté", description = "Renvoie les " +
             "informations du club de l'utilisateur connecté")
@@ -247,7 +247,7 @@ public class ClubEndpoints {
 
     @PUT
     @Path("/me")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Consumes(MediaType.MULTIPART_FORM_DATA)
     @Operation(summary = "Met à jour les informations du club de l'utilisateur connecté", description = "Met à jour les" +
@@ -264,7 +264,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("/me/affiliation")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie l'attestation d'affiliation du club de l'utilisateur connecté", description =
             "Renvoie l'attestation d'affiliation du club de l'utilisateur connecté")
     @APIResponses(value = {
@@ -296,7 +296,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("/renew/{id}")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(hidden = true)
     public Uni<RenewAffData> getRenew(@PathParam("id") long id, @QueryParam("m1") long m1_id,
@@ -307,7 +307,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("/desk/{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie la liste des membres du bureau du club", description = "Renvoie la liste des membres " +
             "du bureau du club spécifié")
@@ -345,7 +345,7 @@ public class ClubEndpoints {
 
     @GET
     @Path("{id}/status")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie le statut du club", description = "Renvoie le statut du club spécifié")
     @APIResponses(value = {
             @APIResponse(responseCode = "200", description = "Le statut du club"),

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

@@ -37,7 +37,7 @@ public class CompteEndpoints {
 
     @GET
     @Path("{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie les informations d'un compte utilisateur", description = "Renvoie les informations d'un" +
             " compte utilisateur en fonction de son identifiant long (UUID)")
     @APIResponses(value = {

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

@@ -36,7 +36,7 @@ public class LicenceEndpoints {
 
     @GET
     @Path("{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les licences d'un membre", description = "Renvoie les licences d'un membre en fonction " +
             "de son identifiant")
@@ -68,7 +68,7 @@ public class LicenceEndpoints {
 
     @GET
     @Path("current/club")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les licences de la saison en cours (pour les clubs)", description = "Renvoie les " +
             "licences de la saison en cours (pour les clubs)")
@@ -83,7 +83,7 @@ public class LicenceEndpoints {
 
     @POST
     @Path("pay")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Consumes(MediaType.APPLICATION_JSON)
     @Operation(summary = "Paiement des licence", description = "Retourne le lien de paiement pour les licence des membre fournie")
@@ -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")
@@ -146,7 +161,7 @@ public class LicenceEndpoints {
 
     @POST
     @Path("club/{id}")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Consumes(MediaType.MULTIPART_FORM_DATA)
     @Operation(summary = "Demande une nouvelle licence", description = "Demande une nouvelle licence en fonction de" +
@@ -163,7 +178,7 @@ public class LicenceEndpoints {
 
     @DELETE
     @Path("club/{id}")
-    @RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.TEXT_PLAIN)
     @Operation(summary = "Supprime une demande de licence", description = "Supprime une demande de licence en fonction " +
             "de son identifiant (pour les clubs)")

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

@@ -59,6 +59,7 @@ public class MembreAdminEndpoints {
             @Parameter(description = "Text à rechercher") @QueryParam("search") String search,
             @Parameter(description = "Club à filter") @QueryParam("club") String club,
             @Parameter(description = "Catégorie à filter") @QueryParam("categorie") String categorie,
+            @Parameter(description = "Inclure les archive") @QueryParam("archive") Boolean archive,
             @Parameter(description = "État de la demande de licence: 0 -> sans demande, 1 -> avec demande ou validée, 2 -> toute les demande non validée, 3 -> validée, 4 -> tout, 5 -> demande complete, 6 -> demande incomplete") @QueryParam("licenceRequest") int licenceRequest,
             @Parameter(description = "État du payment: 0 -> non payer, 1 -> payer, 2 -> tout") @QueryParam("payment") int payment,
             @Parameter(description = "Ordre") @QueryParam("order") String order) {
@@ -66,7 +67,8 @@ public class MembreAdminEndpoints {
             limit = 50;
         if (page == null || page < 1)
             page = 1;
-        return membreService.searchAdmin(limit, page - 1, search, club, licenceRequest, payment, order, categorie);
+        return membreService.searchAdmin(limit, page - 1, search, club, licenceRequest, payment, order,
+                categorie, archive);
     }
 
     @GET

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

@@ -24,7 +24,7 @@ import org.eclipse.microprofile.openapi.annotations.tags.Tag;
 import java.util.List;
 
 @Tag(name = "Membre club", description = "Gestion des membres (pour les clubs)")
-@RolesAllowed({"club_president", "club_secretaire", "club_respo_intra"})
+@RolesAllowed({"club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
 @Path("api/member")
 public class MembreClubEndpoints {
 
@@ -51,6 +51,7 @@ public class MembreClubEndpoints {
             @Parameter(description = "Page à consulter") @QueryParam("page") Integer page,
             @Parameter(description = "Text à rechercher") @QueryParam("search") String search,
             @Parameter(description = "Catégorie à filter") @QueryParam("categorie") String categorie,
+            @Parameter(description = "Inclure les archive") @QueryParam("archive") Boolean archive,
             @Parameter(description = "Etat de la demande de licence: 0 -> sans demande, 1 -> avec demande ou validée, 2 -> toute les demande non validée, 3 -> validée, 4 -> tout, 5 -> demande complete, 6 -> demande incomplete") @QueryParam("licenceRequest") int licenceRequest,
             @Parameter(description = "Etat du payment: 0 -> non payer, 1 -> payer, 2 -> tout") @QueryParam("payment") int payment,
             @Parameter(description = "Ordre") @QueryParam("order") String order) {
@@ -58,7 +59,7 @@ public class MembreClubEndpoints {
             limit = 50;
         if (page == null || page < 1)
             page = 1;
-        return membreService.search(limit, page - 1, search, licenceRequest, payment, order, categorie, securityCtx.getSubject());
+        return membreService.search(limit, page - 1, search, licenceRequest, payment, order, categorie, archive, securityCtx.getSubject());
     }
 
     @GET

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

@@ -51,7 +51,7 @@ public class MembreEndpoints {
 
     @GET
     @Path("{id}")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Produces(MediaType.APPLICATION_JSON)
     @Operation(summary = "Renvoie les détails d'un membre en fonction de son identifiant", description = "Renvoie les " +
             "détails d'un membre en fonction de son identifiant")
@@ -68,7 +68,7 @@ public class MembreEndpoints {
 
     @GET
     @Path("/find/licence")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie les détails d'un membre en fonction de son numéro de licence", description = "Renvoie " +
             "les détails d'un membre en fonction de son numéro de licence")
     @APIResponses(value = {
@@ -130,7 +130,7 @@ public class MembreEndpoints {
 
     @GET
     @Path("{id}/photo")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie la photo d'un membre", description = "Renvoie la photo d'un membre en fonction de son identifiant")
     @APIResponses(value = {
             @APIResponse(responseCode = "200", description = "La photo du membre"),
@@ -146,7 +146,7 @@ public class MembreEndpoints {
 
     @GET
     @Path("{id}/licence")
-    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_respo_intra"})
+    @RolesAllowed({"federation_admin", "club_president", "club_secretaire", "club_tresorier", "club_respo_intra"})
     @Operation(summary = "Renvoie le pdf de la licence d'un membre", description = "Renvoie le pdf de la licence d'un membre en fonction de son identifiant")
     @APIResponses(value = {
             @APIResponse(responseCode = "200", description = "Le pdf de la licence"),

src/main/java/fr/titionfire/ffsaf/rest/data/MeData.java

@@ -46,7 +46,7 @@ public class MeData {
         this.id = membreModel.getId();
         this.lname = membreModel.getLname();
         this.fname = membreModel.getFname();
-        this.categorie = membreModel.getCategorie().getName();
+        this.categorie = membreModel.getCategorie() == null ? "catégorie inconnue" : membreModel.getCategorie().getName();
         this.club = membreModel.getClub() == null ? "Sans club" : membreModel.getClub().getName();
         this.genre = membreModel.getGenre().str;
         this.licence = membreModel.getLicence();

src/main/java/fr/titionfire/ffsaf/utils/Utils.java

@@ -21,6 +21,79 @@ import java.util.concurrent.Future;
 public class Utils {
     private static final Logger LOGGER = Logger.getLogger(Utils.class);
 
+    public static String HTML_HEADER = """
+            <!DOCTYPE html>
+            <html data-lt-installed="true">
+            
+            <head>
+                <meta charset="UTF-8">
+                <title>%s</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>
+            """;
+    public static String HTML_FOOTER = """
+                <p>Cordialement,<br>L&rsquo;&eacute;quipe de la FFSAF</p>
+                </div>
+            </body>
+            </html>
+            """;
+
     public static int getSaison() {
         return getSaison(new Date());
     }
@@ -262,4 +335,34 @@ public class Utils {
 
         return (int) ((calendar.getTimeInMillis() - now.getTimeInMillis()) / (1000 * 60 * 60 * 24));
     }
+
+    public static String formatPrenom(String input) {
+        if (input == null || input.isEmpty()) {
+            return input;
+        }
+
+        StringBuilder result = new StringBuilder();
+        String[] mots = input.split(" ");
+
+        for (String mot : mots) {
+            if (!mot.isEmpty()) {
+                String[] parties = mot.split("[-']");
+                StringBuilder motFormate = new StringBuilder();
+
+                for (int i = 0; i < parties.length; i++) {
+                    if (!parties[i].isEmpty()) {
+                        String premiereLettre = parties[i].substring(0, 1).toUpperCase();
+                        String reste = parties[i].substring(1).toLowerCase();
+                        motFormate.append(premiereLettre).append(reste);
+                    }
+
+                    if (i < parties.length - 1) {
+                        motFormate.append(mot.charAt(mot.indexOf(parties[i]) + parties[i].length()));
+                    }
+                }
+                result.append(motFormate).append(" ");
+            }
+        }
+        return result.toString().trim();
+    }
 }

src/main/java/fr/titionfire/ffsaf/ws/CompetitionWS.java

@@ -21,6 +21,7 @@ import org.jboss.logging.Logger;
 
 import java.lang.reflect.InvocationTargetException;
 import java.lang.reflect.Method;
+import java.time.Duration;
 import java.util.*;
 
 import static fr.titionfire.ffsaf.net2.Client_Thread.MAPPER;
@@ -166,6 +167,7 @@ public class CompetitionWS {
                         return Uni.createFrom().item(makeError(message, "Permission denied")).toMulti();
                     return ((Uni<?>) method.invoke(entry.getValue(), connection,
                             MAPPER.treeToValue(message.data(), method.getParameterTypes()[1])))
+                            .ifNoItem().after(Duration.ofSeconds(5)).fail()
                             .map(o -> makeReply(message, o))
                             .onFailure()
                             .recoverWithItem(t -> {

src/main/java/fr/titionfire/ffsaf/ws/recv/RCategorie.java

@@ -118,7 +118,8 @@ public class RCategorie {
                         uni = uni.chain(__ -> treeRepository.delete("category = ?1", cat.getId()))
                                 .chain(__ -> matchRepository.delete("category = ?1 AND category_ord = -42", cat));
                     }
-                    return uni;
+                    Uni<Long> finalUni = uni;
+                    return Panache.withTransaction(() -> finalUni);
                 })
                 .call(cat -> SSCategorie.sendCategory(connection, cat))
                 .replaceWithVoid();
@@ -205,6 +206,16 @@ public class RCategorie {
                 .replaceWithVoid();
     }
 
+    @WSReceiver(code = "deleteCategory", permission = PermLevel.ADMIN)
+    public Uni<Void> deleteCategory(WebSocketConnection connection, Long id) {
+        return getById(id, connection)
+                .call(cat -> Panache.withTransaction(() -> treeRepository.delete("category = ?1", cat.getId())
+                        .call(__ -> matchRepository.delete("category = ?1", cat))))
+                .chain(cat -> Panache.withTransaction(() -> categoryRepository.delete(cat)))
+                .call(__ -> SSCategorie.sendDelCategory(connection, id))
+                .replaceWithVoid();
+    }
+
     @RegisterForReflection
     public record JustCategorie(long id, String name, int type, String liceName) {
         public static JustCategorie from(CategoryModel m) {

src/main/java/fr/titionfire/ffsaf/ws/recv/RMatch.java

@@ -292,9 +292,10 @@ public class RMatch {
                     if (!o.getCompet().getUuid().equals(connection.pathParam("uuid")))
                         throw new DForbiddenException("Permission denied");
                 }))
-                .call(cm -> matchRepository.delete("id IN ?1 AND category = ?2", data.matchesToRemove, cm)
+                .call(cm -> Panache.withTransaction(
+                                () -> matchRepository.delete("id IN ?1 AND category = ?2", data.matchesToRemove, cm))
                         .call(__ -> SSMatch.sendDeleteMatch(connection, data.matchesToRemove)))
-                .call(cm -> matchRepository.list("id IN ?1 AND category = ?2",
+                .call(cm -> Panache.withSession(() -> matchRepository.list("id IN ?1 AND category = ?2",
                                 Stream.concat(data.matchOrderToUpdate.keySet().stream(),
                                                 data.matchPouleToUpdate.keySet().stream())
                                         .distinct().toList(), cm)
@@ -305,13 +306,14 @@ public class RMatch {
                                 model.setCategory_ord(data.matchOrderToUpdate.get(model.getId()));
                         }))
                         .call(mm -> Panache.withTransaction(() -> matchRepository.persist(mm)))
-                        .invoke(mm -> matches.addAll(mm.stream().map(MatchEntity::fromModel).toList()))
+                        .invoke(mm -> matches.addAll(mm.stream().map(MatchEntity::fromModel).toList())))
                 )
                 .chain(categoryModel -> {
                             Uni<List<MatchModel>> uni = Uni.createFrom().item(new ArrayList<>());
                             for (AddMatch match : data.newMatch)
                                 uni = uni.call(l -> creatMatch(categoryModel, match).invoke(l::add));
-                            return uni;
+                    Uni<List<MatchModel>> finalUni = uni;
+                    return Panache.withSession(() -> finalUni);
                         }
                 )
                 .chain(mm -> Panache.withTransaction(() -> matchRepository.create(mm))

src/main/java/fr/titionfire/ffsaf/ws/send/SSCategorie.java

@@ -30,4 +30,8 @@ public class SSCategorie {
     public static Uni<Void> sendTreeCategory(WebSocketConnection connection, List<TreeEntity> treeEntities) {
         return CompetitionWS.sendNotifyToOtherEditor(connection, "sendTreeCategory", treeEntities);
     }
+
+    public static Uni<?> sendDelCategory(WebSocketConnection connection, Long id) {
+        return CompetitionWS.sendNotifyToOtherEditor(connection, "sendDelCategory", id);
+    }
 }

src/main/webapp/package-lock.json

@@ -18,7 +18,9 @@
         "@fortawesome/react-fontawesome": "^0.2.0",
         "axios": "^1.6.5",
         "browser-image-compression": "^2.0.2",
+        "jszip": "^3.10.1",
         "leaflet": "^1.9.4",
+        "obs-websocket-js": "^5.0.7",
         "proj4": "^2.11.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -1058,6 +1060,14 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@msgpack/msgpack": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/@msgpack/msgpack/-/msgpack-2.8.0.tgz",
+      "integrity": "sha512-h9u4u/jiIRKbq25PM+zymTyW6bhTzELvOoUd+AvYriWOAKpLGnIamaET3pnHYoI5iYphAHBI4ayx0MehR+VVPQ==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1845,6 +1855,11 @@
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
       "dev": true
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+    },
     "node_modules/crc-32": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
@@ -1870,6 +1885,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
+    },
     "node_modules/css-color-keywords": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
@@ -2007,7 +2027,6 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -2980,6 +2999,11 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -3018,8 +3042,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/internal-slot": {
       "version": "1.0.6",
@@ -3360,6 +3383,14 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/isomorphic-ws": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz",
+      "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
@@ -3447,6 +3478,17 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -3474,6 +3516,14 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -3559,8 +3609,7 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/nanoid": {
       "version": "3.3.7",
@@ -3696,6 +3745,39 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/obs-websocket-js": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/obs-websocket-js/-/obs-websocket-js-5.0.7.tgz",
+      "integrity": "sha512-SdSNSyrLVR6F0ogInKr7qcadV1tYaTUse/vbabxjkUL8hU3P3dyifxkZ7pEkDDrtCp3TkQ53Enx23kgZO0Cjcw==",
+      "dependencies": {
+        "@msgpack/msgpack": "^2.7.1",
+        "crypto-js": "^4.1.1",
+        "debug": "^4.3.2",
+        "eventemitter3": "^5.0.1",
+        "isomorphic-ws": "^5.0.0",
+        "type-fest": "^3.11.0",
+        "ws": "^8.13.0"
+      },
+      "engines": {
+        "node": ">16.0"
+      }
+    },
+    "node_modules/obs-websocket-js/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    },
+    "node_modules/obs-websocket-js/node_modules/type-fest": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
+      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -3752,6 +3834,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -3855,6 +3942,11 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
     "node_modules/proj4": {
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/proj4/-/proj4-2.11.0.tgz",
@@ -4055,6 +4147,25 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+    },
     "node_modules/recharts": {
       "version": "2.15.1",
       "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.1.tgz",
@@ -4256,6 +4367,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
     "node_modules/safe-regex-test": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.2.tgz",
@@ -4319,6 +4435,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+    },
     "node_modules/shallowequal": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
@@ -4378,6 +4499,14 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/string.prototype.matchall": {
       "version": "4.0.10",
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz",
@@ -4723,6 +4852,11 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
     "node_modules/uzip": {
       "version": "0.20201231.0",
       "resolved": "https://registry.npmjs.org/uzip/-/uzip-0.20201231.0.tgz",
@@ -4922,6 +5056,26 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/xlsx": {
       "version": "0.18.5",
       "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",

src/main/webapp/package.json

@@ -20,7 +20,9 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "axios": "^1.6.5",
     "browser-image-compression": "^2.0.2",
+    "jszip": "^3.10.1",
     "leaflet": "^1.9.4",
+    "obs-websocket-js": "^5.0.7",
     "proj4": "^2.11.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/main/webapp/public/obs_template.json

@@ -0,0 +1,828 @@
+{
+    "current_scene": "Ovarlay",
+    "current_program_scene": "Ovarlay",
+    "scene_order": [
+        {
+            "name": "Ovarlay"
+        },
+        {
+            "name": "Scène 2"
+        }
+    ],
+    "name": "saf",
+    "groups": [],
+    "quick_transitions": [
+        {
+            "name": "Coupure",
+            "duration": 300,
+            "hotkeys": [],
+            "id": 5,
+            "fade_to_black": false
+        },
+        {
+            "name": "Fondu",
+            "duration": 300,
+            "hotkeys": [],
+            "id": 6,
+            "fade_to_black": false
+        }
+    ],
+    "transitions": [],
+    "saved_projectors": [],
+    "canvases": [],
+    "current_transition": "Fondu",
+    "transition_duration": 300,
+    "preview_locked": false,
+    "scaling_enabled": false,
+    "scaling_level": -9,
+    "scaling_off_x": 0.0,
+    "scaling_off_y": 0.0,
+    "virtual-camera": {
+        "type2": 3
+    },
+    "modules": {
+        "auto-scene-switcher": {
+            "interval": 300,
+            "non_matching_scene": "",
+            "switch_if_not_matching": false,
+            "active": false,
+            "switches": []
+        },
+        "captions": {
+            "source": "",
+            "enabled": false,
+            "lang_id": 1036,
+            "provider": "mssapi"
+        },
+        "output-timer": {
+            "streamTimerHours": 0,
+            "streamTimerMinutes": 0,
+            "streamTimerSeconds": 30,
+            "recordTimerHours": 0,
+            "recordTimerMinutes": 0,
+            "recordTimerSeconds": 30,
+            "autoStartStreamTimer": false,
+            "autoStartRecordTimer": false,
+            "pauseRecordTimer": false
+        },
+        "scripts-tool": []
+    },
+    "version": 1,
+    "sources": [
+        {
+            "prev_ver": 536870916,
+            "name": "Capture d'écran",
+            "uuid": "62b56523-7c2e-4ae2-b4e6-9ca3a36e904b",
+            "id": "monitor_capture",
+            "versioned_id": "monitor_capture",
+            "settings": {
+                "monitor_id": "\\\\?\\DISPLAY#HWP3320#5&3974db33&0&UID143619#{e6f07b5f-ee97-4a90-b076-33f57bf4eaa7}"
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "Ovarlay",
+            "uuid": "670a1c48-dac6-405a-959a-d40662bab4d8",
+            "id": "scene",
+            "versioned_id": "scene",
+            "settings": {
+                "custom_size": false,
+                "id_counter": 21,
+                "items": [
+                    {
+                        "name": "sub1.img.blue",
+                        "source_uuid": "0a37157d-f356-4657-a2ad-fa4193a298f8",
+                        "visible": true,
+                        "locked": false,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 19,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 1789.0,
+                            "y": 950.0
+                        },
+                        "scale": {
+                            "x": 0.11296296119689941,
+                            "y": 0.11296296119689941
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.img.rouge",
+                        "source_uuid": "2dfe69bc-9b10-419d-8ee1-6cd9cc53a502",
+                        "visible": true,
+                        "locked": false,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 14,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 9.0,
+                            "y": 950.0
+                        },
+                        "scale": {
+                            "x": 0.11296296119689941,
+                            "y": 0.11296296119689941
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.comb.blue",
+                        "source_uuid": "4e75e437-20ed-4834-bfac-b668f5cac960",
+                        "visible": true,
+                        "locked": true,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 17,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 960.0,
+                            "y": 945.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.comb.rouge",
+                        "source_uuid": "69594be1-dfdc-4eee-893c-fb546e830a6f",
+                        "visible": true,
+                        "locked": true,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 8,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 140.0,
+                            "y": 945.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.score.blue",
+                        "source_uuid": "264866ab-58e1-45ec-a32f-c440c32057cd",
+                        "visible": true,
+                        "locked": true,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 20,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 1108.0,
+                            "y": 10.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 0.0,
+                            "y": 0.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.score.rouge",
+                        "source_uuid": "8a532b22-7bcd-4742-aa0e-8ea556f39a12",
+                        "visible": true,
+                        "locked": true,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 16,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 686.0,
+                            "y": 10.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "sub1.temps",
+                        "source_uuid": "a961104f-2cad-4f65-9ff8-d50ff36f8418",
+                        "visible": true,
+                        "locked": true,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 21,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 584.0,
+                            "y": 0.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    }
+                ]
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {
+                "OBSBasic.SelectScene": [],
+                "libobs.show_scene_item.19": [],
+                "libobs.hide_scene_item.19": [],
+                "libobs.show_scene_item.14": [],
+                "libobs.hide_scene_item.14": [],
+                "libobs.show_scene_item.17": [],
+                "libobs.hide_scene_item.17": [],
+                "libobs.show_scene_item.8": [],
+                "libobs.hide_scene_item.8": [],
+                "libobs.show_scene_item.20": [],
+                "libobs.hide_scene_item.20": [],
+                "libobs.show_scene_item.16": [],
+                "libobs.hide_scene_item.16": [],
+                "libobs.show_scene_item.21": [],
+                "libobs.hide_scene_item.21": []
+            },
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "canvas_uuid": "6c69626f-6273-4c00-9d88-c5136d61696e",
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "Scène 2",
+            "uuid": "d430fe13-0e4a-4d4b-a28e-7c833eb27bf6",
+            "id": "scene",
+            "versioned_id": "scene",
+            "settings": {
+                "custom_size": false,
+                "id_counter": 2,
+                "items": [
+                    {
+                        "name": "Capture d'écran",
+                        "source_uuid": "62b56523-7c2e-4ae2-b4e6-9ca3a36e904b",
+                        "visible": false,
+                        "locked": false,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 2,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 0.0,
+                            "y": 0.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 0.0,
+                            "y": 0.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    },
+                    {
+                        "name": "Ovarlay",
+                        "source_uuid": "670a1c48-dac6-405a-959a-d40662bab4d8",
+                        "visible": true,
+                        "locked": false,
+                        "rot": 0.0,
+                        "align": 5,
+                        "bounds_type": 0,
+                        "bounds_align": 0,
+                        "bounds_crop": false,
+                        "crop_left": 0,
+                        "crop_top": 0,
+                        "crop_right": 0,
+                        "crop_bottom": 0,
+                        "id": 1,
+                        "group_item_backup": false,
+                        "pos": {
+                            "x": 0.0,
+                            "y": 0.0
+                        },
+                        "scale": {
+                            "x": 1.0,
+                            "y": 1.0
+                        },
+                        "bounds": {
+                            "x": 0.0,
+                            "y": 0.0
+                        },
+                        "scale_filter": "disable",
+                        "blend_method": "default",
+                        "blend_type": "normal",
+                        "show_transition": {
+                            "duration": 0
+                        },
+                        "hide_transition": {
+                            "duration": 0
+                        },
+                        "private_settings": {}
+                    }
+                ]
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {
+                "OBSBasic.SelectScene": [],
+                "libobs.show_scene_item.2": [],
+                "libobs.hide_scene_item.2": [],
+                "libobs.show_scene_item.1": [],
+                "libobs.hide_scene_item.1": []
+            },
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "canvas_uuid": "6c69626f-6273-4c00-9d88-c5136d61696e",
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.comb.blue",
+            "uuid": "4e75e437-20ed-4834-bfac-b668f5cac960",
+            "id": "text_gdiplus",
+            "versioned_id": "text_gdiplus_v2",
+            "settings": {
+                "chatlog": false,
+                "extents": true,
+                "gradient": false,
+                "outline": false,
+                "undo_sname": "sub1.comb_rouge",
+                "vertical": false,
+                "font": {
+                    "face": "Arial",
+                    "flags": 0,
+                    "size": 65,
+                    "style": "Normal"
+                },
+                "align": "right",
+                "valign": "bottom",
+                "color": 4294917120,
+                "extents_cx": 835,
+                "extents_cy": 120,
+                "antialiasing": true,
+                "overlay": true,
+                "text": "Xavier Login"
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.comb.rouge",
+            "uuid": "69594be1-dfdc-4eee-893c-fb546e830a6f",
+            "id": "text_gdiplus",
+            "versioned_id": "text_gdiplus_v2",
+            "settings": {
+                "chatlog": false,
+                "extents": true,
+                "gradient": false,
+                "outline": false,
+                "undo_sname": "sub1.comb_rouge",
+                "vertical": false,
+                "font": {
+                    "face": "Arial",
+                    "flags": 0,
+                    "size": 65,
+                    "style": "Normal"
+                },
+                "align": "left",
+                "valign": "bottom",
+                "color": 4278190335,
+                "extents_cx": 820,
+                "extents_cy": 120,
+                "antialiasing": true,
+                "overlay": true,
+                "text": "Xavier Login"
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.img.blue",
+            "uuid": "0a37157d-f356-4657-a2ad-fa4193a298f8",
+            "id": "slideshow",
+            "versioned_id": "slideshow",
+            "settings": {
+                "files": [],
+                "transition": "slide",
+                "slide_time": 9000,
+                "transition_speed": 1300,
+                "use_custom_size": "1:1",
+                "playback_behavior": "stop_restart",
+                "slide_mode": "mode_auto",
+                "overlay": true
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {
+                "SlideShow.PlayPause": [],
+                "SlideShow.Restart": [],
+                "SlideShow.Stop": [],
+                "SlideShow.NextSlide": [],
+                "SlideShow.PreviousSlide": []
+            },
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.img.rouge",
+            "uuid": "2dfe69bc-9b10-419d-8ee1-6cd9cc53a502",
+            "id": "slideshow",
+            "versioned_id": "slideshow",
+            "settings": {
+                "files": [],
+                "transition": "slide",
+                "slide_time": 9000,
+                "transition_speed": 1300,
+                "use_custom_size": "1:1",
+                "playback_behavior": "stop_restart",
+                "slide_mode": "mode_auto",
+                "overlay": true
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {
+                "SlideShow.PlayPause": [],
+                "SlideShow.Restart": [],
+                "SlideShow.Stop": [],
+                "SlideShow.NextSlide": [],
+                "SlideShow.PreviousSlide": []
+            },
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.score.blue",
+            "uuid": "264866ab-58e1-45ec-a32f-c440c32057cd",
+            "id": "text_gdiplus",
+            "versioned_id": "text_gdiplus_v2",
+            "settings": {
+                "chatlog": false,
+                "extents": true,
+                "gradient": false,
+                "outline": false,
+                "text": "0",
+                "undo_sname": "sub1.comb_rouge",
+                "vertical": false,
+                "font": {
+                    "face": "Arial",
+                    "flags": 0,
+                    "size": 80,
+                    "style": "Normal"
+                },
+                "align": "center",
+                "valign": "bottom",
+                "color": 4294917120,
+                "extents_wrap": true,
+                "extents_cx": 163,
+                "extents_cy": 80,
+                "antialiasing": true
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.score.rouge",
+            "uuid": "8a532b22-7bcd-4742-aa0e-8ea556f39a12",
+            "id": "text_gdiplus",
+            "versioned_id": "text_gdiplus_v2",
+            "settings": {
+                "chatlog": false,
+                "extents": true,
+                "gradient": false,
+                "outline": false,
+                "text": "0",
+                "undo_sname": "sub1.comb_rouge",
+                "vertical": false,
+                "font": {
+                    "face": "Arial",
+                    "flags": 0,
+                    "size": 80,
+                    "style": "Normal"
+                },
+                "align": "center",
+                "valign": "bottom",
+                "color": 4278190335,
+                "extents_wrap": true,
+                "extents_cx": 163,
+                "extents_cy": 80,
+                "antialiasing": true
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        },
+        {
+            "prev_ver": 536870916,
+            "name": "sub1.temps",
+            "uuid": "a961104f-2cad-4f65-9ff8-d50ff36f8418",
+            "id": "text_gdiplus",
+            "versioned_id": "text_gdiplus_v2",
+            "settings": {
+                "extents": true,
+                "text": "00:10",
+                "font": {
+                    "face": "Arial",
+                    "flags": 0,
+                    "size": 110,
+                    "style": "Normal"
+                },
+                "align": "center",
+                "color": -16711936,
+                "extents_wrap": true,
+                "extents_cx": 800,
+                "extents_cy": 110
+            },
+            "mixers": 0,
+            "sync": 0,
+            "flags": 0,
+            "volume": 1.0,
+            "balance": 0.5,
+            "enabled": true,
+            "muted": false,
+            "push-to-mute": false,
+            "push-to-mute-delay": 0,
+            "push-to-talk": false,
+            "push-to-talk-delay": 0,
+            "hotkeys": {},
+            "deinterlace_mode": 0,
+            "deinterlace_field_order": 0,
+            "monitoring_type": 0,
+            "private_settings": {}
+        }
+    ]
+}

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/assets/SimpleIconsOBS.ts

@@ -0,0 +1,26 @@
+import {
+    IconDefinition,
+    IconName,
+    IconPrefix
+} from "@fortawesome/fontawesome-svg-core";
+
+export const SimpleIconsOBS: IconDefinition = {
+    icon: [
+        // SVG viewbox width (in pixels)
+        20,
+
+        // SVG viewbox height (in pixels)
+        20,
+
+        // Aliases (not needed)
+        [],
+
+        // Unicode as hex value (not needed)
+        "",
+
+        // SVG path data
+        "M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.485 10-10S15.515 0 10 0m8.159 14.075c.55-1.617-.057-3.491-1.551-4.448-1.75-1.12-5.196 1.14-5.196 1.14s-.763 2.815-.026 4.007a5.4 5.4 0 0 1-1.77 1.709c-2.348 1.4-5.372.848-7.054-1.209a9 9 0 0 1-.235-.346c1.139 1.423 3.219 1.831 4.855.908 1.809-1.02 1.427-5.124 1.427-5.124S6.598 8.774 5.26 8.799a5.424 5.424 0 0 1 2.993-7.76c.157-.03.317-.05.476-.072a3.76 3.76 0 1 0 4.525 5.435 5.4 5.4 0 0 1 2.794.793c2.199 1.345 3.119 4.041 2.344 6.397-.072.166-.154.324-.234.483"
+    ],
+    iconName: "simple-icons-obs" as IconName,
+    prefix: "simple-icons" as IconPrefix
+};

src/main/webapp/src/components/MemberCustomFiels.jsx

@@ -119,13 +119,13 @@ export function CheckField({name, text, value, row = false}) {
     </>
 }
 
-export const Checkbox = ({label, value, onChange}) => {
+export const Checkbox = ({label, value, onChange, name = "checkbox1"}) => {
     const handleChange = () => {
         onChange(!value);
     };
 
     return <div className="form-check">
-        <input className="form-check-input" type="checkbox" id="checkbox1" checked={value} onChange={handleChange}/>
-        <label className="form-check-label" htmlFor="checkbox1">{label}</label>
+        <input className="form-check-input" type="checkbox" id={name} checked={value} onChange={handleChange}/>
+        <label className="form-check-label" htmlFor={name}>{label}</label>
     </div>
 };

src/main/webapp/src/components/Nav.jsx

@@ -2,6 +2,7 @@ import './Nav.css'
 import {NavLink} from "react-router-dom";
 import {useAuth} from "../hooks/useAuth.jsx";
 import {login, logout} from "../utils/auth.js";
+import {isClubAdmin} from "../utils/Tools.js";
 
 export function Nav() {
 
@@ -55,7 +56,8 @@ function CompMenu() {
         <ul className="dropdown-menu">
             <li className="nav-item"><NavLink className="nav-link" to="/competition">Inscription</NavLink></li>
             <li className="nav-item"><NavLink className="nav-link" to="/result">Mes résultats</NavLink></li>
-            <li className="nav-item"><NavLink className="nav-link" to="/competition-manager">Compétitions Manager</NavLink></li>
+            <li className="nav-item"><NavLink className="nav-link" to="/competition-manager">Compétitions
+                Manager</NavLink></li>
         </ul>
     </li>
 }
@@ -63,8 +65,7 @@ function CompMenu() {
 function ClubMenu() {
     const {is_authenticated, userinfo} = useAuth()
 
-    if (!is_authenticated || !(userinfo?.roles?.includes("club_president")
-        || userinfo?.roles?.includes("club_secretaire") || userinfo?.roles?.includes("club_respo_intra")))
+    if (!is_authenticated || !(isClubAdmin(userinfo)))
         return <></>
 
     return <li className="nav-item dropdown">

src/main/webapp/src/components/SmartLogoBackground.jsx

@@ -2,44 +2,21 @@ import {useEffect, useRef, useState, memo} from 'react';
 
 const cache = {};
 
-export function SmartLogoBackground({
-                                        src,
+export function detectOptimalBackground(blob,
                                         darkBackground = '#333333',
                                         lightBackground = '#f0f0f0',
                                         defaultBackground = 'transparent',
                                         tolerance = 55,
-                                        minPixels = 10, // Seuil minimal de pixels détectés pour appliquer un fond
-                                        alt = 'Logo',
-                                        style = {},
-                                        imgClassName = '',
-                                    }) {
-    const canvasRef = useRef(null);
-    const [background, setBackground] = useState(defaultBackground);
-    const [load, setLoad] = useState(false)
-
-    useEffect(() => {
-        if (cache[src]) {
-            setBackground(cache[src]);
-            return;
-        }
-        if (!load)
-            return;
-
-        const canvas = canvasRef.current;
-        const ctx = canvas.getContext('2d');
+                                        minPixels = 10) {
+    return new Promise((resolve) => {
+        const imgUrl = URL.createObjectURL(blob);
         const img = new Image();
-
-        img.crossOrigin = 'Anonymous';
-        img.src = src;
-
-        // Prevent error logging
-        img.onerror = function () {
-            return true;
-        }
-
+        img.crossOrigin = "anonymous";
         img.onload = () => {
+            const canvas = document.createElement('canvas');
             canvas.width = img.width;
             canvas.height = img.height;
+            const ctx = canvas.getContext('2d');
             ctx.drawImage(img, 0, 0);
 
             const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -69,12 +46,9 @@ export function SmartLogoBackground({
                     const i = Math.round(y * canvas.width + x) * 4;
                     if (isTransparent(i)) {
                         const neighbors = [
-                            i - 4, // Haut
-                            i + 4, // Bas
-                            i - 4 * canvas.width, // Gauche
-                            i + 4 * canvas.width, // Droite
+                            i - 4, i + 4, // Haut/Bas
+                            i - 4 * canvas.width, i + 4 * canvas.width, // Gauche/Droite
                         ];
-
                         for (const neighbor of neighbors) {
                             if (neighbor >= 0 && neighbor < pixels.length) {
                                 if (isLightColor(neighbor)) lightBorderCount++;
@@ -82,24 +56,64 @@ export function SmartLogoBackground({
                             }
                         }
                     }
-
-
-                    if (lightBorderCount >= 25 || darkBorderCount >= 25)
-                        break
-                }
-
-                if (lightBorderCount > darkBorderCount && lightBorderCount >= minPixels) {
-                    cache[src] = darkBackground;
-                    setBackground(darkBackground)
-                } else if (darkBorderCount > lightBorderCount && darkBorderCount >= minPixels) {
-                    cache[src] = lightBackground;
-                    setBackground(lightBackground)
-                } else {
-                    cache[src] = defaultBackground;
-                    setBackground(defaultBackground)
                 }
             }
-        }
+
+            URL.revokeObjectURL(imgUrl);
+            if (lightBorderCount > darkBorderCount && lightBorderCount >= minPixels) {
+                resolve(darkBackground); // Fond sombre
+            } else if (darkBorderCount > lightBorderCount && darkBorderCount >= minPixels) {
+                resolve(lightBackground); // Fond clair
+            } else {
+                resolve(defaultBackground); // Fond transparent
+            }
+        };
+        img.onerror = () => {
+            URL.revokeObjectURL(imgUrl);
+            resolve(defaultBackground); // En cas d'erreur
+        };
+        img.src = imgUrl;
+    });
+}
+
+export function SmartLogoBackground({
+                                        src,
+                                        darkBackground = '#333333',
+                                        lightBackground = '#f0f0f0',
+                                        defaultBackground = 'transparent',
+                                        tolerance = 55,
+                                        minPixels = 10, // Seuil minimal de pixels détectés pour appliquer un fond
+                                        alt = 'Logo',
+                                        style = {},
+                                        imgClassName = '',
+                                    }) {
+    const canvasRef = useRef(null);
+    const [background, setBackground] = useState(defaultBackground);
+    const [load, setLoad] = useState(false)
+
+    useEffect(() => {
+        if (!load) return;
+
+        const fetchAndDetect = async () => {
+            if (cache[src]) {
+                setBackground(cache[src]);
+                return;
+            }
+
+            try {
+                const response = await fetch(src);
+                const blob = await response.blob();
+                const detectedBackground = await detectOptimalBackground(blob, darkBackground, lightBackground, defaultBackground, tolerance, minPixels);
+                cache[src] = detectedBackground;
+                setBackground(detectedBackground);
+            } catch (error) {
+                console.error("Erreur de détection du fond:", error);
+                cache[src] = defaultBackground;
+                setBackground(defaultBackground);
+            }
+        };
+
+        fetchAndDetect();
     }, [src, darkBackground, lightBackground, defaultBackground, tolerance, minPixels, load]);
 
     return <>

src/main/webapp/src/hooks/useExternalWindow.jsx

@@ -1,6 +1,15 @@
 import {createContext, useContext, useReducer} from "react";
 
-const PubAffContext = createContext({next: [], c1: undefined, c2: undefined, showScore: true, timeCb: undefined, scoreRouge: 0, scoreBleu: 0});
+const PubAffContext = createContext({
+    next: [],
+    c1: undefined,
+    c2: undefined,
+    showScore: true,
+    timeCb: undefined,
+    timeCb2: undefined,
+    scoreRouge: 0,
+    scoreBleu: 0
+});
 const PubAffDispatchContext = createContext(() => {
 });
 
@@ -11,6 +20,8 @@ function reducer(state, action) {
         case 'CALL_TIME':
             if (state.timeCb)
                 state.timeCb(action.payload)
+            if (state.timeCb2)
+                state.timeCb2(action.payload)
             return state
         case 'CLEAR_CB_TIME':
             return {...state, timeCb: undefined}

src/main/webapp/src/hooks/useOBS.jsx

@@ -0,0 +1,183 @@
+import {createContext, useContext, useEffect, useRef, useState} from "react";
+import OBSWebSocket from "obs-websocket-js";
+import {hex2rgb} from "../utils/Tools.js";
+
+const OBSContext = createContext({connected: false, obs: null})
+
+export function OBSProvider({children}) {
+    const obs = useRef(null)
+    const obsParm = useRef(null)
+    const assets = useRef(null)
+    const [connected, setConnected] = useState(false)
+    const [doReconnect, setDoReconnect] = useState(false)
+
+    useEffect(() => {
+        if (!doReconnect)
+            return;
+
+        const timer = setInterval(() => {
+            if (obs.current && !connected && doReconnect) {
+                console.log("Reconnecting to OBS WebSocket...")
+                obs.current.connect(obsParm.current.adresse, obsParm.current.password)
+                    .then(data => {
+                        console.log("Reconnected to OBS WebSocket", data)
+                        setDoReconnect(false)
+                    })
+            }
+        }, 5000);
+        return () => clearInterval(timer);
+    }, [connected, doReconnect]);
+
+    const connect = (adresse, password = undefined, assets_dir = undefined) => {
+        if (connected && obs.current)
+            return;
+        assets.current = assets_dir;
+
+        const obs_ = new OBSWebSocket();
+        obs_.connect(adresse, password)
+            .then(data => {
+                console.log("Connected to OBS WebSocket", data)
+            })
+            .catch(err => {
+                console.error("Failed to connect to OBS WebSocket", err)
+            });
+        obs_.on('ConnectionOpened', () => {
+            setConnected(true)
+            console.log("OBS WebSocket connection opened")
+        });
+        obs_.on('ConnectionClosed', err => {
+            setConnected(false)
+            console.log("OBS WebSocket connection closed", err.code, err.message)
+            if (err.code === 1000 || err.code === 4009) // 1000 = Normal Closure, 4009 = Authentication Failure
+                return;
+            obsParm.current = {adresse, password}
+            setDoReconnect(true)
+        });
+        obs_.on('error', err => {
+            console.error("OBS WebSocket error", err)
+        });
+
+        obs.current = obs_;
+    }
+
+    const disconnect = () => {
+        if (obs.current && connected) {
+            obs.current.disconnect();
+            obs.current = null;
+        }
+    }
+
+    const ret = {connected, obs: obs.current, connect, disconnect, assets: assets.current}
+    return <OBSContext.Provider value={ret}>
+        {children}
+    </OBSContext.Provider>
+}
+
+function getElementName(element) {
+    return `sub${sessionStorage.getItem("obs_prefix") || 1}.${element}`
+}
+
+export function useOBS() {
+    const {connected, obs, connect, disconnect, assets} = useContext(OBSContext)
+    const setTextAndColor = (element, text, color) => {
+        if (!connected)
+            return;
+        if (color.startsWith("#")){
+            const tmp = hex2rgb(color);
+            color = (tmp.b << 16) + (tmp.g << 8) + tmp.r;
+        }
+
+        obs.call('SetInputSettings', {
+            inputName: getElementName(element),
+            inputSettings: {
+                text: text,
+                color: color,
+                overlay: true,
+            }
+        }).catch(err => {
+            console.error("Failed to set text and color for OBS element", element, err)
+        });
+    }
+    const setText = (element, text) => {
+        if (!connected)
+            return;
+        obs.call('SetInputSettings', {
+            inputName: getElementName(element),
+            inputSettings: {
+                text: text,
+                overlay: true,
+            }
+        }).catch(err => {
+            console.error("Failed to set text for OBS element", element, err)
+        });
+    }
+
+    const setDiapo = (element, files) => {
+        if (!connected)
+            return;
+        const arr = [];
+        for (const file of files) {
+            arr.push({
+                hidden: false,
+                selected: false,
+                value: (assets.endsWith('/') ? assets : assets + '/') + file,
+            })
+        }
+        obs.call('SetInputSettings', {
+            inputName: getElementName(element),
+            inputSettings: {
+                files: arr,
+                overlay: true,
+            }
+        }).catch(err => {
+            console.error("Failed to set diapo for OBS element", element, err)
+        });
+    }
+
+    return {
+        connected,
+        obs,
+        connect,
+        disconnect,
+        setText,
+        setTextAndColor,
+        setDiapo,
+    }
+}
+
+export function exportOBSConfiguration(adresse, password, assets_dir) {
+    const config = {
+        adresse: adresse,
+        password: password,
+        assets_dir: assets_dir,
+    };
+    const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(config, null, 2));
+    const downloadAnchorNode = document.createElement('a');
+    downloadAnchorNode.setAttribute("href", dataStr);
+    downloadAnchorNode.setAttribute("download", "obs_configuration.json");
+    document.body.appendChild(downloadAnchorNode); // required for firefox
+    downloadAnchorNode.click();
+    downloadAnchorNode.remove();
+}
+
+export async function importOBSConfiguration() {
+    return new Promise((resolve, reject) => {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = 'application/json';
+        input.onchange = e => {
+            const file = e.target.files[0];
+            const reader = new FileReader();
+            reader.onload = event => {
+                try {
+                    const config = JSON.parse(event.target.result);
+                    resolve(config);
+                } catch (err) {
+                    reject(err);
+                }
+            };
+            reader.readAsText(file);
+        };
+        input.click();
+    });
+}

src/main/webapp/src/pages/DemandeAff.jsx

@@ -299,7 +299,7 @@ function AssoInfo({initData, needFile}) {
 
         <div className="mb-3">
             <div className="input-group">
-                <label className="input-group-text" htmlFor="status">Statue{needFile && "*"}</label>
+                <label className="input-group-text" htmlFor="status">Statuts{needFile && "*"}</label>
                 <input type="file" className="form-control" id="status" name="status" accept=".pdf,.txt" required={needFile}/>
             </div>
             {!needFile && <div className="form-text" id="status">Laissez vide pour ne rien changer. (Si un statu a déjà été envoyé lors de cette
@@ -313,7 +313,7 @@ function MembreInfo({role, initData}) {
 
     return <>
         <div className="input-group mb-3">
-            <label className="input-group-text" htmlFor="inputGroupSelect01">Rôles</label>
+            <label className="input-group-text" htmlFor="inputGroupSelect01">Rôle</label>
             <select className="form-select" id="inputGroupSelect01" defaultValue={initData.role ? initData.role : (role === "m1" ? "PRESIDENT" : 0)}
                     disabled={initData.role ? initData.role === "PRESIDENT" : role === "m1"} name={role + "_role"} required>
                 <option value="0">Sélectionner...</option>

src/main/webapp/src/pages/MemberList.jsx

@@ -35,6 +35,7 @@ export function MemberList({source}) {
         payment: 2,
         order: "",
         categorie: "",
+        archived: false,
         ...JSON.parse(decodeURI(hash.substring(1)) || "{}"),
     }
 
@@ -43,10 +44,10 @@ export function MemberList({source}) {
         data,
         error,
         refresh
-    } = useFetch(`/member/find/${source}?page=${filter.page}&search=${filter.search}&club=${filter.club}&licenceRequest=${filter.licenceRequest}&payment=${filter.payment}&order=${filter.order}&categorie=${filter.categorie}`, setLoading, 1)
+    } = useFetch(`/member/find/${source}?page=${filter.page}&search=${filter.search}&club=${filter.club}&licenceRequest=${filter.licenceRequest}&payment=${filter.payment}&order=${filter.order}&categorie=${filter.categorie}&archive=${filter.archived}`, setLoading, 1)
 
     useEffect(() => {
-        const tmp = `/member/find/${source}?page=${filter.page}&search=${filter.search}&club=${filter.club}&licenceRequest=${filter.licenceRequest}&payment=${filter.payment}&order=${filter.order}&categorie=${filter.categorie}`;
+        const tmp = `/member/find/${source}?page=${filter.page}&search=${filter.search}&club=${filter.club}&licenceRequest=${filter.licenceRequest}&payment=${filter.payment}&order=${filter.order}&categorie=${filter.categorie}&archive=${filter.archived}`;
         if (tmp === lastRefresh)
             return;
         lastRefresh = tmp
@@ -137,6 +138,8 @@ export function MemberList({source}) {
                         <div className="card-body">
                             <FiltreBar showLicenceState={showLicenceState}
                                        setShowLicenceState={setShowLicenceState}
+                                       showArchived={filter.archived}
+                                       setShowArchived={e => setFilter({...filter, archived: e})}
                                        clubFilter={filter.club}
                                        setClubFilter={e => setFilter({...filter, club: e})}
                                        source={source}
@@ -523,6 +526,8 @@ function OrderBar({onOrderChange, defaultValues = "", source}) {
 function FiltreBar({
                        showLicenceState,
                        setShowLicenceState,
+                       showArchived,
+                       setShowArchived,
                        clubFilter,
                        setClubFilter,
                        source,
@@ -538,6 +543,9 @@ function FiltreBar({
         <div className="mb-3">
             <Checkbox value={showLicenceState} onChange={setShowLicenceState} label="Afficher l'état des licences"/>
         </div>
+        <div className="mb-3">
+            <Checkbox value={showArchived} onChange={setShowArchived} name="checkbox2" label="Afficher les combattants inactifs"/>
+        </div>
         <div className="mb-3">
             <select className="form-select" value={catFilter} onChange={event => setCatFilter(event.target.value)}>
                 <option value="">--- toute les catégories ---</option>

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}`);
-    }, [hash, clubFilter, stateFilter, lastSearch, paymentFilter]);
+        refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}&licenceRequest=${stateFilter}&payment=${paymentFilter}&categorie=${catFilter}`);
+    }, [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/club/club/AffiliationCard.jsx

@@ -155,8 +155,8 @@ function ModalContent2({clubData, data}) {
                     aria-label="Close"></button>
         </div>
         <div className="modal-body">
-            <p>Veuillez sélectionner 3 membres du bureau pour remplir la pré-demande. (Si un membre non-bureau va le devenir l'an prochain,
-                vous pourrez toujours remplacer un des membres sélectionné à la prochaine étape)</p>
+            <p>Veuillez sélectionner 0 à 3 membres du bureau pour remplir la pré-demande. (Si un membre non-bureau va le devenir l'an prochain,
+                vous pourrez les renseigner à la prochaine étape)</p>
             {data && data.map((d, index) => {
                     return <div key={index} className="input-group mb-1">
                         <div className="input-group-text">

src/main/webapp/src/pages/competition/CompetitionRegisterAdmin.jsx

@@ -147,15 +147,13 @@ function SearchMember({sendRegister}) {
 
     const handleAdd = (name) => {
         const member = data.find(m => `${m.fname} ${m.lname}`.trim() === name);
-        console.log("Quick add licence:", member)
-
         if (!member) {
             toast.error("Combattant non trouvé");
             return;
         }
 
         sendRegister({
-            licence: member.licence, fname: member.fname, lname: member.lname, weight: "", overCategory: 0, lockEdit: false, id: null
+            licence: member.licence.trim(), fname: member.fname.trim(), lname: member.lname.trim(), weight: "", overCategory: 0, lockEdit: false, id: null
         })
     }
 

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

@@ -1,30 +1,37 @@
-import {useEffect, useRef, useState} from "react";
+import React, {useEffect, useRef, useState} from "react";
 import {useRequestWS, useWS} from "../../../hooks/useWS.jsx";
 import {LoadingProvider, useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
 import {toast} from "react-toastify";
 import {build_tree, resize_tree} from "../../../utils/TreeUtils.js"
 import {ConfirmDialog} from "../../../components/ConfirmDialog.jsx";
 import {CategoryContent} from "./CategoryAdminContent.jsx";
+import {exportOBSConfiguration} from "../../../hooks/useOBS.jsx";
+import {createPortal} from "react-dom";
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {SimpleIconsOBS} from "../../../assets/SimpleIconsOBS.ts";
+import JSZip from "jszip";
+import {detectOptimalBackground} from "../../../components/SmartLogoBackground.jsx";
 
 export function CMAdmin() {
     const [catId, setCatId] = useState(null);
     const [cat, setCat] = useState(null);
+    const menuActions = useRef({});
     const {dispatch} = useWS();
 
     useEffect(() => {
         const categoryListener = ({data}) => {
             if (!cat || data.id !== cat.id)
                 return
-            setCat({
-                ...cat,
+            setCat(cat_ => ({
+                ...cat_,
                 name: data.name,
                 liceName: data.liceName,
                 type: data.type
-            })
+            }))
         }
         dispatch({type: 'addListener', payload: {callback: categoryListener, code: 'sendCategory'}})
         return () => dispatch({type: 'removeListener', payload: categoryListener})
-    }, []);
+    }, [cat]);
 
     return <>
         <div className="card">
@@ -35,10 +42,246 @@ export function CMAdmin() {
             <div className="card-body">
                 <LoadingProvider>
                     <div className="row">
-                        <CategoryContent cat={cat} catId={catId} setCat={setCat}/>
+                        <CategoryContent cat={cat} catId={catId} setCat={setCat} menuActions={menuActions}/>
                     </div>
                 </LoadingProvider>
             </div>
+            <Menu menuActions={menuActions}/>
+        </div>
+    </>
+}
+
+let tto = [];
+
+function resizeImageWithOptimalBackground(blob) {
+    return new Promise(async (resolve) => {
+        const background = await detectOptimalBackground(blob);
+        const imgUrl = URL.createObjectURL(blob);
+        const img = new Image();
+        img.crossOrigin = "anonymous";
+        img.onload = () => {
+            const canvas = document.createElement('canvas');
+            canvas.width = 1080;
+            canvas.height = 1080;
+            const ctx = canvas.getContext('2d');
+
+            // Dessiner l'image centrée
+            const scale = Math.min(1080 / img.width, 1080 / img.height);
+            const newWidth = img.width * scale;
+            const newHeight = img.height * scale;
+            const x = (1080 - newWidth) / 2;
+            const y = (1080 - newHeight) / 2;
+
+            ctx.filter = `drop-shadow(0 0 2rem ${background})`;
+            ctx.drawImage(img, x, y, newWidth, newHeight);
+
+            // Exporter en PNG
+            canvas.toBlob((newBlob) => {
+                resolve(newBlob);
+                URL.revokeObjectURL(imgUrl);
+            }, 'image/png', 1.0);
+        };
+        img.onerror = () => resolve(blob); // Retourne l'original en cas d'erreur
+        img.src = imgUrl;
+    });
+}
+
+async function downloadResourcesAsZip(resourceList) {
+    const zip = new JSZip();
+    const modal = new bootstrap.Modal(document.getElementById('progressModal'));
+    const progressBar = document.getElementById('progressBar');
+    const progressText = document.getElementById('progressText');
+    let completed = 0;
+
+    if (!resourceList.some(d => d.url === '/obs_template.json'))
+        resourceList.push({url: '/obs_template.json', name: 'saf_obs_template.json'});
+
+    // Afficher la modale
+    modal.show();
+
+    // Fonction pour télécharger une ressource et l'ajouter au ZIP
+    const addResourceToZip = async (data) => {
+        try {
+            const response = await fetch(data.url);
+            if (!response.ok) {
+                if (response.status === 404) {
+                    return {success: false, filename: data.name || data.url.split('/').pop()};
+                }
+                // noinspection ExceptionCaughtLocallyJS
+                throw new Error(`Erreur HTTP: ${response.status}`);
+            }
+            const blob = await response.blob();
+            const filename = data.name || data.url.split('/').pop();
+            const format = filename.split('.').pop().toLowerCase();
+
+            if (['png', 'jpg', 'jpeg', 'svg'].includes(format)) {
+                const resizedBlob = await resizeImageWithOptimalBackground(blob);
+                const pngFilename = filename.replace(/\.[^/.]+$/, ".png");
+                zip.file(pngFilename, resizedBlob);
+                return {success: true, pngFilename};
+            } else {
+                zip.file(filename, blob);
+                return {success: true, filename};
+            }
+        } catch (error) {
+            console.error(`Impossible d'ajouter ${data.url} au ZIP:`, error);
+            return {success: false, filename: data.name || data.url.split('/').pop()};
+        }
+    };
+
+    // Télécharger toutes les ressources et mettre à jour la progression
+    await Promise.all(
+        resourceList.map(async (data) => {
+            const result = await addResourceToZip(data);
+            completed++;
+            const progress = Math.round((completed / resourceList.length) * 100);
+            progressBar.style.width = `${progress}%`;
+            progressText.textContent = `Téléchargement (${completed}/${resourceList.length}) : ${result.filename}`;
+            return result;
+        })
+    );
+
+    // Générer le ZIP et déclencher le téléchargement
+    const zipBlob = await zip.generateAsync({type: 'blob'});
+    const zipUrl = URL.createObjectURL(zipBlob);
+    const a = document.createElement('a');
+    a.href = zipUrl;
+    a.download = 'ressources.zip';
+    a.click();
+    URL.revokeObjectURL(zipUrl);
+
+    // Fermer la modale
+    modal.hide();
+    progressText.textContent = "Téléchargement terminé !";
+}
+
+function Menu({menuActions}) {
+    const e = document.getElementById("actionMenu")
+    const longPress = useRef({time: null, timer: null, button: null});
+    const obsModal = useRef(null);
+
+    for (const x of tto)
+        x.dispose();
+    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip2"]')
+    tto = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+
+    const longTimeAction = (button) => {
+        if (button === "obs") {
+            obsModal.current.click();
+        }
+    }
+
+    const longPressDown = (button) => {
+        longPress.current.button = button;
+        longPress.current.time = new Date();
+        longPress.current.timer = setTimeout(() => {
+            longTimeAction(button);
+
+            longPress.current.time = null;
+            longPress.current.button = null;
+        }, 1000);
+    }
+
+    const longPressUp = (button) => {
+        clearTimeout(longPress.current.timer);
+
+        if (longPress.current.time) {
+            const diff = new Date() - longPress.current.time;
+            if (longPress.current.button === button) {
+                if (diff >= 1000) {
+                    longTimeAction(button);
+                } else {
+                    if (button === "obs") {
+                        downloadResourcesAsZip(menuActions.current.resourceList || [])
+                            .then(__ => console.log("Ressources téléchargées"));
+                    }
+                }
+            }
+
+            longPress.current.time = null;
+            longPress.current.button = null;
+        }
+    }
+
+    const handleOBSSubmit = (e) => {
+        e.preventDefault();
+        const form = e.target;
+        const adresse = form[0].value;
+        const password = form[1].value;
+        const assets_dir = form[2].value;
+
+        exportOBSConfiguration(adresse, password, assets_dir)
+    }
+
+    if (!e)
+        return <></>;
+    return <>
+        {createPortal(
+            <>
+                <div className="vr" style={{margin: "0 0.5em", height: "100%"}}></div>
+                <FontAwesomeIcon icon={SimpleIconsOBS} size="xl"
+                                 style={{color: "#6c757d", cursor: "pointer"}}
+                                 onMouseDown={() => longPressDown("obs")}
+                                 onMouseUp={() => longPressUp("obs")}
+                                 data-bs-toggle="tooltip2" data-bs-placement="top"
+                                 data-bs-title="Clique court : Télécharger les ressources. Clique long : Créer la configuration obs"/>
+            </>, document.getElementById("actionMenu"))}
+
+        <button ref={obsModal} type="button" className="btn btn-link" data-bs-toggle="modal" data-bs-target="#OBSModal" style={{display: 'none'}}>
+            Launch OBS Modal
+        </button>
+        <div className="modal fade" id="OBSModal" tabIndex="-1" aria-labelledby="OBSModalLabel" aria-hidden="true">
+            <div className="modal-dialog">
+                <div className="modal-content">
+                    <div className="modal-header">
+                        <h5 className="modal-title">Configuration OBS</h5>
+                        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <form onSubmit={handleOBSSubmit}>
+                        <div className="modal-body">
+                            <strong>/!\ Le mot de passe va être stoker en claire, il est recommandé de ne l'utiliser que sur obs websocket et d'en
+                                changer entre chaque compétition</strong>
+                            <div className="input-group mb-3">
+                                <span className="input-group-text">Adresse du serveur</span>
+                                <span className="input-group-text">ws://</span>
+                                <input type="text" className="form-control" placeholder="127.0.0.1:4455" aria-label=""
+                                       defaultValue={"127.0.0.1:4455"}/>
+                                <span className="input-group-text">/</span>
+                            </div>
+                            <div className="input-group mb-3">
+                                <span className="input-group-text">Mot de passe du serveur</span>
+                                <input type="password" className="form-control" placeholder="12345" aria-label=""
+                                       defaultValue={""}/>
+                            </div>
+                            <div className="input-group mb-3">
+                                <span className="input-group-text">Dossier des resources</span>
+                                <input type="text" className="form-control" placeholder="" aria-label="" required/>
+                            </div>
+                        </div>
+                        <div className="modal-footer">
+                            <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
+                            <button type="submit" className="btn btn-primary" data-bs-dismiss="modal">Exporter</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+        <div className="modal fade" id="progressModal" tabIndex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
+            <div className="modal-dialog">
+                <div className="modal-content">
+                    <div className="modal-header">
+                        <h5 className="modal-title">Téléchargement en cours...</h5>
+                        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div className="modal-body">
+                        <div className="progress">
+                            <div id="progressBar" className="progress-bar" role="progressbar" style={{width: "0%"}}></div>
+                        </div>
+                        <div id="progressText" className="mt-2">Préparation...</div>
+                    </div>
+                </div>
+            </div>
         </div>
     </>
 }
@@ -60,15 +303,34 @@ function CategoryHeader({cat, setCatId}) {
                 data
             ])
         }
+        const sendAddCategory = ({data}) => {
+            setCats([...cats, data])
+        }
+        const sendDelCategory = ({data}) => {
+            setCatId(catId => {
+                if (catId === data) return null;
+                return catId;
+            })
+            setCats([...cats.filter(c => c.id !== data)])
+        }
         dispatch({type: 'addListener', payload: {callback: categoryListener, code: 'sendCategory'}})
-        return () => dispatch({type: 'removeListener', payload: categoryListener})
+        dispatch({type: 'addListener', payload: {callback: sendAddCategory, code: 'sendAddCategory'}})
+        dispatch({type: 'addListener', payload: {callback: sendDelCategory, code: 'sendDelCategory'}})
+        return () => {
+            dispatch({type: 'removeListener', payload: categoryListener})
+            dispatch({type: 'removeListener', payload: sendAddCategory})
+            dispatch({type: 'removeListener', payload: sendDelCategory})
+        }
     }, [cats]);
 
     useEffect(() => {
-        if (cats && cats.length > 0 && !cat) {
+        if (cats && cats.length > 0 && !cat || (cats && !cats.find(c => c.id === cat.id))) {
             setCatId(cats.sort((a, b) => a.name.localeCompare(b.name))[0].id);
+        } else if (cats && cats.length === 0) {
+            setModal({});
+            bthRef.current.click();
         }
-    }, [cats]);
+    }, [cats, cat]);
 
     const handleCatChange = (e) => {
         const selectedCatId = e.target.value;
@@ -77,7 +339,6 @@ function CategoryHeader({cat, setCatId}) {
         } else { // New category
             setModal({});
             bthRef.current.click();
-            console.log(cat);
             e.target.value = cat?.id;
         }
     }
@@ -86,7 +347,7 @@ function CategoryHeader({cat, setCatId}) {
         <div className="col-auto">
             <div className="input-group">
                 <h5 style={{margin: "auto 0.5em auto 0"}}>Edition de la catégorie</h5>
-                <select className="form-select" onChange={handleCatChange}>
+                <select className="form-select" onChange={handleCatChange} value={cat?.id || ""}>
                     {cats && cats.sort((a, b) => a.name.localeCompare(b.name)).map(c => (
                         <option key={c.id} value={c.id}>{c.name}</option>))}
                     {cats && <option value={-1}>Nouvelle...</option>}
@@ -96,7 +357,7 @@ function CategoryHeader({cat, setCatId}) {
         <div className="col" style={{margin: "auto 0", textAlign: "center"}}>
             {cat &&
                 <div>Type: {(cat.type & 1) !== 0 ? "Poule" : ""}{cat.type === 3 ? " & " : ""}{(cat.type & 2) !== 0 ? "Tournois" : ""} |
-                    Lice: {cat.liceName}</div>}
+                    Zone: {cat.liceName}</div>}
         </div>
         <div className="col-auto">
             <button className="btn btn-primary float-end" onClick={() => {
@@ -126,7 +387,7 @@ function CategoryHeader({cat, setCatId}) {
 
 function ModalContent({state, setCatId, setConfirm, confirmRef}) {
     const [name, setName] = useState("")
-    const [lice, setLice] = useState("1")
+    const [lice, setLice] = useState("A")
     const [poule, setPoule] = useState(true)
     const [tournoi, setTournoi] = useState(false)
     const [size, setSize] = useState(4)
@@ -136,7 +397,7 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
 
     useEffect(() => {
         setName(state.name || "");
-        setLice(state.liceName || "1");
+        setLice(state.liceName || "A");
         setPoule(((state.type || 1) & 1) !== 0);
         setTournoi((state.type & 2) !== 0);
 
@@ -162,7 +423,7 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
 
         const regex = /^([^;]+;)*[^;]+$/;
         if (regex.test(lice.trim()) === false) {
-            toast.error("Le format du nom des lices est invalide. Veuillez séparer les noms par des ';'.");
+            toast.error("Le format du nom des zones de combat est invalide. Veuillez séparer les noms par des ';'.");
             return;
         }
 
@@ -268,8 +529,6 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
                     error: 'Erreur lors de la création de la catégorie'
                 }
             ).then(id => {
-                setCatId(id);
-
                 if (tournoi) {
                     const trees = build_tree(size, loserMatch)
                     console.log("Creating trees for new category:", trees);
@@ -280,7 +539,9 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
                             success: 'Arbres créés !',
                             error: 'Erreur lors de la création des arbres'
                         }
-                    )
+                    ).finally(() => setCatId(id))
+                } else {
+                    setCatId(id);
                 }
             })
         }
@@ -297,7 +558,7 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
 
     return <form onSubmit={handleSubmit}>
         <div className="modal-header">
-            <h1 className="modal-title fs-5" id="CategorieModalLabel">Ajouter une catégorie</h1>
+            <h1 className="modal-title fs-5" id="CategorieModalLabel">{state.id === undefined ? "Ajouter" : "Modifier"} une catégorie</h1>
             <button type="button" className="btn-close" data-bs-dismiss="modal"
                     aria-label="Close"></button>
         </div>
@@ -309,8 +570,8 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
             </div>
 
             <div className="mb-3">
-                <label htmlFor="liceInput1" className="form-label">Nom des lices <small>(séparée par des ';')</small></label>
-                <input type="text" className="form-control" id="liceInput1" placeholder="1;2" name="lice" value={lice}
+                <label htmlFor="liceInput1" className="form-label">Nom des zones de combat <small>(séparée par des ';')</small></label>
+                <input type="text" className="form-control" id="liceInput1" placeholder="A;B" name="zone de combat" value={lice}
                        onChange={e => setLice(e.target.value)}/>
             </div>
 
@@ -371,6 +632,22 @@ function ModalContent({state, setCatId, setConfirm, confirmRef}) {
         <div className="modal-footer">
             <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
             <button type="submit" className="btn btn-primary" data-bs-dismiss="modal">Enregistrer</button>
+            {state.id !== undefined && <button type="button" className="btn btn-danger" data-bs-dismiss="modal" onClick={() => {
+                setConfirm({
+                    title: "Suppression de la catégorie",
+                    message: `Voulez-vous vraiment supprimer la catégorie ${state.name}. Cela va supprimer tous les matchs associés !`,
+                    confirm: () => {
+                        toast.promise(sendRequest('deleteCategory', state.id),
+                            {
+                                pending: 'Suppression de la catégorie...',
+                                success: 'Catégorie supprimée !',
+                                error: 'Erreur lors de la suppression de la catégorie'
+                            }
+                        ).then(() => setCatId(null));
+                    }
+                })
+                confirmRef.current.click();
+            }}>Supprimer</button>}
         </div>
     </form>
 }

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

@@ -9,7 +9,7 @@ export function ChronoPanel() {
     })
     const [chrono, setChrono] = useState({time: 0, startTime: 0})
     const chronoText = useRef(null)
-    const state = useRef({chronoState: 0, countBlink: 20, lastColor: "black", lastTimeStr: "00:00"})
+    const state = useRef({chronoState: 0, countBlink: 20, lastColor: "#000000", lastTimeStr: "00:00"})
     const publicAffDispatch = usePubAffDispatch();
 
     const addTime = (time) => setChrono(prev => ({...prev, time: prev.time - time}))
@@ -34,12 +34,12 @@ export function ChronoPanel() {
 
         const timer = setInterval(() => {
             let currentDuration = config.time
-            let color = "black"
+            let color = "#000000"
             if (state_.chronoState === 1) {
-                color = (state_.countBlink < blinkRfDuration) ? "black" : "red"
+                color = (state_.countBlink < blinkRfDuration) ? "#000000" : "#ff0000"
             } else if (state_.chronoState === 2) {
                 currentDuration = (state_.chronoState === 0) ? 10000 : config.pause
-                color = (state_.countBlink < blinkRfDuration) ? "green" : "red"
+                color = (state_.countBlink < blinkRfDuration) ? "#008000" : "#ff0000"
             }
             const timeStr = timePrint(currentDuration - getTime())
 

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

@@ -11,6 +11,7 @@ import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faCircleQuestion} from "@fortawesome/free-regular-svg-icons";
 import {toast} from "react-toastify";
 import "./CMTMatchPanel.css"
+import {useOBS} from "../../../hooks/useOBS.jsx";
 
 function CupImg() {
     return <img decoding="async" loading="lazy" width={"16"} height={"16"} className="wp-image-1635"
@@ -22,17 +23,36 @@ export function CategorieSelect({catId, setCatId, menuActions}) {
     const setLoading = useLoadingSwitcher()
     const {data: cats, setData: setCats} = useRequestWS('getAllCategory', {}, setLoading);
     const {dispatch} = useWS();
+    const {connected, setText} = useOBS();
 
     useEffect(() => {
         const categoryListener = ({data}) => {
             setCats([...cats.filter(c => c.id !== data.id), data])
         }
+        const sendAddCategory = ({data}) => {
+            setCats([...cats, data])
+        }
+        const sendDelCategory = ({data}) => {
+            if (catId === data)
+                setCatId(-1);
+            setCats([...cats.filter(c => c.id !== data)])
+        }
         dispatch({type: 'addListener', payload: {callback: categoryListener, code: 'sendCategory'}})
-        return () => dispatch({type: 'removeListener', payload: categoryListener})
+        dispatch({type: 'addListener', payload: {callback: sendAddCategory, code: 'sendAddCategory'}})
+        dispatch({type: 'addListener', payload: {callback: sendDelCategory, code: 'sendDelCategory'}})
+        return () => {
+            dispatch({type: 'removeListener', payload: categoryListener})
+            dispatch({type: 'removeListener', payload: sendAddCategory})
+            dispatch({type: 'removeListener', payload: sendDelCategory})
+        }
     }, [cats]);
 
     const cat = cats?.find(c => c.id === catId);
 
+    useEffect(() => {
+        setText("poule",cat ? cat.name : "");
+    }, [cat, connected]);
+
     return <>
         <div className="input-group">
             <h6 style={{margin: "auto 0.5em auto 0"}}>Catégorie</h6>
@@ -131,10 +151,15 @@ function ListMatch({cat, matches, trees, menuActions}) {
     const [type, setType] = useState(1);
 
     useEffect(() => {
+        if (!cat)
+            return;
         if ((cat.type & type) === 0)
             setType(cat.type);
     }, [cat]);
 
+    if (!cat)
+        return <></>;
+
     return <div style={{marginTop: "1em"}}>
         {cat && cat.type === 3 && <>
             <ul className="nav nav-tabs">
@@ -173,6 +198,10 @@ function MatchList({matches, cat, menuActions}) {
         .map(m => ({...m, win: win(m.scores)}))
     const firstIndex = marches2.findLastIndex(m => m.poule === '-') + 1;
 
+    const isActiveMatch = (index) => {
+        return liceName.length === 1 || (liceName[(index - firstIndex) % liceName.length] === lice)
+    }
+
     const match = matches.find(m => m.id === activeMatch)
     useEffect(() => {
         if (!match) {
@@ -183,7 +212,7 @@ function MatchList({matches, cat, menuActions}) {
                 payload: {
                     c1: match.c1,
                     c2: match.c2,
-                    next: marches2.filter((m, index) => !m.end && liceName[(index - firstIndex) % liceName.length] === lice && m.id !== activeMatch).map(m => ({
+                    next: marches2.filter((m, index) => !m.end && isActiveMatch(index) && m.id !== activeMatch).map(m => ({
                         c1: m.c1,
                         c2: m.c2
                     }))
@@ -198,7 +227,7 @@ function MatchList({matches, cat, menuActions}) {
 
     useEffect(() => {
         if (match && match.poule !== lice)
-            setActiveMatch(marches2.find((m, index) => !m.end && liceName[(index - firstIndex) % liceName.length] === lice)?.id)
+            setActiveMatch(marches2.find((m, index) => !m.end && isActiveMatch(index))?.id)
     }, [lice]);
 
     useEffect(() => {
@@ -207,12 +236,12 @@ function MatchList({matches, cat, menuActions}) {
         if (marches2.some(m => m.id === activeMatch))
             return;
 
-        setActiveMatch(marches2.find((m, index) => !m.end && liceName[(index - firstIndex) % liceName.length] === lice)?.id);
+        setActiveMatch(marches2.find((m, index) => !m.end && isActiveMatch(index))?.id);
     }, [matches])
     return <>
         {liceName.length > 1 &&
-            <div className="input-group" style={{maxWidth: "10em", marginTop: "0.5em"}}>
-                <label className="input-group-text" htmlFor="selectLice">Lice</label>
+            <div className="input-group" style={{maxWidth: "15em", marginTop: "0.5em"}}>
+                <label className="input-group-text" htmlFor="selectLice">Zone de combat</label>
                 <select className="form-select" id="selectLice" value={lice} onChange={e => {
                     setLice(e.target.value);
                     localStorage.setItem("cm_lice", e.target.value);
@@ -224,11 +253,11 @@ function MatchList({matches, cat, menuActions}) {
             </div>
         }
 
-        <div className="table-responsive-xxl">
+        <div className="table-responsive-xxl overflow-y-auto" style={{maxHeight: "50vh"}}>
             <table className="table table-striped table-hover">
                 <thead>
                 <tr>
-                    <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">L</th>
+                    <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">Z</th>
                     <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">P</th>
                     <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">N°</th>
                     <th style={{textAlign: "center"}} scope="col"></th>
@@ -240,7 +269,7 @@ function MatchList({matches, cat, menuActions}) {
                 <tbody className="table-group-divider">
                 {marches2.map((m, index) => (
                     <tr key={m.id}
-                        className={m.id === activeMatch ? "table-info" : (liceName[(index - firstIndex) % liceName.length] === lice ? "" : "table-warning")}
+                        className={m.id === activeMatch ? "table-info" : (isActiveMatch(index) ? "" : "table-warning")}
                         onClick={() => setActiveMatch(m.id)}>
                         <td style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}}>
                             {liceName[(index - firstIndex) % liceName.length]}</td>
@@ -259,7 +288,7 @@ function MatchList({matches, cat, menuActions}) {
             </table>
         </div>
 
-        {activeMatch && <LoadingProvider><ScorePanel matchId={activeMatch} match={match} menuActions={menuActions}/></LoadingProvider>}
+        {activeMatch && <LoadingProvider><ScorePanel matchId={activeMatch} matchs={matches} match={match} menuActions={menuActions}/></LoadingProvider>}
     </>
 }
 
@@ -325,27 +354,29 @@ function BuildTree({treeData, matches, menuActions}) {
 
 
     return <div>
-        <div ref={scrollRef} className="overflow-x-auto" style={{position: "relative"}}>
-            <DrawGraph root={trees} scrollRef={scrollRef} onMatchClick={onMatchClick} onClickVoid={onClickVoid}
-                       matchSelect={currentMatch?.matchSelect} matchNext={currentMatch?.matchNext} size={23}/>
+        <div className="overflow-y-auto" style={{maxHeight: "50vh"}}>
+            <div ref={scrollRef} className="overflow-x-auto" style={{position: "relative"}}>
+                <DrawGraph root={trees} scrollRef={scrollRef} onMatchClick={onMatchClick} onClickVoid={onClickVoid}
+                           matchSelect={currentMatch?.matchSelect} matchNext={currentMatch?.matchNext} size={23}/>
+            </div>
         </div>
 
         {currentMatch?.matchSelect &&
-            <LoadingProvider><ScorePanel matchId={currentMatch?.matchSelect} match={match} menuActions={menuActions}/></LoadingProvider>}
+            <LoadingProvider><ScorePanel matchId={currentMatch?.matchSelect} matchs={matches} match={match} menuActions={menuActions}/></LoadingProvider>}
     </div>
 }
 
-function ScorePanel({matchId, match, menuActions}) {
+function ScorePanel({matchId, matchs, match, menuActions}) {
     const onClickVoid = useRef(() => {
     });
 
     return <div className="row" onClick={onClickVoid.current}>
-        <ScorePanel_ matchId={matchId} match={match} menuActions={menuActions} onClickVoid_={onClickVoid}/>
+        <ScorePanel_ matchId={matchId} matchs={matchs} match={match} menuActions={menuActions} onClickVoid_={onClickVoid}/>
         <CardPanel matchId={matchId} match={match}/>
     </div>
 }
 
-function ScorePanel_({matchId, match, menuActions, onClickVoid_}) {
+function ScorePanel_({matchId, matchs, match, menuActions, onClickVoid_}) {
     const {sendRequest} = useWS()
     const setLoading = useLoadingSwitcher()
 
@@ -355,6 +386,11 @@ function ScorePanel_({matchId, match, menuActions, onClickVoid_}) {
     const tableRef = useRef(null)
     const scoreRef = useRef([])
     const lastScoreClick = useRef(null)
+    const scoreInRef = useRef(null)
+
+    useEffect(() => {
+        scoreInRef.current = scoreIn;
+    }, [scoreIn]);
 
     useEffect(() => {
         menuActions.current.saveScore = (scoreRed, scoreBlue) => {
@@ -403,9 +439,12 @@ function ScorePanel_({matchId, match, menuActions, onClickVoid_}) {
             const {matchId, round, comb} = lastScoreClick.current;
             lastScoreClick.current = null;
 
-            const scoreIn_ = String(scoreIn).trim() === "" ? -1000 : Number(scoreIn);
+            const scoreIn_ = String(scoreInRef.current).trim() === "" ? -1000 : Number(scoreInRef.current);
+
+            const score = matchs.find(m => m.id === matchId).scores.find(s => s.n_round === round);
+
+            console.log("Updating score", matchId, round, comb, scoreIn_, score);
 
-            const score = match.scores.find(s => s.n_round === round);
             let newScore;
             if (score) {
                 if (comb === 1)
@@ -474,6 +513,18 @@ function ScorePanel_({matchId, match, menuActions, onClickVoid_}) {
         setEnd(match.end);
     }, [match]);
 
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (inputRef.current && !inputRef.current.contains(event.target)) {
+                onClickVoid();
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, []);
+
     const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
     const o = [...tooltipTriggerList]
     o.map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))

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

@@ -1,16 +1,20 @@
 import React, {useEffect, useRef, useState} from "react";
 import {useRequestWS} from "../../../hooks/useWS.jsx";
-import {useCombsDispatch} from "../../../hooks/useComb.jsx";
+import {useCombs, useCombsDispatch} from "../../../hooks/useComb.jsx";
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {createPortal} from "react-dom";
 import {copyStyles} from "../../../utils/copyStyles.js";
-import {PubAffProvider, usePubAffDispatch} from "../../../hooks/useExternalWindow.jsx";
+import {PubAffProvider, usePubAffDispatch, usePubAffState} from "../../../hooks/useExternalWindow.jsx";
 import {faArrowRightArrowLeft, faDisplay} from "@fortawesome/free-solid-svg-icons";
 import {PubAffWindow} from "./PubAffWindow.jsx";
 import {SimpleIconsScore} from "../../../assets/SimpleIconsScore.ts";
 import {ChronoPanel} from "./CMTChronoPanel.jsx";
 import {CategorieSelect} from "./CMTMatchPanel.jsx";
 import {PointPanel} from "./CMTPoint.jsx";
+import {importOBSConfiguration, OBSProvider, useOBS} from "../../../hooks/useOBS.jsx";
+import {SimpleIconsOBS} from "../../../assets/SimpleIconsOBS.ts";
+import {timePrint} from "../../../utils/Tools.js";
+import {toast} from "react-toastify";
 
 export function CMTable() {
     const combDispatch = useCombsDispatch()
@@ -24,39 +28,39 @@ export function CMTable() {
         combDispatch({type: 'SET_ALL', payload: {source: "register", data: data}});
     }, [data]);
 
-    return <PubAffProvider>
-        <div className="text-center">
-            <div className="row">
-                <div className="col-md-12 col-lg">
-                    <div className="card mb-3">
-                        <div className="card-header">Chronomètre</div>
-                        <div className="card-body">
-                            <ChronoPanel/>
+    return <OBSProvider>
+        <PubAffProvider>
+            <div className="text-center">
+                <div className="row">
+                    <div className="col-md-12 col-lg">
+                        <div className="card mb-3">
+                            <div className="card-header">Chronomètre</div>
+                            <div className="card-body">
+                                <ChronoPanel/>
+                            </div>
                         </div>
-                    </div>
 
-                    <div className="card mb-3">
-                        <div className="card-header">Score</div>
-                        <div className="card-body">
-                            <PointPanel menuActions={menuActions}/>
+                        <div className="card mb-3">
+                            <div className="card-header">Score</div>
+                            <div className="card-body">
+                                <PointPanel menuActions={menuActions}/>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="col-md-12 col-xl-6 col-xxl-5">
+                        <div className="card  mb-3">
+                            <div className="card-header">Matches</div>
+                            <div className="card-body">
+                                <CategorieSelect catId={catId} setCatId={setCatId} menuActions={menuActions}/>
+                            </div>
                         </div>
                     </div>
                 </div>
-                <div className="col-md-12 col-xl-6 col-xxl-5">
-                    <div className="card  mb-3">
-                        <div className="card-header">Matches</div>
-                        <div className="card-body">
-                            <CategorieSelect catId={catId} setCatId={setCatId} menuActions={menuActions}/>
-                        </div>
-                    </div>
-                    <div style={{backgroundColor: "#c70000"}}>
-                        D
-                    </div>
-                </div>
+                <Menu menuActions={menuActions}/>
+                <ObsAutoSyncWhitPubAff/>
             </div>
-            <Menu menuActions={menuActions}/>
-        </div>
-    </PubAffProvider>
+        </PubAffProvider>
+    </OBSProvider>
 }
 
 const windowName = "FFSAFScorePublicWindow";
@@ -68,6 +72,9 @@ function Menu({menuActions}) {
     const publicAffDispatch = usePubAffDispatch()
     const [showPubAff, setShowPubAff] = useState(false)
     const [showScore, setShowScore] = useState(true)
+    const {connected, connect, disconnect} = useOBS();
+    const longPress = useRef({time: null, timer: null, button: null});
+    const obsModal = useRef(null);
 
     const externalWindow = useRef(null)
     const containerEl = useRef(document.createElement("div"))
@@ -76,11 +83,6 @@ function Menu({menuActions}) {
         if (sessionStorage.getItem(windowName + "_open") === "true") {
             handlePubAff();
         }
-        //return () => {
-        //    if (!externalWindow.current)
-        //        return;
-        //    externalWindow.current.close();
-        //}
     }, []);
 
     const handlePubAff = __ => {
@@ -118,15 +120,76 @@ function Menu({menuActions}) {
         menuActions.current.switchSore?.();
     }
 
+    const longTimeAction = (button) => {
+        if (button === "obs") {
+            obsModal.current.click();
+        }
+    }
+
+    const longPressDown = (button) => {
+        longPress.current.button = button;
+        longPress.current.time = new Date();
+        longPress.current.timer = setTimeout(() => {
+            longTimeAction(button);
+
+            longPress.current.time = null;
+            longPress.current.button = null;
+        }, 1000);
+    }
+
+    const longPressUp = (button) => {
+        clearTimeout(longPress.current.timer);
+
+        if (longPress.current.time) {
+            const diff = new Date() - longPress.current.time;
+            if (longPress.current.button === button) {
+                if (diff >= 1000) {
+                    longTimeAction(button);
+                } else {
+                    if (button === "obs") {
+                        if (connected) {
+                            disconnect();
+                        } else {
+                            importOBSConfiguration()
+                                .then(config => {
+                                    connect("ws://" + config.adresse + "/", config.password, config.assets_dir);
+                                })
+                                .catch(() => {
+                                    toast.error("Aucune configuration OBS trouvée, veuillez en importer une");
+                                });
+                        }
+                    }
+                }
+            }
+
+            longPress.current.time = null;
+            longPress.current.button = null;
+        }
+    }
+
+    const handleOBSSubmit = (e) => {
+        e.preventDefault();
+        const form = e.target;
+        const prefix = form[0].value;
+
+        sessionStorage.setItem("obs_prefix", prefix);
+    }
+
     if (!e)
         return <></>;
     return <>
         {createPortal(
             <>
                 <div className="vr" style={{margin: "0 0.5em", height: "100%"}}></div>
-                <FontAwesomeIcon icon={faArrowRightArrowLeft} size="xl" style={{color: "#6c757d", cursor: "pointer"}} onClick={handleSwitchScore}
-                                 data-bs-toggle="tooltip2" data-bs-placement="top"
+                <FontAwesomeIcon icon={faArrowRightArrowLeft} size="xl" style={{color: "#6c757d", cursor: "pointer", marginRight: "0.25em"}}
+                                 onClick={handleSwitchScore} data-bs-toggle="tooltip2" data-bs-placement="top"
                                  data-bs-title="Inverser la position des combattants sur cette écran"/>
+                <FontAwesomeIcon icon={SimpleIconsOBS} size="xl"
+                                 style={{color: connected ? "#00c700" : "#6c757d", cursor: "pointer"}}
+                                 onMouseDown={() => longPressDown("obs")}
+                                 onMouseUp={() => longPressUp("obs")}
+                                 data-bs-toggle="tooltip2" data-bs-placement="top"
+                                 data-bs-title="Clique court : Charger la configuration et se connecter. Clique long : Configuration de la lice"/>
                 <div className="vr" style={{margin: "0 0.5em", height: "100%"}}></div>
                 <FontAwesomeIcon icon={faDisplay} size="xl"
                                  style={{color: showPubAff ? "#00c700" : "#6c757d", cursor: "pointer", marginRight: "0.25em"}}
@@ -137,5 +200,102 @@ function Menu({menuActions}) {
                                  data-bs-toggle="tooltip2" data-bs-placement="top" data-bs-title="Afficher les scores sur l'affichage public"/>
             </>, document.getElementById("actionMenu"))}
         {externalWindow.current && createPortal(<PubAffWindow document={externalWindow.current.document}/>, containerEl.current)}
+
+        <button ref={obsModal} type="button" className="btn btn-link" data-bs-toggle="modal" data-bs-target="#OBSModal" style={{display: 'none'}}>
+            Launch OBS Modal
+        </button>
+        <div className="modal fade" id="OBSModal" tabIndex="-1" aria-labelledby="OBSModalLabel" aria-hidden="true">
+            <div className="modal-dialog">
+                <div className="modal-content">
+                    <div className="modal-header">
+                        <h5 className="modal-title">Configuration OBS</h5>
+                        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <form onSubmit={handleOBSSubmit}>
+                        <div className="modal-body">
+                            <div className="input-group mb-3">
+                                <span className="input-group-text">Préfix des sources</span>
+                                <span className="input-group-text">sub</span>
+                                <input type="text" className="form-control" placeholder="1" aria-label="" size={1} minLength={1} maxLength={1}
+                                       defaultValue={localStorage.getItem("obs_prefix") || "1"} required/>
+                            </div>
+                        </div>
+                        <div className="modal-footer">
+                            <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
+                            <button type="submit" className="btn btn-primary" data-bs-dismiss="modal">Sauvegarde</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
     </>
 }
+
+function ObsAutoSyncWhitPubAff() {
+    const {connected, setText, setTextAndColor, setDiapo} = useOBS();
+    const oldState = useRef({timeColor: "#000000", timeStr: "--:--", c1: null, c2: null, showScore: true, scoreRouge: 0, scoreBleu: 0});
+    const state = usePubAffState();
+    const {getComb} = useCombs();
+
+    useEffect(() => {
+        if (state.c1 !== oldState.current.c1) {
+            const comb = getComb(state.c1);
+            setText("comb.rouge", comb ? (comb?.fname + " " + comb?.lname) : "");
+            const files = []
+            if (comb?.club_uuid) files.push(`club_${comb.club_uuid}.png`)
+            if (comb?.country) files.push(`flag_${comb.country.toLowerCase()}.png`)
+            setDiapo("img.rouge", files);
+            oldState.current.c1 = state.c1;
+        }
+
+        if (state.c2 !== oldState.current.c2) {
+            const comb = getComb(state.c2);
+            setText("comb.blue", comb ? (comb?.fname + " " + comb?.lname) : "");
+            const files = []
+            if (comb?.club_uuid) files.push(`club_${comb.club_uuid}.png`)
+            if (comb?.country) files.push(`flag_${comb.country.toLowerCase()}.png`)
+            setDiapo("img.blue", files);
+            oldState.current.c2 = state.c2;
+        }
+
+        if (state.showScore !== oldState.current.showScore) {
+            setText("score.rouge", state.showScore ? state.scoreRouge.toString() : "");
+            setText("score.blue", state.showScore ? state.scoreBleu.toString() : "");
+            oldState.current.showScore = state.showScore;
+        }
+
+        if (state.showScore === undefined || state.showScore) {
+            if (state.scoreRouge !== oldState.current.scoreRouge) {
+                setText("score.rouge", (state.scoreRouge || 0).toString());
+                oldState.current.scoreRouge = state.scoreRouge;
+            }
+            if (state.scoreBleu !== oldState.current.scoreBleu) {
+                setText("score.blue", (state.scoreBleu || 0).toString());
+                oldState.current.scoreBleu = state.scoreBleu;
+            }
+        }
+    }, [state]);
+
+    state.timeCb2 = (payload) => {
+        if (payload.timeStr && payload.timeColor) {
+            setTextAndColor("temps", payload.timeStr, payload.timeColor === "#000000" ? "#ffffff" : payload.timeColor);
+
+            oldState.current.timeStr = payload.timeStr;
+            oldState.current.lastColor = payload.timeColor;
+        }
+    }
+
+    useEffect(() => {
+        if (!connected)
+            return;
+        // Initial sync
+        const comb = getComb(oldState.current.c1);
+        const comb2 = getComb(oldState.current.c2);
+        setText("comb.rouge", comb ? (comb?.fname + " " + comb?.lname) : "");
+        setText("comb.blue", comb2 ? (comb2?.fname + " " + comb2?.lname) : "");
+        setTextAndColor("temps", oldState.current.timeStr, oldState.current.timeColor === "#000000" ? "#ffffff" : oldState.current.timeColor);
+        setText("score.rouge", oldState.current.showScore === undefined || oldState.current.showScore ? oldState.current.scoreRouge.toString() : "");
+        setText("score.blue", oldState.current.showScore === undefined || oldState.current.showScore ? oldState.current.scoreBleu.toString() : "");
+
+    }, [connected])
+}

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

@@ -17,13 +17,15 @@ import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faTrash} from "@fortawesome/free-solid-svg-icons";
 import {win} from "../../../utils/Tools.js";
 
+const vite_url = import.meta.env.VITE_URL;
+
 function CupImg() {
     return <img decoding="async" loading="lazy" width={"16"} height={"16"} className="wp-image-1635"
                 style={{width: "16px"}} src="/img/171891.png"
                 alt=""/>
 }
 
-export function CategoryContent({cat, catId, setCat}) {
+export function CategoryContent({cat, catId, setCat, menuActions}) {
     const setLoading = useLoadingSwitcher()
     const {sendRequest, dispatch} = useWS();
     const [matches, reducer] = useReducer(MarchReducer, []);
@@ -47,10 +49,10 @@ export function CategoryContent({cat, catId, setCat}) {
         const treeListener = ({data}) => {
             if (!cat || data.length < 1 || data[0].categorie !== cat.id)
                 return
-            setCat({
-                ...cat,
-                trees: data.map(d => from_sendTree(d, true))
-            })
+            setCat(cat_ => ({
+                ...cat_,
+                trees: data.sort((a, b) => a.level - b.level).map(d => from_sendTree(d, true))
+            }))
 
             let matches2 = [];
             let combsToAdd = [];
@@ -64,10 +66,16 @@ export function CategoryContent({cat, catId, setCat}) {
                 reducer({type: 'UPDATE_OR_ADD', payload: {...data, c1: data.c1?.id, c2: data.c2?.id}});
                 combDispatch({type: 'SET_ALL', payload: {source: "match", data: [data.c1, data.c2].filter(d => d != null)}});
 
-                if (data.c1 !== null && !groupsRef.current.some(g => g.id === data.c1?.id))
-                    setGroups(prev => [...prev, {id: data.c1?.id, poule: data.poule}]);
-                if (data.c2 !== null && !groupsRef.current.some(g => g.id === data.c2?.id))
-                    setGroups(prev => [...prev, {id: data.c2?.id, poule: data.poule}]);
+                setGroups(prev => {
+                    if (data.c1 !== null && !prev.some(g => g.id === data.c1?.id))
+                        return [...prev, {id: data.c1?.id, poule: data.poule}];
+                    return prev;
+                })
+                setGroups(prev => {
+                    if (data.c2 !== null && !prev.some(g => g.id === data.c2?.id))
+                        return [...prev, {id: data.c2?.id, poule: data.poule}];
+                    return prev;
+                })
             }
         }
 
@@ -103,7 +111,7 @@ export function CategoryContent({cat, catId, setCat}) {
                     name: data.name,
                     liceName: data.liceName,
                     type: data.type,
-                    trees: data.trees.map(d => from_sendTree(d, true))
+                    trees: data.trees.sort((a, b) => a.level - b.level).map(d => from_sendTree(d, true))
                 })
 
                 let matches2 = [];
@@ -116,7 +124,7 @@ export function CategoryContent({cat, catId, setCat}) {
 
                 const activeMatches = matches2.filter(m => m.poule !== '-')
 
-                const combsIDs = activeMatches.flatMap(d => [d.c1, d.c2]).filter((v, i, a) => v != null && a.indexOf(v) === i)
+                const combsIDs = matches2.flatMap(d => [d.c1, d.c2]).filter((v, i, a) => v != null && a.indexOf(v) === i)
                     .map(d => {
                         let poule = activeMatches.find(m => (m.c1 === d || m.c2 === d) && m.categorie_ord !== -42)?.poule
                         if (!poule)
@@ -142,7 +150,7 @@ export function CategoryContent({cat, catId, setCat}) {
 
     return <>
         <div className="col-md-3">
-            <AddComb groups={groups} setGroups={setGroups} removeGroup={removeGroup}/>
+            <AddComb groups={groups} setGroups={setGroups} removeGroup={removeGroup} menuActions={menuActions}/>
         </div>
         <div className="col-md-9">
             {cat && <ListMatch cat={cat} matches={matches} groups={groups} reducer={reducer}/>}
@@ -150,7 +158,7 @@ export function CategoryContent({cat, catId, setCat}) {
     </>
 }
 
-function AddComb({groups, setGroups, removeGroup}) {
+function AddComb({groups, setGroups, removeGroup, menuActions}) {
     const {data, setData} = useRequestWS("getRegister", null)
     const combDispatch = useCombsDispatch()
     const {dispatch} = useWS()
@@ -184,6 +192,21 @@ function AddComb({groups, setGroups, removeGroup}) {
         if (data === null)
             return;
         combDispatch({type: 'SET_ALL', payload: {source: "register", data: data}});
+
+        const resourceList = []
+        data.forEach(d => {
+            if (d.club_uuid) {
+                const url = `${vite_url}/api/club/${d.club_uuid}/logo`;
+                if (!resourceList.some(d => d.url === url))
+                    resourceList.push({url: url, name: `club_${d.club_uuid}.png`});
+            }
+            if (d.country) {
+                const url = `/flags/svg/${d.country.toLowerCase()}.svg`;
+                if (!resourceList.some(d => d.url === url))
+                    resourceList.push({url: url, name: `flag_${d.country.toLowerCase()}.svg`});
+            }
+        })
+        menuActions.current.resourceList = resourceList
     }, [data]);
 
     return <>
@@ -554,7 +577,7 @@ function MatchList({matches, cat, groups, reducer}) {
                         <tr>
                             <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">N°</th>
                             <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">Poule</th>
-                            <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">Lice</th>
+                            <th style={{textAlign: "center", paddingLeft: "0.2em", paddingRight: "0.2em"}} scope="col">Zone</th>
                             <th style={{textAlign: "center"}} scope="col"></th>
                             <th style={{textAlign: "center"}} scope="col">Rouge</th>
                             <th style={{textAlign: "center"}} scope="col">Blue</th>

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

@@ -95,7 +95,7 @@ function WSStatus({setPerm}) {
         return () => dispatch({type: 'removeListener', payload: welcomeListener})
     }, [])
 
-    return <div className="row">
+    return <div className="row" style={{marginRight: "inherit"}}>
         <h2 className="col">{name}</h2>
         <div className="col-auto" style={{margin: "auto 0", padding: 0}}>Serveur: <ColoredCircle
             color={isReady ? (inWait ? "#ffad32" : "#00c700") : "#e50000"}/>
@@ -111,11 +111,11 @@ function Home2({perm}) {
         <h4 className="col-auto" style={{margin: "auto 0"}}>Sélectionne les modes d'affichage</h4>
         <div className="col">
             {perm === "ADMIN" && <>
-                <button className="btn btn-primary" onClick={() => nav("table")}>Table de marque</button>
+                <button className="btn btn-primary" onClick={() => nav("table")}>Secrétariats de lice</button>
                 <button className="btn btn-primary ms-3" onClick={() => nav("admin")}>Administration</button>
             </>}
             {perm === "TABLE" && <>
-                <button className="btn btn-primary" onClick={() => nav("table")}>Table de marque</button>
+                <button className="btn btn-primary" onClick={() => nav("table")}>Secrétariats de lice</button>
             </>}
         </div>
     </div>

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

@@ -14,16 +14,16 @@ const text2Style = {fontSize: "min(1.7vw, 7vh)", fontWeight: "bold"};
 
 export function PubAffWindow({document}) {
     const chronoText = useRef(null)
-    const state2 = useRef({lastColor: "white", lastTimeStr: "--:--"})
+    const state2 = useRef({lastColor: "#ffffff", lastTimeStr: "--:--"})
     const state = usePubAffState();
 
-    document.title = "A React portal window"
+    document.title = "Affichage Public";
     document.body.className = "bg-dark text-white overflow-hidden";
 
     state.timeCb = (payload) => {
-        state2.current = {lastColor: payload.timeColor === "black" ? "white" : payload.timeColor, lastTimeStr: payload.timeStr}
+        state2.current = {lastColor: payload.timeColor === "#000000" ? "#ffffff" : payload.timeColor, lastTimeStr: payload.timeStr}
         chronoText.current.textContent = payload.timeStr
-        chronoText.current.style.color = payload.timeColor === "black" ? "white" : payload.timeColor
+        chronoText.current.style.color = payload.timeColor === "#000000" ? "#ffffff" : payload.timeColor
     }
 
     const showScore = state.showScore ?? true;

src/main/webapp/src/utils/Tools.js

@@ -153,3 +153,31 @@ export function timePrint(time, negSign = false) {
         String(min).padStart(2, '0') + ":" +
         String(sec).padStart(2, '0')
 }
+
+//create full hex
+function fullHex  (hex) {
+    let r = hex.slice(1,2);
+    let g = hex.slice(2,3);
+    let b = hex.slice(3,4);
+
+    r = parseInt(r+r, 16);
+    g = parseInt(g+g, 16);
+    b = parseInt(b+b, 16);
+
+    // return {r, g, b}
+    return { r, g, b };
+}
+
+//convert hex to rgb
+export function hex2rgb (hex) {
+    if(hex.length === 4){
+        return fullHex(hex);
+    }
+
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+
+    // return {r, g, b}
+    return { r, g, b };
+}