+ Date de naissance
+ setDate(e.target.value)}/>
+
+
+
+
+}
+
+export function OptionField({name, text, values, value, disabled=false}) {
+ return
+ Catégorie
+
+ {canUpdate && }
+
+
+
+}
+
+export function TextField({name, text, value, placeholder, type = "text"}) {
+ return
+
+
+
+
+
+}
+
+export function CheckField({name, text, value, row = false}) {
+ return <>{
+ row ?
+
+ {text}
+
+
+
+
+ :
+
+
+
+
+
+
+
+
+
+ }
+
+}
+
+export const Checkbox = ({ label, value, onChange }) => {
+ const handleChange = () => {
+ onChange(!value);
+ };
+
+ return
+
+
+
+};
\ No newline at end of file
diff --git a/src/main/webapp/src/components/Nav.jsx b/src/main/webapp/src/components/Nav.jsx
index 3b95604..3e5c6fb 100644
--- a/src/main/webapp/src/components/Nav.jsx
+++ b/src/main/webapp/src/components/Nav.jsx
@@ -22,7 +22,9 @@ export function Nav() {
Accueil
+
+ Club
+
+ -
+
Member
+ B
+
+
+}
+
+function AssoInfo() {
+ const [denomination, setDenomination] = useState("")
+ const [siren, setSiren] = useState("")
+ const [rna, setRna] = useState("")
+ const [rnaEnable, setRnaEnable] = useState(false)
+ const [adresse, setAdresse] = useState("")
+
+ const fetchSiren = () => {
+ toast.promise(
+ apiAxios.get(`asso/siren/${siren}`),
+ {
+ pending: "Recherche de l'association en cours",
+ success: "Association trouvée avec succès 🎉",
+ error: "Échec de la recherche de l'association 😕"
+ }
+ ).then(data => {
+ const data2 = data.data.unite_legale
+ setDenomination(data2.denomination)
+ setRnaEnable(data2.identifiant_association === null)
+ setRna(data2.identifiant_association ? data2.identifiant_association : "")
+ setAdresse(reconstruireAdresse(data2.etablissement_siege))
+ })
+ }
+
+ return <>
+ Demande d'affiliation
+L'affiliation est annuelle et valable pour une saison sportive : du 1er septembre au 31 août de l’année suivante.
+ Pour s’affilier, une association sportive doit réunir les conditions suivantes : +-
+
- Avoir son siège social en France ou Principauté de Monaco +
- Être constituée conformément au chapitre 1er du titre II du livre 1er du Code du Sport +
- Poursuivre un objet social entrant dans la définition de l’article 1 des statuts de la Fédération +
- Disposer de statuts compatibles avec les principes d’organisation et de fonctionnement de la Fédération +
- Assurer en son sein la liberté d’opinion et le respect des droits de la défense, et s’interdire toute discrimination +
- Respecter les règles d’encadrement, d’hygiène et de sécurité établies par les règlements de la Fédération +
+
+
+
+ Nom de l'association*
+
+
+
+
+ N° SIREN*
+ setSiren(e.target.value)}/>
+
+
+
+
+ Dénomination
+
+
+
+
+ RNA
+ setRna(e.target.value)}/>
+
+
+
+ Adresse*
+ setAdresse(e.target.value)}/>
+
+
+
+
+
+
+
+
+
+
+
+ ;
+}
+
+function MembreInfo({role}) {
+ return
+
+}
+
+export function DemandeAffOk() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/MemberList.jsx b/src/main/webapp/src/pages/MemberList.jsx
new file mode 100644
index 0000000..8fbd771
--- /dev/null
+++ b/src/main/webapp/src/pages/MemberList.jsx
@@ -0,0 +1,234 @@
+import {useLoadingSwitcher} from "../hooks/useLoading.jsx";
+import {useFetch} from "../hooks/useFetch.js";
+import {AxiosError} from "../components/AxiosError.jsx";
+import {ThreeDots} from "react-loader-spinner";
+import {useEffect, useState} from "react";
+import {Input} from "../components/Input.jsx";
+import {useLocation, useNavigate} from "react-router-dom";
+import {Checkbox} from "../components/MemberCustomFiels.jsx";
+import axios from "axios";
+import {apiAxios} from "../utils/Tools.js";
+import {toast} from "react-toastify";
+
+const removeDiacritics = str => {
+ return str
+ .normalize('NFD')
+ .replace(/[\u0300-\u036f]/g, '')
+}
+
+export function MemberList({source}) {
+ const {hash} = useLocation();
+ const navigate = useNavigate();
+ let page = Number(hash.substring(1));
+ page = (page > 0) ? page : 1;
+
+ const [memberData, setMemberData] = useState([]);
+ const [licenceData, setLicenceData] = useState([]);
+ const [showLicenceState, setShowLicenceState] = useState(false);
+ const [clubFilter, setClubFilter] = useState("");
+ const [lastSearch, setLastSearch] = useState("");
+
+ const setLoading = useLoadingSwitcher()
+ const {data, error, refresh} = useFetch(`/member/find/${source}?page=${page}`, setLoading, 1)
+
+
+ useEffect(() => {
+ refresh(`/member/find/${source}?page=${page}&search=${lastSearch}&club=${clubFilter}`);
+ }, [hash, clubFilter]);
+
+ useEffect(() => {
+ if (!data)
+ return;
+ const data2 = [];
+ for (const e of data.result) {
+ data2.push({
+ id: e.id,
+ fname: e.fname,
+ lname: e.lname,
+ club: e.club,
+ licence_number: e.licence,
+ licence: showLicenceState ? licenceData.find(licence => licence.membre === e.id) : null
+ })
+ }
+ setMemberData(data2);
+ }, [data, licenceData]);
+
+ useEffect(() => {
+ if (!showLicenceState)
+ return;
+
+ toast.promise(
+ apiAxios.get(`/licence/current/${source}`),
+ {
+ pending: "Chargement des licences...",
+ success: "Licences chargées",
+ error: "Impossible de charger les licences"
+ })
+ .then(data => {
+ setLicenceData(data.data);
+ });
+ }, [showLicenceState]);
+
+ const search = (search) => {
+ if (search === lastSearch)
+ return;
+ setLastSearch(search);
+ refresh(`/member/find/${source}?page=${page}&search=${search}&club=${clubFilter}`);
+ }
+
+ return <>
+ Demande d'affiliation envoyée avec succès
+Une fois votre demande validée, vous recevrez un login et mot de passe provisoire pour accéder à votre espace FFSAF
+
+
+
+}
+
+function SearchBar({search}) {
+ const [searchInput, setSearchInput] = useState("");
+
+ const handelChange = (e) => {
+ setSearchInput(e.target.value);
+ }
+
+ const handleKeyDown = (event) => {
+ if (event.key === 'Enter') {
+ searchMember();
+ }
+ }
+
+ const searchMember = () => {
+ search(removeDiacritics(searchInput));
+ }
+
+ useEffect(() => {
+ const delayDebounceFn = setTimeout(() => {
+ searchMember();
+ }, 750)
+ return () => clearTimeout(delayDebounceFn)
+ }, [searchInput])
+
+ return
+
+
+
+ {data
+ ?
+ : error
+ ?
+ :
+
+
+
+
+
+
+
+ Filtre
+
+
+
+
+
+}
+
+function MakeCentralPanel({data, visibleMember, navigate, showLicenceState, page}) {
+ const pages = []
+ for (let i = 1; i <= data.page_count; i++) {
+ pages.push(
+
+
+
+
+ Ligne {((page - 1) * data.page_size) + 1} à {
+ (page * data.page_size > data.result_count) ? data.result_count : (page * data.page_size)} (page {page} sur {data.page_count})
+
+
+ {visibleMember.map(member => ())}
+
+
+
+
+
+}
+
+function MakeRow({member, showLicenceState, navigate}) {
+ const rowContent = <>
+
+ {String(member.licence_number).padStart(5, '0')}
+
+ {member.club?.name || "Sans club"}
+
+
+ if (showLicenceState && member.licence != null) {
+ return
+
+ {member.fname} {member.lname}
+ navigate("" + member.id)}>{rowContent}
+ } else {
+ return navigate("" + member.id)}>
+ {rowContent}
+
+ }
+}
+
+let allClub = []
+
+function FiltreBar({showLicenceState, setShowLicenceState, data, clubFilter, setClubFilter, source}) {
+ useEffect(() => {
+ if (!data)
+ return;
+ allClub.push(...data.result.map((e) => e.club?.name))
+ allClub = allClub.filter((value, index, self) => self.indexOf(value) === index).filter(value => value != null).sort()
+ }, [data]);
+
+ return
+
+}
+
+function Def() {
+ return
+
+ {source !== "club" &&
+
+
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/admin/AdminRoot.jsx b/src/main/webapp/src/pages/admin/AdminRoot.jsx
index 804f6fa..1ea1031 100644
--- a/src/main/webapp/src/pages/admin/AdminRoot.jsx
+++ b/src/main/webapp/src/pages/admin/AdminRoot.jsx
@@ -1,8 +1,8 @@
import {Outlet} from "react-router-dom";
import './AdminRoot.css'
import {LoadingProvider} from "../../hooks/useLoading.jsx";
-import {MemberList} from "./MemberList.jsx";
-import {MemberPage} from "./MemberPage.jsx";
+import {MemberList} from "../MemberList.jsx";
+import {MemberPage} from "./member/MemberPage.jsx";
export function AdminRoot() {
return <>
@@ -17,7 +17,7 @@ export function getAdminChildren () {
return [
{
path: 'member',
- element:
- {visibleMember.map(member => (
- navigate("/admin/member/" + member.id)}
- className="list-group-item list-group-item-action">{member.fname} {member.lname}))}
-
- : error
- ?
-
-}
-
-function Def() {
- return
-
-
-
-
-}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/admin/MemberPage.jsx b/src/main/webapp/src/pages/admin/MemberPage.jsx
deleted file mode 100644
index c06da70..0000000
--- a/src/main/webapp/src/pages/admin/MemberPage.jsx
+++ /dev/null
@@ -1,411 +0,0 @@
-import {useNavigate, useParams} from "react-router-dom";
-import {LoadingProvider, useLoadingSwitcher} from "../../hooks/useLoading.jsx";
-import {useFetch} from "../../hooks/useFetch.js";
-import {AxiosError} from "../../components/AxiosError.jsx";
-import {ClubSelect} from "../../components/ClubSelect.jsx";
-import {useEffect, useState} from "react";
-import {apiAxios, getCategoryFormBirthDate} from "../../utils/Tools.js";
-import imageCompression from "browser-image-compression";
-import {ColoredCircle} from "../../components/ColoredCircle.jsx";
-import {toast} from "react-toastify";
-
-const vite_url = import.meta.env.VITE_URL;
-
-export function MemberPage() {
- const {id} = useParams()
- const navigate = useNavigate();
-
- const setLoading = useLoadingSwitcher()
- const {data, error} = useFetch(`/member/${id}`, setLoading, 1)
-
- return <>
- Page membre
- - {data - ?
-
- : error &&
-
-
-
-
-
-
-
-
-
-
-
;
-}
-
-function InformationForm({data}) {
- const setLoading = useLoadingSwitcher()
- const handleSubmit = (event) => {
- event.preventDefault();
- setLoading(1)
-
- const formData = new FormData();
- formData.append("id", data.id);
- formData.append("lname", event.target.lname?.value);
- formData.append("fname", event.target.fname?.value);
- formData.append("categorie", event.target.category?.value);
- formData.append("club", event.target.club?.value);
- formData.append("genre", event.target.genre?.value);
- formData.append("country", event.target.country?.value);
- formData.append("birth_date", new Date(event.target.birth_date?.value).toUTCString());
- formData.append("email", event.target.email?.value);
- formData.append("role", event.target.role?.value);
- formData.append("grade_arbitrage", event.target.grade_arbitrage?.value);
-
- const send = (formData_) => {
- apiAxios.post(`/member/${data.id}`, formData_, {
- headers: {
- 'Accept': '*/*',
- 'Content-Type': 'multipart/form-data',
- }
- }).then(_ => {
- toast.success('Profile mis à jours avec succès 🎉');
- }).catch(e => {
- console.log(e.response)
- toast.error('Échec de la mise à jours du profile 😕 (code: ' + e.response.status + ')');
- }).finally(() => {
- if (setLoading)
- setLoading(0)
- })
- }
-
- const imageFile = event.target.url_photo.files[0];
- if (imageFile) {
- console.log(`originalFile size ${imageFile.size / 1024 / 1024} MB`);
-
- const options = {
- maxSizeMB: 1,
- maxWidthOrHeight: 1920,
- useWebWorker: true,
- }
-
- imageCompression(imageFile, options).then(compressedFile => {
- console.log(`compressedFile size ${compressedFile.size / 1024 / 1024} MB`); // smaller than maxSizeMB
- formData.append("photo_data", compressedFile)
- send(formData)
- });
- } else {
- send(formData)
- }
- }
-
- return ;
-}
-
-function PremForm({userData}) {
- const setLoading = useLoadingSwitcher()
- const handleSubmitPerm = (event) => {
- event.preventDefault();
- setLoading(1)
-
- const formData = new FormData();
- formData.append("federation_admin", event.target.federation_admin?.checked);
- formData.append("safca_user", event.target.safca_user?.checked);
- formData.append("safca_create_compet", event.target.safca_create_compet?.checked);
- formData.append("safca_super_admin", event.target.safca_super_admin?.checked);
-
- apiAxios.put(`/compte/${userData.userId}/roles`, formData, {
- headers: {
- 'Accept': '*/*',
- 'Content-Type': 'form-data',
- }
- }).then(_ => {
- toast.success('Permission mise à jours avec succès 🎉');
- }).catch(e => {
- console.log(e.response)
- toast.error('Échec de la mise à jours des permissions 😕 (code: ' + e.response.status + ')');
- }).finally(() => {
- if (setLoading)
- setLoading(0)
- })
- }
-
- return
-}
-
-function PremFormContent({userData}) {
- const setLoading = useLoadingSwitcher()
- const {data, error} = useFetch(`/compte/${userData.userId}/roles`, setLoading, 1)
-
- return <>
- Licence n°{data.licence}
-
-
-
- 
-
-
-
-
- : error && }
-
- FFSAF intra
- {data - ? <> -
-
-
-
-
- : error && }
-
-
-}
-
-function LicenceCard() {
- return SAFCA
- {data - ? <> -
-
;
-}
-
-function SelectCard() {
- return
-
- Licence
-
-
- Web Design
-
-
;
-}
-
-function CompteInfo({userData}) {
-
- const creatAccount = () => {
- let err = {};
- toast.promise(
- apiAxios.put(`/compte/${userData.id}/init`).catch(e => {
- err = e
- }),
- {
- pending: 'Création du compte en cours',
- success: 'Compte créé avec succès 🎉',
- error: 'Échec de la création du compte 😕 (code: ' + err.response.status + ')'
- }
- )
- }
-
- return
-
- Sélection en équipe de France
-
-
- Web Design
- -
-
-
-}
-
-function CompteInfoContent({
- userData
- }) {
- const setLoading = useLoadingSwitcher()
- const {data, error} = useFetch(`/compte/${userData.userId}`, setLoading, 1)
-
- return <>
- {data
- ? <>
- Compte
-
- {userData.userId
- ?
- :
- <>
-
-
-
-
-
- Ce membre ne dispose pas de compte...
-
-
-
- }
-
-
-
-
-
-
-
- Identifiant: {data.login}
-
-
-
-
- Activer:
-
-
-
- : error &&
-
- Email vérifié:
-
- Date de naissance
- setDate(e.target.value)}/>
-
-
-
-
-}
-
-function OptionField({name, text, values, value}) {
- return
- Catégorie
-
- {canUpdate && }
-
-
-
-}
-
-function TextField({name, text, value, placeholder, type = "text"}) {
- return
-
-
-
-
-
-}
-
-function CheckField({name, text, value, row = false}) {
- return <>{
- row ?
-
- {text}
-
-
-
-
- :
-
-
-
-
-
-
-
-
-
- }
-
-}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/admin/member/CompteInfo.jsx b/src/main/webapp/src/pages/admin/member/CompteInfo.jsx
new file mode 100644
index 0000000..7d825ce
--- /dev/null
+++ b/src/main/webapp/src/pages/admin/member/CompteInfo.jsx
@@ -0,0 +1,120 @@
+import {toast} from "react-toastify";
+import {apiAxios} from "../../../utils/Tools.js";
+import {useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
+import {useFetch} from "../../../hooks/useFetch.js";
+import {ColoredCircle} from "../../../components/ColoredCircle.jsx";
+import {AxiosError} from "../../../components/AxiosError.jsx";
+
+export function CompteInfo({userData}) {
+
+ const creatAccount = () => {
+ let err = {};
+ toast.promise(
+ apiAxios.put(`/compte/${userData.id}/init`).catch(e => {
+ err = e
+ }),
+ {
+ pending: 'Création du compte en cours',
+ success: 'Compte créé avec succès 🎉',
+ error: 'Échec de la création du compte 😕 (code: ' + err.response.status + ')'
+ }
+ )
+ }
+ const sendId = (event) => {
+ event.preventDefault();
+
+ toast.promise(
+ apiAxios.put(`/compte/${userData.id}/setUUID/${event.target.uuid?.value}`),
+ {
+ pending: "Définition de l'identifient en cours",
+ success: "Identifient défini avec succès 🎉",
+ error: "Échec de la définition de l'identifient 😕 "
+ }
+ )
+ }
+
+ return
+
+}
+
+function CompteInfoContent({userData}) {
+ const setLoading = useLoadingSwitcher()
+ const {data, error} = useFetch(`/compte/${userData.userId}`, setLoading, 1)
+
+ return <>
+ {data
+ ? <>
+
+
+
+
+
+ Compte
+
+ -
+
- + + +
+ {userData.userId
+ ?
+ :
+ <>
+
+
+
+
+
+
+ Ce membre ne dispose pas de compte...
+
+
+
+ }
+
+
+
+
+
+
+
+ Identifiant: {data.login}
+
+
+
+
+ Activer:
+
+
+
+ : error &&
+
+ Email vérifié:
+
+
;
+}
+
+function sendLicence(event, dispatch) {
+ event.preventDefault();
+
+ const formData = new FormData(event.target);
+ toast.promise(
+ apiAxios.post(`/licence/${formData.get('membre')}`, formData),
+ {
+ pending: "Enregistrement de la licence en cours",
+ success: "Licence enregistrée avec succès 🎉",
+ error: "Échec de l'enregistrement de la licence 😕"
+ }
+ ).then(data => {
+ dispatch({type: 'UPDATE_OR_ADD', payload: data.data})
+ dispatch({type: 'SORT'})
+ })
+
+}
+
+function removeLicence(id, dispatch) {
+ toast.promise(
+ apiAxios.delete(`/licence/${id}`),
+ {
+ pending: "Suppression de la licence en cours",
+ success: "Licence supprimée avec succès 🎉",
+ error: "Échec de la suppression de la licence 😕"
+ }
+ ).then(_ => {
+ dispatch({type: 'REMOVE', payload: id})
+ })
+}
+
+function ModalContent({licence, dispatch}) {
+ const [saison, setSaison] = useState(0)
+ const [certificate, setCertificate] = useState(false)
+ const [validate, setValidate] = useState(false)
+ const [isNew, setNew] = useState(true)
+ const setSeason = (event) => {
+ setSaison(Number(event.target.value))
+ }
+ const handleCertificateChange = (event) => {
+ setCertificate(event.target.value === 'true');
+ }
+ const handleValidateChange = (event) => {
+ setValidate(event.target.value === 'true');
+ }
+
+ useEffect(() => {
+ if (licence.id !== -1) {
+ setNew(false)
+ setSaison(licence.saison)
+ setCertificate(licence.certificate)
+ setValidate(licence.validate)
+ } else {
+ setNew(true)
+ setSaison(getSaison())
+ setCertificate(false)
+ setValidate(false)
+ }
+ }, [licence]);
+
+ return
+}
+
+function RadioGroupeOnOff({value, onChange, name, text}) {
+ return
+
+
+
+ Licence
+
+
+
+
+
+
+
+ -
+ {licences.map((licence, index) => {
+ return
+
+ })}
+ {error && {licence?.saison}-{licence?.saison + 1}
+
+
+ {text}
+
+
+
+
+
;
+}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/admin/member/MemberPage.jsx b/src/main/webapp/src/pages/admin/member/MemberPage.jsx
new file mode 100644
index 0000000..badac6f
--- /dev/null
+++ b/src/main/webapp/src/pages/admin/member/MemberPage.jsx
@@ -0,0 +1,72 @@
+import {useNavigate, useParams} from "react-router-dom";
+import {LoadingProvider, useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
+import {useFetch} from "../../../hooks/useFetch.js";
+import {AxiosError} from "../../../components/AxiosError.jsx";
+import {CompteInfo} from "./CompteInfo.jsx";
+import {PremForm} from "./PremForm.jsx";
+import {InformationForm} from "./InformationForm.jsx";
+import {LicenceCard} from "./LicenceCard.jsx";
+
+const vite_url = import.meta.env.VITE_URL;
+
+export function MemberPage() {
+ const {id} = useParams()
+ const navigate = useNavigate();
+
+ const setLoading = useLoadingSwitcher()
+ const {data, error} = useFetch(`/member/${id}`, setLoading, 1)
+
+ return <>
+ Page membre
+ + {data + ?
+
+ : error &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
;
+}
+
+function SelectCard() {
+ return Licence n°{data.licence}
+
+
+
+
+
+
+
;
+}
diff --git a/src/main/webapp/src/pages/admin/member/PremForm.jsx b/src/main/webapp/src/pages/admin/member/PremForm.jsx
new file mode 100644
index 0000000..59525e9
--- /dev/null
+++ b/src/main/webapp/src/pages/admin/member/PremForm.jsx
@@ -0,0 +1,87 @@
+import {useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
+import {apiAxios} from "../../../utils/Tools.js";
+import {toast} from "react-toastify";
+import {useFetch} from "../../../hooks/useFetch.js";
+import {CheckField} from "../../../components/MemberCustomFiels.jsx";
+import {AxiosError} from "../../../components/AxiosError.jsx";
+
+export function PremForm({userData}) {
+ const setLoading = useLoadingSwitcher()
+ const handleSubmitPerm = (event) => {
+ event.preventDefault();
+ setLoading(1)
+
+ const formData = new FormData();
+ formData.append("federation_admin", event.target.federation_admin?.checked);
+ formData.append("safca_user", event.target.safca_user?.checked);
+ formData.append("safca_create_compet", event.target.safca_create_compet?.checked);
+ formData.append("safca_super_admin", event.target.safca_super_admin?.checked);
+
+ apiAxios.put(`/compte/${userData.userId}/roles`, formData, {
+ headers: {
+ 'Accept': '*/*',
+ 'Content-Type': 'form-data',
+ }
+ }).then(_ => {
+ toast.success('Permission mise à jours avec succès 🎉');
+ }).catch(e => {
+ console.log(e.response)
+ toast.error('Échec de la mise à jours des permissions 😕 (code: ' + e.response.status + ')');
+ }).finally(() => {
+ if (setLoading)
+ setLoading(0)
+ })
+ }
+
+ return
+}
+
+function PremFormContent({userData}) {
+ const setLoading = useLoadingSwitcher()
+ const {data, error} = useFetch(`/compte/${userData.userId}/roles`, setLoading, 1)
+
+ return <>
+ Sélection en équipe de France
+
+
+ Web Design
+ +
+
+
+ : error && }
+
+ FFSAF intra
+ {data + ? <> +
+
+
+
+
+ : error && }
+
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/club/ClubRoot.jsx b/src/main/webapp/src/pages/club/ClubRoot.jsx
new file mode 100644
index 0000000..5ddc95a
--- /dev/null
+++ b/src/main/webapp/src/pages/club/ClubRoot.jsx
@@ -0,0 +1,43 @@
+import {Outlet} from "react-router-dom";
+import {LoadingProvider} from "../../hooks/useLoading.jsx";
+import {MemberPage} from "./member/MemberPage.jsx";
+import {useAuth} from "../../hooks/useAuth.jsx";
+import {MemberList} from "../MemberList.jsx";
+
+export function ClubRoot() {
+ const {userinfo} = useAuth()
+ let club = ""
+ if (userinfo?.groups) {
+ for (let group of userinfo.groups) {
+ if (group.startsWith("/club/")) {
+ club = group.slice(group.indexOf("-") + 1)
+ break
+ }
+ }
+ }
+
+ return <>
+ SAFCA
+ {data + ? <> +
+
+ Espace club
{club}
Club B
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/main/webapp/src/pages/club/member/CompteInfo.jsx b/src/main/webapp/src/pages/club/member/CompteInfo.jsx
new file mode 100644
index 0000000..e9128c9
--- /dev/null
+++ b/src/main/webapp/src/pages/club/member/CompteInfo.jsx
@@ -0,0 +1,55 @@
+import {toast} from "react-toastify";
+import {apiAxios} from "../../../utils/Tools.js";
+import {useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
+import {useFetch} from "../../../hooks/useFetch.js";
+import {ColoredCircle} from "../../../components/ColoredCircle.jsx";
+import {AxiosError} from "../../../components/AxiosError.jsx";
+
+export function CompteInfo({userData}) {
+
+ return
+
+}
+
+function CompteInfoContent({userData}) {
+ const setLoading = useLoadingSwitcher()
+ const {data, error} = useFetch(`/compte/${userData.userId}`, setLoading, 1)
+
+ return <>
+ {data
+ ? <>
+ Compte
+
+ {userData.userId
+ ?
+ :
+ <>
+
+
+
+
+ }
+
+
+ Ce membre ne dispose pas de compte...
+ Un compte sera créé par la fédération lors de la validation de sa première licence +
+ + Un compte sera créé par la fédération lors de la validation de sa première licence +
+
+
+
+ Identifiant: {data.login}
+
+
+
+
+ Activer:
+
+
+
+ : error &&
+
+ Email vérifié:
+
+
;
+}
+
+function sendLicence(event, dispatch) {
+ event.preventDefault();
+
+ const formData = new FormData(event.target);
+ toast.promise(
+ apiAxios.post(`/licence/club/${formData.get('membre')}`, formData),
+ {
+ pending: "Enregistrement de la demande de licence en cours",
+ success: "Demande de licence enregistrée avec succès 🎉",
+ error: "Échec de la demande de licence 😕"
+ }
+ ).then(data => {
+ dispatch({type: 'UPDATE_OR_ADD', payload: data.data})
+ dispatch({type: 'SORT'})
+ })
+
+}
+
+function removeLicence(id, dispatch) {
+ toast.promise(
+ apiAxios.delete(`/licence/club/${id}`),
+ {
+ pending: "Suppression de la demande en cours",
+ success: "Demande supprimée avec succès 🎉",
+ error: "Échec de la suppression de la demande de licence 😕"
+ }
+ ).then(_ => {
+ dispatch({type: 'REMOVE', payload: id})
+ })
+}
+
+function ModalContent({licence, dispatch}) {
+ const [certificate, setCertificate] = useState(false)
+ const [isNew, setNew] = useState(true)
+
+ const handleCertificateChange = (event) => {
+ setCertificate(event.target.value === 'true');
+ }
+
+ useEffect(() => {
+ if (licence.id !== -1) {
+ setNew(false)
+ setCertificate(licence.certificate)
+ } else {
+ setNew(true)
+ setCertificate(false)
+ }
+ }, [licence]);
+
+ const currentSaison = licence.saison === getSaison();
+
+ return
+}
diff --git a/src/main/webapp/src/pages/club/member/MemberPage.jsx b/src/main/webapp/src/pages/club/member/MemberPage.jsx
new file mode 100644
index 0000000..622fd5d
--- /dev/null
+++ b/src/main/webapp/src/pages/club/member/MemberPage.jsx
@@ -0,0 +1,70 @@
+import {useNavigate, useParams} from "react-router-dom";
+import {LoadingProvider, useLoadingSwitcher} from "../../../hooks/useLoading.jsx";
+import {useFetch} from "../../../hooks/useFetch.js";
+import {AxiosError} from "../../../components/AxiosError.jsx";
+import {CompteInfo} from "./CompteInfo.jsx";
+import {InformationForm} from "./InformationForm.jsx";
+import {LicenceCard} from "./LicenceCard.jsx";
+
+const vite_url = import.meta.env.VITE_URL;
+
+export function MemberPage() {
+ const {id} = useParams()
+ const navigate = useNavigate();
+
+ const setLoading = useLoadingSwitcher()
+ const {data, error} = useFetch(`/member/${id}`, setLoading, 1)
+
+ return <>
+
+
+
+
+ Licence
+
+
+
+
+
+
+
+ -
+ {licences.map((licence, index) => {
+ return
+
+ })}
+ {error && {licence?.saison}-{licence?.saison + 1}
+
+ Page membre
+ + {data + ?
+
+ : error &&
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
;
+}
+
+function SelectCard() {
+ return Licence n°{data.licence}
+
+
+
+
+
+
+
;
+}
Sélection en équipe de France
+
+
+ Soon
+ +