wip: affiliation
This commit is contained in:
@@ -137,7 +137,7 @@ function AssoInfo() {
|
||||
|
||||
<div className="input-group mb-3">
|
||||
<span className="input-group-text">N° SIRET*</span>
|
||||
<input type="number" className="form-control" placeholder="siren" name="siren" required value={siret}
|
||||
<input type="number" className="form-control" placeholder="siret" name="siret" required value={siret}
|
||||
onChange={e => setSiret(e.target.value)} defaultValue={500213731}/>
|
||||
<button className="btn btn-outline-secondary" type="button" id="button-addon2"
|
||||
onClick={fetchSiret}>Rechercher
|
||||
|
||||
@@ -6,6 +6,10 @@ import {toast} from "react-toastify";
|
||||
import {apiAxios} from "../../../utils/Tools.js";
|
||||
import {RoleList, TextField} from "../../../components/MemberCustomFiels.jsx";
|
||||
import {useEffect, useRef, useState} from "react";
|
||||
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
||||
import {faFilePdf} from "@fortawesome/free-solid-svg-icons";
|
||||
|
||||
const vite_url = import.meta.env.VITE_URL;
|
||||
|
||||
export function AffiliationReqPage() {
|
||||
const {id} = useParams()
|
||||
@@ -31,19 +35,95 @@ export function AffiliationReqPage() {
|
||||
}
|
||||
|
||||
function Content({data}) {
|
||||
|
||||
const handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
const formData = new FormData();
|
||||
|
||||
const formData = new FormData(event.target);
|
||||
console.log();
|
||||
|
||||
toast.promise(
|
||||
apiAxios.put(`/club/${data.id}`, formData),
|
||||
{
|
||||
pending: "Enregistrement du club en cours",
|
||||
success: "Club enregistrée avec succès 🎉",
|
||||
error: "Échec de l'enregistrement du club 😕"
|
||||
let err = 0;
|
||||
|
||||
formData.append('id', data.id);
|
||||
formData.append('name', event.target.name.value);
|
||||
formData.append('siret', event.target.siret.value);
|
||||
formData.append('rna', event.target.rna.value);
|
||||
formData.append('address', event.target.address.value);
|
||||
|
||||
if (event.target.logo.files[0])
|
||||
formData.append('logo', event.target.logo.files[0]);
|
||||
if (event.target.status.files[0])
|
||||
formData.append('status', event.target.status.files[0]);
|
||||
|
||||
for (let i = 0; i < 3; i++) {
|
||||
const mode = event.target['mode' + i].value;
|
||||
|
||||
formData.append(`m${i + 1}_mode`, mode);
|
||||
formData.append(`m${i + 1}_role`, event.target['role' + i].value);
|
||||
|
||||
if (mode === '0') {
|
||||
if (event.target['mode0_licence' + i].value === "") {
|
||||
toast.error("Veuillez saisir un numéro de licence valide pour le membre " + (i + 1));
|
||||
err++;
|
||||
continue;
|
||||
}
|
||||
|
||||
formData.append(`m${i + 1}_licence`, event.target['licence' + i].value);
|
||||
} else if (mode === '1') {
|
||||
if (event.target['similar' + i].value === -1) {
|
||||
toast.error("Veuillez choisir un membre similaire pour le membre " + (i + 1));
|
||||
err++;
|
||||
continue;
|
||||
}
|
||||
|
||||
formData.append(`m${i + 1}_licence`, event.target['mode1_licence' + i].value);
|
||||
} else {
|
||||
formData.append(`m${i + 1}_lname`, event.target['lname' + i].value);
|
||||
formData.append(`m${i + 1}_fname`, event.target['fname' + i].value);
|
||||
}
|
||||
)
|
||||
|
||||
if (event.target['flexRadioDefault' + i].value === '0') {
|
||||
if (event.target['new_email' + i].value === "") {
|
||||
toast.error("Veuillez saisir un email valide pour le membre " + (i + 1));
|
||||
err++;
|
||||
continue;
|
||||
}
|
||||
|
||||
formData.append(`m${i + 1}_email`, event.target['new_email' + i].value);
|
||||
} else {
|
||||
if (event.target['old_email' + i].value === "") {
|
||||
toast.error("Veuillez saisir un email valide pour le membre " + (i + 1));
|
||||
err++;
|
||||
continue;
|
||||
}
|
||||
|
||||
formData.append(`m${i + 1}_email`, event.target['old_email' + i].value);
|
||||
}
|
||||
formData.append(`m${i + 1}_email_mode`, event.target['flexRadioDefault' + i].value);
|
||||
}
|
||||
|
||||
if (err > 0)
|
||||
return;
|
||||
|
||||
if (event.nativeEvent.submitter.value === "save") {
|
||||
toast.promise(
|
||||
apiAxios.put(`/affiliation/request/save`, formData),
|
||||
{
|
||||
pending: "Enregistrement de la demande d'affiliation en cours",
|
||||
success: "Demande d'affiliation enregistrée avec succès 🎉",
|
||||
error: "Échec de l'enregistrement de la demande d'affiliation 😕"
|
||||
}
|
||||
)
|
||||
} else if (event.nativeEvent.submitter.value === "accept") {
|
||||
toast.promise(
|
||||
apiAxios.put(`/affiliation/request/apply`, formData),
|
||||
{
|
||||
pending: "Acceptation de l'affiliation en cours",
|
||||
success: "Affiliation acceptée avec succès 🎉",
|
||||
error: "Échec de l'acceptation de l'affiliation 😕"
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
return <>
|
||||
@@ -65,9 +145,34 @@ function Content({data}) {
|
||||
</div>
|
||||
|
||||
<TextField type="number" name="siret" text="SIRET" value={data.siret} disabled={true}/>
|
||||
<TextField name="rna" text="RNA" value={data.rna}/>
|
||||
<TextField name="rna" text="RNA" value={data.rna} required={false}/>
|
||||
<TextField name="address" text="Adresse" value={data.address}/>
|
||||
|
||||
<img
|
||||
src={`${vite_url}/api/affiliation/request/${data.id}/logo`}
|
||||
alt="avatar"
|
||||
className="img-fluid" style={{object_fit: 'contain', maxHeight: '15em'}}/>
|
||||
<div className="mb-3">
|
||||
<div className="input-group">
|
||||
<label className="input-group-text" htmlFor="logo">Blason</label>
|
||||
<input type="file" className="form-control" id="logo" name="logo"
|
||||
accept=".jpg,.jpeg,.gif,.png,.svg"/>
|
||||
</div>
|
||||
<div className="form-text" id="logo">Laissez vide pour ne rien changer.</div>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<div className="input-group">
|
||||
<label className="input-group-text" htmlFor="status">Status</label>
|
||||
<a href={`${vite_url}/api/affiliation/request/${data.id}/status`} target='_blank'>
|
||||
<button className="btn btn-outline-secondary" type="button" id="button-addon1"
|
||||
onClick={e => null}><FontAwesomeIcon icon={faFilePdf}></FontAwesomeIcon>
|
||||
</button>
|
||||
</a>
|
||||
<input type="file" className="form-control" id="status" name="status" accept=".pdf,.txt"/>
|
||||
</div>
|
||||
<div className="form-text" id="status">Laissez vide pour ne rien changer.</div>
|
||||
</div>
|
||||
|
||||
{data.members.map((member, index) => {
|
||||
return <div key={index} className="row">
|
||||
<MemberPart index={index} member={member}/>
|
||||
@@ -75,6 +180,12 @@ function Content({data}) {
|
||||
})}
|
||||
|
||||
</div>
|
||||
<div className="row mb-3">
|
||||
<div className="d-grid gap-2 d-md-flex justify-content-md-end">
|
||||
<button type="submit" name="subbt" value="save" className="btn btn-primary">Enregistrer</button>
|
||||
<button type="submit" name="subbt" value="accept" className="btn btn-success">Accepter</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</>
|
||||
@@ -83,17 +194,30 @@ function Content({data}) {
|
||||
function MemberPart({index, member}) {
|
||||
const [mode, setMode] = useState(member.licence >= 0 ? 0 : 2)
|
||||
const [current, setCurrent] = useState(-1)
|
||||
const [email, setEmail] = useState("")
|
||||
const [emailChoice, setEmailChoice] = useState("0")
|
||||
|
||||
useEffect(() => {
|
||||
if (mode !== 1)
|
||||
setCurrent(-1)
|
||||
if (mode === 2) {
|
||||
setEmail("")
|
||||
setEmailChoice("0")
|
||||
}
|
||||
}, [mode]);
|
||||
|
||||
useEffect(() => {
|
||||
if (mode !== 2 && email !== "") {
|
||||
setEmailChoice("1")
|
||||
}
|
||||
}, [email]);
|
||||
|
||||
return <div className="col mb-4">
|
||||
<div className="card">
|
||||
<div className="card-header">Membre n°{index + 1}</div>
|
||||
<input name={"mode" + index} value={mode} readOnly hidden/>
|
||||
<div className="card-body">
|
||||
<RoleList name={"m" + (index + 1) + "_role"} text="Rôle" value={member.role}/>
|
||||
<RoleList name={"role" + index} text="Rôle" value={member.role}/>
|
||||
|
||||
<div className="btn-group row" role="group">
|
||||
<div className="mb-2">
|
||||
@@ -106,7 +230,7 @@ function MemberPart({index, member}) {
|
||||
|
||||
<div className="card-body">
|
||||
<LoadingProvider>
|
||||
<MemberLicence member={member} mode={mode} index={index}/>
|
||||
<MemberLicence member={member} mode={mode} index={index} setEmail={setEmail}/>
|
||||
</LoadingProvider>
|
||||
</div>
|
||||
</div>
|
||||
@@ -120,8 +244,10 @@ function MemberPart({index, member}) {
|
||||
<label className="btn btn-outline-primary" htmlFor={"btnradio2" + index}>Par Membre similaire</label>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<input name={"similar" + index} value={current} readOnly hidden/>
|
||||
<LoadingProvider>
|
||||
<MemberSimilar member={member} mode={mode} current={current} setCurrent={setCurrent}/>
|
||||
<MemberSimilar member={member} mode={mode} current={current} setCurrent={setCurrent} index={index}
|
||||
setEmail={setEmail}/>
|
||||
</LoadingProvider>
|
||||
</div>
|
||||
</div>
|
||||
@@ -135,19 +261,39 @@ function MemberPart({index, member}) {
|
||||
<label className="btn btn-outline-primary" htmlFor={"btnradio3" + index}>Par Nouveau membre</label>
|
||||
</div>
|
||||
<div className="card-body">
|
||||
<TextField name={"m" + (index + 1) + "_email"} text="Nom" value={member.lname} disabled={mode !== 2}/>
|
||||
<TextField name={"m" + (index + 1) + "_email"} text="Prénom" value={member.fname} disabled={mode !== 2}/>
|
||||
<TextField name={"m" + (index + 1) + "_email"} text="Email" value={member.email} disabled={mode !== 2}/>
|
||||
<TextField name={"lname" + index} text="Nom" value={member.lname} disabled={mode !== 2}/>
|
||||
<TextField name={"fname" + index} text="Prénom" value={member.fname} disabled={mode !== 2}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="input-group">
|
||||
<div className="input-group-text">
|
||||
<input className="form-check-input mt-0" type="radio" value="0" aria-label="nouvel email"
|
||||
name={"flexRadioDefault" + index} checked={emailChoice === '0'}
|
||||
onChange={e => setEmailChoice(e.target.value)}/>
|
||||
</div>
|
||||
<span className="input-group-text">Nouvel email</span>
|
||||
<input type="Email" className="form-control" aria-label="nouvel email" defaultValue={member.email}
|
||||
name={"new_email" + index}/>
|
||||
</div>
|
||||
<div className="input-group">
|
||||
<div className="input-group-text">
|
||||
<input className="form-check-input mt-0" type="radio" value="1" aria-label="ancien email"
|
||||
name={"flexRadioDefault" + index} disabled={!email} checked={emailChoice === '1'}
|
||||
onChange={e => setEmailChoice(e.target.value)}/>
|
||||
</div>
|
||||
<span className="input-group-text">Conserver l'ancien email</span>
|
||||
<input type="Email" className="form-control" aria-label="ancien email" disabled={true}
|
||||
name={"old_email" + index} value={email}/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
function MemberLicence({member, mode, index}) {
|
||||
function MemberLicence({member, mode, index, setEmail}) {
|
||||
const setLoading = useLoadingSwitcher()
|
||||
const [licence, setLicence] = useState(member.licence)
|
||||
const {data, refresh} = useFetch(null, setLoading, 1)
|
||||
@@ -160,12 +306,24 @@ function MemberLicence({member, mode, index}) {
|
||||
ref.current = licence
|
||||
}, [licence]);
|
||||
|
||||
const name = "m" + (index + 1) + "licence";
|
||||
|
||||
useEffect(() => {
|
||||
if (data && mode === 0) {
|
||||
if (data)
|
||||
setEmail(data.email)
|
||||
else
|
||||
setEmail("")
|
||||
} else if (mode === 0)
|
||||
setEmail("")
|
||||
}, [data, mode]);
|
||||
|
||||
const name = "licence" + index;
|
||||
return <>
|
||||
<input name={"mode0_licence" + index} value={data ? data.licence : ""} readOnly hidden/>
|
||||
<div className="row">
|
||||
<div className="input-group mb-3">
|
||||
<span className="input-group-text" id={name}>Licence</span>
|
||||
<input type="text" className="form-control" placeholder="00000" aria-label={name} name={name} aria-describedby={name}
|
||||
<input type="text" className="form-control" placeholder="00000" name={name}
|
||||
value={licence >= 0 ? String(licence) : ""} disabled={mode !== 0} required={mode === 0}
|
||||
onChange={event => setLicence(event.target.value)}/>
|
||||
</div>
|
||||
@@ -174,11 +332,22 @@ function MemberLicence({member, mode, index}) {
|
||||
</>
|
||||
}
|
||||
|
||||
function MemberSimilar({member, current, setCurrent, mode}) {
|
||||
function MemberSimilar({member, current, setCurrent, mode, index, setEmail}) {
|
||||
const setLoading = useLoadingSwitcher()
|
||||
const {data} = useFetch(`/member/find/similar?fname=${encodeURI(member.fname)}&lname=${encodeURI(member.lname)}`, setLoading, 1)
|
||||
|
||||
useEffect(() => {
|
||||
if (data && current >= 0 && mode === 1) {
|
||||
if (data[current])
|
||||
setEmail(data[current].email)
|
||||
else
|
||||
setEmail("")
|
||||
} else if (mode === 1)
|
||||
setEmail("")
|
||||
}, [current, data, mode]);
|
||||
|
||||
return <div className="list-group">
|
||||
<input name={"mode1_licence" + index} value={(current >= 0) ? data[current].licence : ""} readOnly hidden/>
|
||||
{data && data.map((m, index) => {
|
||||
return <button key={index} type="button" aria-current={current === index}
|
||||
className={"list-group-item list-group-item-action" + (current === index ? " active" : "")}
|
||||
|
||||
@@ -126,8 +126,7 @@ function InformationForm({data}) {
|
||||
<div className="mb-3">
|
||||
<div className="input-group">
|
||||
<label className="input-group-text" htmlFor="status">Status</label>
|
||||
<input type="file" className="form-control" id="status" name="status"
|
||||
accept=".jpg,.jpeg,.gif,.png,.svg"/>
|
||||
<input type="file" className="form-control" id="status" name="status" accept=".pdf,.txt" required/>
|
||||
</div>
|
||||
<div className="form-text" id="status">Laissez vide pour ne rien changer.</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user