diff --git a/src/components/Groupe_Apprenant.js b/src/components/Groupe_Apprenant.js
index 9735f98..ac8e885 100644
--- a/src/components/Groupe_Apprenant.js
+++ b/src/components/Groupe_Apprenant.js
@@ -1705,6 +1705,15 @@ const Groupe_Apprenant = (props) => {
setp_detail_type_groupe_code("");
}
+
+ if (mylocal_groupe.groupe_inscription_type_id) {
+ setp_detail_type_groupe_id(mylocal_groupe.groupe_inscription_type_id);
+ } else {
+ setp_detail_type_groupe_id("");
+ }
+
+
+
if (mylocal_groupe.session_id) {
setp_detail_session_id(mylocal_groupe.session_id);
} else {
diff --git a/src/components/Jmj_Theme/Session_Partner_Catalog_Special_Partner.js b/src/components/Jmj_Theme/Session_Partner_Catalog_Special_Partner.js
new file mode 100644
index 0000000..f8dfb0f
--- /dev/null
+++ b/src/components/Jmj_Theme/Session_Partner_Catalog_Special_Partner.js
@@ -0,0 +1,503 @@
+import React, { useState, useEffect } from "react";
+
+import { useHistory } from "react-router-dom";
+
+import { useCookies } from "react-cookie";
+import { confirmAlert } from 'react-confirm-alert';
+import Fotter_Catalog_Pub from "../Fotter_Catalog_Pub";
+import img_met_program from "../../mysy_img/met_programmation.jpg";
+
+import img_met_graphisme from "../../mysy_img/metier_graphisme.jpg";
+
+import img_met_autre from "../../mysy_img/met_autre.jpg";
+import img_met_digital from "../../mysy_img/met_digital.jpg";
+import img_met_management from "../../mysy_img/met_management.jpg";
+
+import img_met_dev_perso from "../../mysy_img/metier_dev_perso.jpg";
+import img_met_rh from "../../mysy_img/met_rh.jpg";
+
+import img_met_bureautic from "../../mysy_img/met_burautic.jpg";
+import img_met_vente from "../../mysy_img/met_vente.jpg";
+import axios from "axios";
+//import { Rating } from 'react-simple-star-rating'
+import Rating from '@mui/material/Rating';
+import parse from 'html-react-parser'
+import { CiLocationOn } from "react-icons/ci";
+
+const Session_Partner_Catalog_Special_Partner = (props) => {
+ const [userconnected, setuserconnected] = useState("0");
+ const [partnerconnected, setpartnerconnected] = useState("0");
+ const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
+ const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
+ const history = useHistory();
+ const [myfilter, setmyfilter] = useState(props.formation.price);
+
+ const [profileimg, setprofileimg] = useState(props.formation.price);
+
+
+ // Gestion des Cookies
+ const stored_partner = cookie_part.tokenmysypart;
+ const stored_user = cookie.tokenmysych;
+
+ function test(val) {
+
+ if (userconnected === "0" && partnerconnected === "0") {
+ confirmAlert({
+ title: 'Activer votre session ?',
+ message: 'Merci de vous connecter pour acceder au detail de cette formation',
+ buttons: [
+ {
+ label: 'Oui',
+ onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
+ },
+ {
+ label: 'Non',
+ onClick: () => { return }
+
+ }
+ ],
+ closeOnEscape: false,
+ closeOnClickOutside: false,
+ keyCodeForClose: [8, 32],
+ willUnmount: () => { },
+ afterClose: () => { },
+ onClickOutside: () => { },
+ onKeypress: () => { },
+ onKeypressEscape: () => { },
+ });
+ } else {
+ window.open(
+ "/Display-Detail-formation/" + props.formation.internal_url,
+ '_blank'
+ );
+ }
+
+
+ }
+
+ const [myclassimage, setmyclassimage] = useState();
+ const [isclassimage, setisclassimage] = useState("False");
+ const [userimgclassprofil, setuserimgclassprofil] = useState("");
+
+ const [class_img_stored_in_bdd, setclass_img_stored_in_bdd] = useState("");
+
+ function getClassImage_no_token() {
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedClassImage_no_token/";
+
+ var form = new FormData();
+
+ form.append("type", "partner");
+ form.append("related_collection", "myclass");
+ form.append("related_collection_recid", props.formation._id);
+ form.append("class_external_code", props.formation.external_code);
+
+ axios.post(myurl, form).then(res => {
+
+ // console.log(" getClassImage_no_token : In test res.data.status = ", res.data.status);
+ if (String(res.data.status) === "true") {
+
+
+ //console.log(" getClassImage_no_token: res.data.message.img = ", res.data.message);
+
+ if (res.data.message.img.length > 0) {
+ setisclassimage("True");
+ }
+ else {
+ setisclassimage("False");
+ }
+ setisclassimage(res.data.message.img);
+ var ch_img = "data:image/png;base64," + res.data.message.img;
+ setclass_img_stored_in_bdd(ch_img);
+ // console.log(" getClassImage_no_token: setclass_img_stored_in_bdd = ", setclass_img_stored_in_bdd);
+
+ }
+ else {
+ // console.log(" In Erreur res.data.status = " + res.data.status);
+ //console.log(" In Erreur res.data.message = " + res.data.message);
+ setisclassimage("False");
+ setuserimgclassprofil();
+ setclass_img_stored_in_bdd();
+ }
+ }).catch((error) => {
+
+ console.warn('getClassImage ee: Not good man :( getClassImage = ');
+ setisclassimage("False");
+ setuserimgclassprofil("");
+ setclass_img_stored_in_bdd("");
+ })
+
+ }
+
+
+ /* Cette variable accompagne la gestion des images par defaut.
+ idée : si la valeur de "DetailTraining.metier" != "management, digital, office, rh, vente, dev_perso"
+ alors l'utilisateur à créer une formation avec un metier qui n'est pas geré, donc on met une image par defaut
+ */
+ const [ismetiermanaged, setismetiermanaged] = useState();
+ const liste_metier = ["management", "digital", "office", "rh", "vente", "dev_perso"];
+
+ useEffect(() => {
+ setmyfilter(props.myfil);
+
+ // console.log(" #### useEffect props.formation = ", props.formation);
+
+
+ if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
+ setuserconnected("0");
+ } else {
+ setuserconnected("1");
+ }
+
+ if (typeof (stored_partner) === "undefined" || String(stored_partner) === '') {
+ setpartnerconnected("0");
+ } else {
+ setpartnerconnected("1");
+ }
+
+ getClassImage_no_token();
+ GetCurrentClass_trainingsession();
+
+ GetCurrentClass_trainingsession_cities();
+
+ // Verifier si le metier est geré
+ if (props.formation.metier) {
+ if (!liste_metier.includes(props.formation.metier)) {
+ setismetiermanaged("0"); // j'ai une valeur dans metier, mais qui n'est pas geré
+ }
+ }
+ else {
+ setismetiermanaged("0");
+ }
+
+ if (props.formation.img_url && String(props.formation.img_url).length > 0) {
+ setismetiermanaged("1");
+ }
+
+ }, []);
+
+
+ const [GetCurrentClass_api, setGetCurrentClass_api] = useState();
+ const [GetCurrentClass_message, setGetCurrentClass_message] = useState();
+ const [GetCurrentClass_result, setGetCurrentClass_result] = useState();
+ function GetCurrentClass_trainingsession(event) {
+
+ var form = new FormData();
+
+ form.append("class_internal_url", props.formation.internal_url);
+
+ form.append("token", stored_partner);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSessionFormation_List/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (res.data.status != "false") {
+ //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status);
+ //console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message);
+ setGetCurrentClass_api("true");
+ setGetCurrentClass_result(res.data.message);
+ }
+ else {
+ setGetCurrentClass_api("false");
+ setGetCurrentClass_message(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( GetCurrentClass_trainingsession = ', error);
+ setGetCurrentClass_api("false");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+
+ const [GetCurrentClass_trainingsession_cities_api, setGetCurrentClass_trainingsession_cities_api] = useState();
+ const [GetCurrentClass_trainingsession_cities_message, setGetCurrentClass_trainingsession_cities_message] = useState();
+ const [GetCurrentClass_trainingsession_cities_result, setGetCurrentClass_trainingsession_cities_result] = useState([]);
+ function GetCurrentClass_trainingsession_cities(event) {
+
+ var form = new FormData();
+
+ form.append("class_internal_url", props.formation.internal_url);
+
+ form.append("token", stored_partner);
+
+ var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetActiveSession_Cities_And_Distance_Formation_List/";
+
+ axios.post(myurl, form).then(res => {
+
+ if (res.data.status != "false") {
+ //console.log(" In GetCurrentClass_trainingsession_cities res.data.status = " + res.data.status);
+ //console.log(" In GetCurrentClass_trainingsession_cities res.data.message r_class = " + res.data.message);
+ setGetCurrentClass_trainingsession_cities_api("true");
+ setGetCurrentClass_trainingsession_cities_result(res.data.message);
+ }
+ else {
+ setGetCurrentClass_trainingsession_cities_api("false");
+ setGetCurrentClass_trainingsession_cities_message(res.data.message);
+ }
+
+ }).catch((error) => {
+ console.warn('Not good man :( GetCurrentClass_trainingsession_cities = ', error);
+ setGetCurrentClass_trainingsession_cities_api("false");
+ //setmyApimyApiMessage("")
+ })
+ }
+
+ const styles = {
+ list: {
+ display: 'flex',
+ flexDirection: 'column',
+ gap: '32px',
+ width: '100%',
+ },
+ row: {
+ display: 'flex',
+ flexDirection: 'row',
+ gap: '24px',
+ width: '100%',
+ },
+ card: {
+ flexGrow: 1,
+ backgroundColor: '#fff',
+ borderRadius: '8px',
+ overflow: 'hidden',
+ display: 'flex',
+ flexDirection: 'column',
+ },
+ image: {
+ maxWidth: '100%',
+ height: '200px',
+ overflow: 'hidden',
+ margin: "auto",
+
+ },
+ content: {
+ padding: '16px',
+ },
+ header: {
+ display: 'flex',
+ justifyContent: 'space-between',
+ alignItems: 'center',
+ },
+ eligibility: {
+ backgroundColor: '#e2e9fb',
+ padding: '4px 8px',
+ borderRadius: '4px',
+ fontSize: '12px',
+ fontWeight: 'bold',
+ },
+ title: {
+ fontSize: '14px',
+ fontWeight: 'bold',
+ margin: '8px 0',
+ },
+ price: {
+ fontSize: '14px',
+ fontWeight: 'bold',
+ color: '#000',
+ },
+ description: {
+ fontSize: '12px',
+ color: '#666',
+ margin: '8px 0',
+ height: "40px",
+ overflow: "hidden",
+ },
+ details: {
+ display: 'flex',
+ justifyContent: 'space-between',
+ marginTop: '16px',
+ },
+ button: {
+ backgroundColor: '#007bff',
+ color: '#fff',
+ padding: '8px 16px',
+ border: 'none',
+ borderRadius: '4px',
+ cursor: 'pointer',
+ },
+ buttonOutline: {
+ backgroundColor: '#fff',
+ color: '#007bff',
+ padding: '8px 16px',
+ border: '1px solid #007bff',
+ borderRadius: '4px',
+ cursor: 'pointer',
+ },
+ };
+
+ return (
+
+
+ NB SESSION = {props.formation.tab_session.length}
+
+ {props.formation.tab_session && props.formation.tab_session.map((val) => (
+
+
+ CODE SESSION = {val.code_session}
+
+
+
+
+ {props.formation.cpf && String(props.formation.cpf) === String("1") &&
+ {"OUI CPF"}
+
+ }
+ {props.formation.cpf && String(props.formation.cpf) !== String("1") &&
+ {"NON CPF"}
+
+ }
+ {!props.formation.cpf && String(props.formation.cpf) !== String("1") &&
+ {"NON CPF"}
+
}
+
+
+
+
+ {class_img_stored_in_bdd && String(class_img_stored_in_bdd).length > 50 &&
+
+ }
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) &&
+ (!props.formation.img_url || String(props.formation.img_url).length <= 10) &&
+ String(ismetiermanaged) !== "0" && String(ismetiermanaged) !== "1" &&
+
+
+
+ {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("it") &&
+ String(isclassimage) === "False" &&
}
+
+ {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("graphisme") &&
+ String(isclassimage) === "False" &&
}
+
+ {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("management") &&
+ String(isclassimage) === "False" &&
}
+
+ {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("digital") &&
+ String(isclassimage) === "False" &&
}
+
+ {(!props.formation.img_url || String(props.formation.img_url).length <= 0) &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("office") &&
+ String(isclassimage) === "False" &&
}
+
+ {!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("rh") &&
+ String(isclassimage) === "False" &&
}
+
+ {!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("vente") &&
+ String(isclassimage) === "False" &&
}
+
+ {!props.formation.img_url || String(props.formation.img_url).length <= 0 &&
+ props.formation.metier && String(props.formation.metier).toLocaleLowerCase() === String("dev_perso") &&
+ String(isclassimage) === "False" &&
}
+
+ {String(isclassimage) === "True" &&
}
+
+
+
+ }
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length > 100 &&
+
+
+ {/*props.formation.institut_formation &&
Dispensé par :
+ {String(props.formation.institut_formation)}
*/}
+
}
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "0" && String(userimgclassprofil).length <= 100 &&
+
+
+ {/*props.formation.institut_formation &&
Dispensé par :
+ {String(props.formation.institut_formation)}
*/}
+
}
+
+ {(!class_img_stored_in_bdd || String(class_img_stored_in_bdd).length < 50) && String(ismetiermanaged) === "1" &&
+
+
+ {/*props.formation.institut_formation &&
Dispensé par :
+ {String(props.formation.institut_formation)}
*/}
+
}
+
+
+
+
+
+ {props.formation.note && String(props.formation.note).length === 1 &&
+ parseInt(String(props.formation.note)) <= 5 &&
+
+ }
+
+
+
{String(parse(String(props.formation.title).replace(/(<([^>]+)>)/ig, ''))).substring(0, 50)}
+ {props.formation.discounted_price && props.formation.business_prices &&
{props.formation.discounted_price} €
+ {parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT }
+ {parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC }
+
+
}
+
+ {props.formation.business_prices && props.formation.business_prices.length <= 0 && props.formation.inscription_direct !== "1"
+
+ &&
+
+ {parseFloat(String(props.formation.price)) <= 0 && <> Gratuit }
+ {parseFloat(String(props.formation.price)) > 0 && <> {props.formation.price} € }
+
+ {parseFloat(String(props.formation.partnaire_tva)) > 0 && parseFloat(String(props.formation.price)) > 0 && <> HT }
+ {parseFloat(String(props.formation.partnaire_tva)) <= 0 && parseFloat(String(props.formation.price)) > 0 && <> TTC }
+
}
+
+ {props.formation.business_prices && props.formation.business_prices.length > 0 && props.formation.inscription_direct !== "1" &&
+
+
+
{props.formation.business_prices[0].discounted_price}€
+ {parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT }
+ {parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC }
+
+ {props.formation.price} €
+ {parseFloat(String(props.formation.partnaire_tva)) > 0 && <> HT }
+ {parseFloat(String(props.formation.partnaire_tva)) <= 0 && <> TTC }
+
+
+ ({props.formation.business_prices[0].discount} %)
+ }
+
+
{String(parse(String(props.formation.description).replace(/(<([^>]+)>)/ig, ''))).substring(0, 80)}...
+
+
+
+
+
+
+
+
+ ))}
+
+
+
+ )
+}
+
+
+export default Session_Partner_Catalog_Special_Partner;
\ No newline at end of file
diff --git a/src/components/Module_Atelier_Catalogue.js b/src/components/Module_Atelier_Catalogue.js
new file mode 100644
index 0000000..911cf1c
--- /dev/null
+++ b/src/components/Module_Atelier_Catalogue.js
@@ -0,0 +1,720 @@
+import React, { useMemo, useState, useEffect } from "react";
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
+import { Fab } from "@material-ui/core";
+import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+import Button from '@mui/material/Button';
+import axios from "axios";
+import {
+ Bell,
+ BookOpen,
+ Building2,
+ CalendarDays,
+ ChevronDown,
+ ChevronRight,
+ Clock3,
+ Heart,
+ Home,
+ Laptop,
+ MapPin,
+ Monitor,
+ Search,
+ SlidersHorizontal,
+ Sparkles,
+ Star,
+ Tag,
+ UsersRound,
+} from "lucide-react";
+import "./AteliersCatalogue.css";
+
+import CancelPresentationIcon from '@mui/icons-material/CancelPresentation';
+import { makeStyles } from "@material-ui/core/styles";
+import Paper from '@material-ui/core/Paper';
+import Draggable from 'react-draggable';
+import { IconButton } from '@material-ui/core';
+
+function PaperComponent(props) {
+ return (
+
+
+
+ );
+}
+
+const useStyles = makeStyles((theme) => ({
+
+ dialog: {
+ position: 'absolute',
+ // left: 10,
+ top: 400
+ },
+
+ paper: {
+ overflowY: 'unset',
+ },
+ customizedButton: {
+ position: 'absolute',
+ left: '98%',
+ top: '-3%',
+ backgroundColor: 'lightgray',
+ color: 'gray',
+ },
+}));
+
+const formations = [
+ {
+ _id: "f1",
+ title: "Poser des règles et des limites aux enfants accueillis",
+ description:
+ "Le fonctionnement émotionnel du petit et ses besoins en sécurité pour se développer. Apprenez à poser un cadre bienveillant et sécurisant adapté à chaque enfant.",
+ image:
+ "https://images.unsplash.com/photo-1516321497487-e288fb19713f?auto=format&fit=crop&w=900&q=80",
+ rating: "4,6",
+ reviews: 128,
+ price: "270 € HT",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "Non CPF",
+ badgeType: "danger",
+ highlight: "Populaire",
+ icon:
,
+ iconTone: "blue",
+ ateliers: [
+ {
+ code: "ADF_20260421_A",
+ date: "21 avril 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Lyon",
+ zip: "69003",
+ places: 6,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260512_D",
+ date: "12 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 10,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260616_H",
+ date: "16 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Hybride",
+ city: "Paris",
+ zip: "75011",
+ places: 7,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+ {
+ _id: "f2",
+ title: "Accueillir un enfant en situation de handicap",
+ description:
+ "Comprendre les différents types de handicap et leurs impacts au quotidien. Adapter l’accueil et les pratiques pour favoriser l’inclusion et le bien-être.",
+ image:
+ "https://images.unsplash.com/photo-1544776193-352d25ca82cd?auto=format&fit=crop&w=900&q=80",
+ rating: "4,8",
+ reviews: 92,
+ price: "Gratuit",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "CPF",
+ badgeType: "success",
+ highlight: "Nouveau",
+ icon:
,
+ iconTone: "green",
+ ateliers: [
+ {
+ code: "ADF_20260505_P",
+ date: "5 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Marseille",
+ zip: "13002",
+ places: 8,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260602_D",
+ date: "2 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 12,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+ {
+ _id: "f3",
+ title: "Développer le langage chez le jeune enfant",
+ description:
+ "Stimuler le langage oral et accompagner les premières acquisitions à travers des jeux, des histoires et des interactions adaptées.",
+ image:
+ "https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=900&q=80",
+ rating: "4,5",
+ reviews: 76,
+ price: "210 € HT",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "CPF",
+ badgeType: "success",
+ highlight: "Populaire",
+ icon:
,
+ iconTone: "purple",
+ ateliers: [
+ {
+ code: "ADF_20260428_L",
+ date: "28 avril 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Lille",
+ zip: "59000",
+ places: 9,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260519_D",
+ date: "19 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 15,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260609_H",
+ date: "9 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Hybride",
+ city: "Toulouse",
+ zip: "31000",
+ places: 6,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+];
+
+const filters = [
+ { label: "Tous les filtres", icon:
},
+ { label: "Présentiel", icon:
},
+ { label: "Distanciel", icon:
},
+ { label: "Hybride", icon:
},
+ { label: "CPF", icon:
},
+ { label: "Gratuit", icon:
},
+ { label: "Payant", icon:
},
+];
+
+function Stars() {
+ return (
+
+ {[1, 2, 3, 4, 5].map((item) => (
+
+ ))}
+
+ );
+}
+
+function ModeIcon({ mode }) {
+ if (mode === "Distanciel") return
;
+ if (mode === "Hybride") return
;
+ return
;
+}
+
+function FormationCard_orig({ formation }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
{formation.title}
+
{formation.description}
+
+
+
+
+
+
+
+
+
+ Ateliers disponibles
+ {formation.ateliers.length}
+
+
+
+
+
+ {formation.ateliers.map((atelier) => (
+
+
+ {atelier.code}
+ Code session
+
+
+
+
+
+ {atelier.date}
+ {atelier.time}
+
+
+
+
+
+
+ {atelier.mode}
+ Mode
+
+
+
+
+
+
+ {atelier.city}
+ {atelier.zip || "Classe virtuelle"}
+
+
+
+
+
+
+ {atelier.places} places
+ disponibles
+
+
+
+
+
+ ))}
+
+
+ );
+}
+
+
+export default function Module_Atelier_Catalogue(props) {
+ const [activeTab, setActiveTab] = useState("formations");
+
+ const classes = useStyles();
+
+
+ const totalAteliers = useMemo(
+ () => formations.reduce((acc, formation) => acc + formation.ateliers.length, 0),
+ []
+ );
+
+ function FormationCard({ formation }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
{formation.title}
+
{formation.description}
+
+
+
+
+
+
+
external_code = {formation.external_code}
}
+
+
+ {formation && formation.tab_session &&
+
+
+ Ateliers disponibles
+ {formation.tab_session.length}
+
+
+
+
+
+ {formation.tab_session.map((atelier) => (
+
+
+ {atelier.code_session}
+ Code
+
+
+
+
+
+ {atelier.date_debut}
+ {formation.duration}
+
+
+
+
+
+
+ {atelier.mode_animation === "0" && Présentiel}
+ {atelier.mode_animation === "1" && Distanciel}
+ {atelier.mode_animation === "2" && Hybride}
+ Mode
+
+
+
+
+
+
+ {atelier.ville}
+ {atelier.mode_animation === "1" && En ligne}
+ {atelier.mode_animation !== "1" && atelier.ville && {atelier.ville}}
+
+
+
+
+
+
+ {atelier.nb_participant} places
+ disponibles
+
+
+
+
+
+ ))}
+
+
+ );
+ }
+
+
+ useEffect(() => {
+ // console.log(" ### props.formations = ", props.formations)
+
+ }, [])
+
+ const [Dialog_add_inscription_message, setDialog_add_inscription_message] = React.useState(false);
+ const [Dialog_add_inscription_open, setDialog_add_inscription_open] = React.useState(false);
+ function Dialog_add_inscription_handle_change_participant_session(message) {
+ setDialog_add_inscription_message(message);
+ setDialog_add_inscription_open(true);
+ }
+
+
+ const Dialog_add_inscription_handleClose_buton = () => {
+ setDialog_add_inscription_open(false);
+ init_inscrit_info();
+ };
+
+
+ const [selected_session_id, setselected_session_id] = useState("");
+ const [selected_session_code, setselected_session_code] = useState("");
+ const [inscrit_nom, setinscrit_nom] = useState("");
+ const [inscrit_prenom, setinscrit_prenom] = useState("");
+ const [inscrit_telephone, setinscrit_telephone] = useState("");
+ const [inscrit_email, setinscrit_email] = useState("");
+
+ function init_inscrit_info() {
+ setselected_session_id("");
+ setselected_session_code("");
+ setinscrit_nom("");
+ setinscrit_prenom("");
+ setinscrit_telephone("");
+ setinscrit_email("");
+ }
+
+
+ return (
+
+
+ {/*** Dialog pour reinscrire un apprenant à une session */}
+
+
+
+ {/*** Fin Dialog pour reinscrire un apprenant à une session */}
+
+
+
+
+
+
+
+
+
+
Nos ateliers
+
Trouvez la formation qui vous correspond et inscrivez-vous à l’atelier de votre choix.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {filters.map((filter) => (
+
+ ))}
+
+
+
+
+ {props.formations.length} formations · {totalAteliers} ateliers ouverts
+
+
+
+ {props.formations.map((formation) => (
+ <>
+
+ {formation.external_code && }
+
+
+
+
+
+ ))}
+
+
+
+
+ );
+}
+
+
+const local_css = `
+.formation-copy h2 {
+ text-align: justify;
+ font-family: DM Sans;
+}
+
+.formation-copy p {
+ text-align: justify;
+}
+
+`;
\ No newline at end of file
diff --git a/src/components/Module_Atelier_Catalogue_ORIG.js b/src/components/Module_Atelier_Catalogue_ORIG.js
new file mode 100644
index 0000000..f4da44c
--- /dev/null
+++ b/src/components/Module_Atelier_Catalogue_ORIG.js
@@ -0,0 +1,428 @@
+import React, { useMemo, useState, useEffect } from "react";
+import {
+ Bell,
+ BookOpen,
+ Building2,
+ CalendarDays,
+ ChevronDown,
+ ChevronRight,
+ Clock3,
+ Heart,
+ Home,
+ Laptop,
+ MapPin,
+ Monitor,
+ Search,
+ SlidersHorizontal,
+ Sparkles,
+ Star,
+ Tag,
+ UsersRound,
+} from "lucide-react";
+import "./AteliersCatalogue.css";
+
+const formations = [
+ {
+ _id: "f1",
+ title: "Poser des règles et des limites aux enfants accueillis",
+ description:
+ "Le fonctionnement émotionnel du petit et ses besoins en sécurité pour se développer. Apprenez à poser un cadre bienveillant et sécurisant adapté à chaque enfant.",
+ image:
+ "https://images.unsplash.com/photo-1516321497487-e288fb19713f?auto=format&fit=crop&w=900&q=80",
+ rating: "4,6",
+ reviews: 128,
+ price: "270 € HT",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "Non CPF",
+ badgeType: "danger",
+ highlight: "Populaire",
+ icon:
,
+ iconTone: "blue",
+ ateliers: [
+ {
+ code: "ADF_20260421_A",
+ date: "21 avril 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Lyon",
+ zip: "69003",
+ places: 6,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260512_D",
+ date: "12 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 10,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260616_H",
+ date: "16 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Hybride",
+ city: "Paris",
+ zip: "75011",
+ places: 7,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+ {
+ _id: "f2",
+ title: "Accueillir un enfant en situation de handicap",
+ description:
+ "Comprendre les différents types de handicap et leurs impacts au quotidien. Adapter l’accueil et les pratiques pour favoriser l’inclusion et le bien-être.",
+ image:
+ "https://images.unsplash.com/photo-1544776193-352d25ca82cd?auto=format&fit=crop&w=900&q=80",
+ rating: "4,8",
+ reviews: 92,
+ price: "Gratuit",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "CPF",
+ badgeType: "success",
+ highlight: "Nouveau",
+ icon:
,
+ iconTone: "green",
+ ateliers: [
+ {
+ code: "ADF_20260505_P",
+ date: "5 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Marseille",
+ zip: "13002",
+ places: 8,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260602_D",
+ date: "2 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 12,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+ {
+ _id: "f3",
+ title: "Développer le langage chez le jeune enfant",
+ description:
+ "Stimuler le langage oral et accompagner les premières acquisitions à travers des jeux, des histoires et des interactions adaptées.",
+ image:
+ "https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=900&q=80",
+ rating: "4,5",
+ reviews: 76,
+ price: "210 € HT",
+ duration: "7 heures",
+ audience: "Professionnels de la petite enfance",
+ badge: "CPF",
+ badgeType: "success",
+ highlight: "Populaire",
+ icon:
,
+ iconTone: "purple",
+ ateliers: [
+ {
+ code: "ADF_20260428_L",
+ date: "28 avril 2026",
+ time: "9h00 – 17h00",
+ mode: "Présentiel",
+ city: "Lille",
+ zip: "59000",
+ places: 9,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260519_D",
+ date: "19 mai 2026",
+ time: "9h00 – 17h00",
+ mode: "Distanciel",
+ city: "En ligne",
+ zip: "",
+ places: 15,
+ cta: "Voir les détails",
+ },
+ {
+ code: "ADF_20260609_H",
+ date: "9 juin 2026",
+ time: "9h00 – 17h00",
+ mode: "Hybride",
+ city: "Toulouse",
+ zip: "31000",
+ places: 6,
+ cta: "S’inscrire",
+ },
+ ],
+ },
+];
+
+const filters = [
+ { label: "Tous les filtres", icon:
},
+ { label: "Présentiel", icon:
},
+ { label: "Distanciel", icon:
},
+ { label: "Hybride", icon:
},
+ { label: "CPF", icon:
},
+ { label: "Gratuit", icon:
},
+ { label: "Payant", icon:
},
+];
+
+function Stars() {
+ return (
+
+ {[1, 2, 3, 4, 5].map((item) => (
+
+ ))}
+
+ );
+}
+
+function ModeIcon({ mode }) {
+ if (mode === "Distanciel") return
;
+ if (mode === "Hybride") return
;
+ return
;
+}
+
+function FormationCard({ formation }) {
+ return (
+
+
+
+
+
+
+
+
+
+ {formation.icon}
+
+
+
+
{formation.title}
+
{formation.description}
+
+
+
+ {formation.rating} ({formation.reviews} avis)
+
+
+
+
+
+
+
+
+ Ateliers disponibles
+ {formation.ateliers.length}
+
+
+
+
+
+ {formation.ateliers.map((atelier) => (
+
+
+ {atelier.code}
+ Code session
+
+
+
+
+
+ {atelier.date}
+ {atelier.time}
+
+
+
+
+
+
+ {atelier.mode}
+ Mode
+
+
+
+
+
+
+ {atelier.city}
+ {atelier.zip || "Classe virtuelle"}
+
+
+
+
+
+
+ {atelier.places} places
+ disponibles
+
+
+
+
+
+ ))}
+
+
+ );
+}
+
+export default function Module_Atelier_Catalogue_ORIG(props) {
+ const [activeTab, setActiveTab] = useState("formations");
+
+ const totalAteliers = useMemo(
+ () => formations.reduce((acc, formation) => acc + formation.ateliers.length, 0),
+ []
+ );
+
+ useEffect(() => {
+ console.log(" ### props.formations = ", props.formations)
+
+ }, [])
+
+
+ return (
+
+
+
+
+
+
+
Nos ateliers
+
Trouvez la formation qui vous correspond et inscrivez-vous à l’atelier de votre choix.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {filters.map((filter) => (
+
+ ))}
+
+
+
+
+ {formations.length} formations · {totalAteliers} ateliers ouverts
+
+
+
+ {formations.map((formation) => (
+
+ ))}
+
+
+
+
+ );
+}
diff --git a/src/components/Module_Session_Planification.js b/src/components/Module_Session_Planification.js
index d55f245..e5eee25 100644
--- a/src/components/Module_Session_Planification.js
+++ b/src/components/Module_Session_Planification.js
@@ -1196,6 +1196,7 @@ const Module_Session_Planification = (props) => {
setAdd_One_Sequence_Session_Ressource_result(res.data.message);
Getall_List_Sequence_Ressource(selected_sequence_id);
+ Getall_Sequence_Of_Session(selected_session_id);
setDialog_seq_ressource_1_selected_type_ressource("");
setDialog_seq_ressource_1_selected_ressource_id("");
@@ -1275,7 +1276,7 @@ const Module_Session_Planification = (props) => {
setAdd_One_Ressource_Fom_Dialog_Sequence_result(res.data.message);
Getall_List_Sequence_Ressource(selected_sequence_id);
-
+ Getall_Sequence_Of_Session(selected_session_id);
setDialog_seq_ressource_1_selected_type_ressource("");
setDialog_seq_ressource_1_selected_ressource_id("");
setDialog_seq_ressource_1_selected_ressource_poste("");
@@ -1668,7 +1669,7 @@ const Module_Session_Planification = (props) => {
setAdd_One_Sequence_Session_Ressource_Mass_result(res.data.message);
Getall_List_Sequence_Ressource(selected_sequence_id);
-
+ Getall_Sequence_Of_Session(selected_session_id);
setDialog_seq_ressource_1_selected_type_ressource("");
setDialog_seq_ressource_1_selected_ressource_id("");
setDialog_seq_ressource_1_selected_ressource_poste("");
@@ -1824,7 +1825,7 @@ const Module_Session_Planification = (props) => {
local_session_color = "#3573CB"
}
- // console.log(" ## PROMO local_session_color = ", local_session_color)
+ // console.log(" ## PROMO local_session_color = ", local_session_color)
//---
var node = {
"_id": local_id,
@@ -2831,6 +2832,8 @@ const Module_Session_Planification = (props) => {
setGet_Ressource_Avabilities_avability_check("");
setcheck_ressource_avabilities("");
setDialog_seq_ressource_1_open(false);
+
+
};
const handleEventClick = (arg) => {
@@ -7275,7 +7278,7 @@ const Module_Session_Planification = (props) => {
setp_detail_sequence_ue_id(value._id);
Get_List_Given_UE_Planif_lines(value._id);
setp_detail_sequence_title(Distinct_UE_New_Getall_Session_List_UE_result.filter((data) => (data)._id === String(value._id))[0].label);
- // console.log(" domaine_competence_id = ", value.domaine_competence_id);
+ // console.log(" domaine_competence_id = ", value.domaine_competence_id);
setp_detail_sequence_domaine_competence_id(value.domaine_competence_id);
} else {
setp_detail_sequence_ue_id("");
@@ -7341,32 +7344,32 @@ const Module_Session_Planification = (props) => {
Groupe apprenants
- {New_Getall_Partner_Groupe_Inscrit_result && New_Getall_Partner_Groupe_Inscrit_result.length > 0 &&
-
0 &&
+ (data)._id === String(p_detail_sequence_groupe_apprenant_id))[0].label}
- options={New_Getall_Partner_Groupe_Inscrit_result}
+ fullWidth
+ // value={New_Getall_Partner_Groupe_Inscrit_result.filter((data) => (data)._id === String(p_detail_sequence_groupe_apprenant_id))[0].label}
+ options={New_Getall_Partner_Groupe_Inscrit_result}
- multiple
- onChange={(event, newValue) => {
- setval_grp_apprenant([
- ...fixedVal_grp_apprenant,
- ...newValue.filter((i) => fixedVal_grp_apprenant.indexOf(i) === -1),
- ]);
+ multiple
+ onChange={(event, newValue) => {
+ setval_grp_apprenant([
+ ...fixedVal_grp_apprenant,
+ ...newValue.filter((i) => fixedVal_grp_apprenant.indexOf(i) === -1),
+ ]);
- }}
- value={val_grp_apprenant}
+ }}
+ value={val_grp_apprenant}
- renderInput={(params) =>
- }
- />}
+ renderInput={(params) =>
+ }
+ />}
@@ -7628,8 +7631,8 @@ const Module_Session_Planification = (props) => {
@@ -2952,7 +2952,7 @@ const Mon_Catalogue_Public = (props) => {
}
-
+
{String(New_Get_Subdomain_Partner_Data_result[0].affiche_contact) === "1" &&