06/10/2023 - 21h40

recette2
cherif 2023-10-06 23:41:30 +02:00
parent 3917ef58da
commit 0b30b0d0fd
20 changed files with 994 additions and 533 deletions

View File

@ -428,11 +428,11 @@ function Abonnement(props) {
if (mylocaltraining.is_partner_admin_account) { if (mylocaltraining.is_partner_admin_account) {
setis_partner_admin_account(mylocaltraining.is_partner_admin_account); setis_partner_admin_account(mylocaltraining.is_partner_admin_account);
}else{ } else {
setis_partner_admin_account("0"); setis_partner_admin_account("0");
} }
if (mylocaltraining.end_date_abonnement && String(mylocaltraining.end_date_abonnement).length > 3) { if (mylocaltraining.end_date_abonnement && String(mylocaltraining.end_date_abonnement).length > 3) {
setClient_end_date_abonnement(mylocaltraining.end_date_abonnement); setClient_end_date_abonnement(mylocaltraining.end_date_abonnement);
@ -1765,7 +1765,11 @@ function Abonnement(props) {
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Produits & Services
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_publication_header">
<b> Moteur de Recherche </b>
</div>
<div className="produits_service_label height_publication">
<b> Publication des <b> Publication des
formations </b> formations </b>
@ -1783,110 +1787,114 @@ function Abonnement(props) {
</div> </div>
<div className="produits_service_label height_Reporting"> <div className="produits_service_label height_price_1">
<b> Reporting standard <b> Gestion des prix </b>
automatique </b>
<ul> <ul>
<li>Nombre de fois que vos <li>Remise client / Tout public par période.
formations ont été vues
</li> </li>
<li>Les régions elles ont été
vues</li>
<li>Top 5 des formations avec le
détail du nombre de vu</li>
</ul> </ul>
</div> </div>
<div className="produits_service_label height_support"> <div className="produits_service_label height_affichage_ftion">
<b> Support téléphonique </b> <b> Personnalisation de l'affichage d'une formation </b>
</div>
<div className="produits_service_label height_leads">
<b>3 Mots clés
supplémentaires </b>
<ul> <ul>
<li>Ajout de 3 mots clés <li>Ajout de vos propres images pour communiquer sur votre structure et votre marque.
supplémentaires associés à la </li>
formation.</li> <li>Affichage de votre logo à côté de la formation</li>
<li>Ces mots seront utilisés dans <li>Affichage de votre bannière en grand sur la page détaillée.</li>
la barre de recherche.</li>
</ul>
</div>
<div className="produits_service_label">
<b>Personnalisation de
l'affichage
d'une formation</b>
<ul>
<li>Ajout de vos propres images pour
communiquer sur votre structure
et votre marque.</li>
<li>Affichage de votre logo à côté
de la
formation. </li>
<li>Affichage votre bannière en
grand
sur la page détaillée.</li>
</ul>
</div>
<div className="produits_service_label">
<b>Gestion administrative
des
stagiaires (pré-inscriptions,
émargement, présence, etc)</b>
<ul>
<li>Date ouverture et fermeture des
inscriptions en ligne</li>
<li>Gestion du nombre de
participants</li>
<li> Gestion des pré-inscriptions / Inscriptions des stagiaires</li>
<li> Les listes démargement / Fiche de présence</li>
</ul> </ul>
</div> </div>
<div className="produits_service_label height_leads"> <div className="produits_service_label height_leads">
<b>Génération automatique de <b> Génération automatique de leads </b>
leads</b>
<ul> <ul>
<li>Lintérêt des stagiaires génère <li>Lintérêt des stagiaires génère des leads qui vous sont envoyés automatiquement.
des leads qui vous sont envoyé </li>
automatiquement.</li>
</ul> </ul>
</div> </div>
<div className="produits_service_label">
<b>Envoi de 1000 emails
markéting / mois pour votre
formation</b> <div className="produits_service_label height_appel_offre">
<b>Appels doffre </b>
<ul> <ul>
<li>MySy crée un visuel de <li>Consultation des appels doffre de formation pour manifestation dintérêt.</li>
communication sous forme demail <li>Publication dun appel doffre de formation et gestion des réponses.</li>
markéting.</li>
<li>Avec votre validation, ce visuel </ul>
est envoyé 1000 contacts de </div>
notre base de données (ou la <div className="produits_service_label height_publication_header">
vôtre) </li> <b> Gestion Administrative & Pédagogique </b>
<li>Un rapport vous ai envoyé avec </div>
la liste des personnes ayant <div className="produits_service_label height_gestion_admin">
manifesté un intérêt pour <b>Gestion administrative</b>
votre formation.</li>
<ul>
<li>Publication catalogue formations (intranet / API)</li>
<li>Gestion des Inscriptions (mise en attente, motif annulation, etc) </li>
<li>Gestion des Sessions (planifiée, à la demande)</li>
<li>Gestion avis participants</li>
<li>Gestion des employés et du matériel pédagogique</li>
<li>Émargement électronique</li>
</ul>
</div>
<div className="produits_service_label height_gestion_crm">
<b>Gestion relation client (CRM) </b>
<ul>
<li>Gestion clients</li>
<li>Affectation et Suivi tâches</li>
<li>Catalogue prix clients</li>
<li>Devis & Commandes (envoi électronique) </li>
<li>Facturation</li>
</ul>
</div>
<div className="produits_service_label height_publication_header">
<b> Hébergement de formations (LMS) </b>
</div>
<div className="produits_service_label height_intranet">
<b>Intranet personnalisé</b>
<ul>
<li>Mise en place dun site web (intranet) personnalisé.</li>
</ul>
</div>
<div className="produits_service_label height_e_learning_persona">
<b>Plate-forme de E-learning personnalisée</b>
<ul>
<li>Nom de domaine personnalisé</li>
<li>Personnalisation de la charte graphique (couleurs & bannière) </li>
</ul> </ul>
</div> </div>
<div className="produits_service_label height_e_learning">
<b>Système de E-learning</b>
<ul>
<li>Echange prof / apprenant (courriel interne)</li>
<li>Espace apprenant</li>
<li>Evaluation (note)</li>
<li>Gestion planning</li>
<li>Travaux dirigés & pratiques</li>
<li>Session live virtuelle</li>
</ul>
</div>
@ -1894,36 +1902,60 @@ function Abonnement(props) {
<div className="div_row_basique"> <div className="div_row_basique">
<div className="div_basique_header"> Découverte </div> <div className="div_basique_header"> Découverte </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "2px" }} />
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}> <div style={{ "marginBottom": "0px", "fontSize": "small" }}>
Par Formation Pour chaque Formation
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_Reporting"> <div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_support"> <div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_leads"> <div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_appel_offre">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick ">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_leads"> <div className="produits_service_tick height_gestion_crm">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_intranet">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
@ -1968,50 +2000,74 @@ function Abonnement(props) {
</div> </div>
<div className="div_row_standard"> <div className="div_row_standard">
<div className="div_standard_header"> Standard </div> <div className="div_standard_header"> Standard </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Par Formation Pour chaque Formation
</div> </div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_Reporting"> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> </div>
</div>
<div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads"> <div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_affichage_ftion">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <div className="produits_service_tick height_leads">
</div> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
<div className="produits_service_tick height_leads"> </div>
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> <div className="produits_service_tick height_appel_offre">
<div className="produits_service_tick"> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> </div>
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="div_row_standard_price"> <div className="produits_service_tick height_gestion_admin">
50 HT /mois <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
</div> <div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="div_row_standard_price">
&nbsp;
</div>
{String(currentpack2).toLowerCase() !== "standard" && <div className="abonnement"> <div className="produits_service_tick height_intranet">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="div_row_standard_price">
50 HT /mois
</div>
<div className="div_row_standard_price">
&nbsp;
</div>
{String(currentpack2).toLowerCase() !== "standard" && <div className="abonnement">
<Button variant="contained" <Button variant="contained"
color="success" color="success"
className="btn_abonnement" className="btn_abonnement"
@ -2040,55 +2096,77 @@ function Abonnement(props) {
> Arrêt le {(JSON.parse(result).end_date_abonnement)} </Button> > Arrêt le {(JSON.parse(result).end_date_abonnement)} </Button>
</div>} </div>}
</div>
<div className="div_row_gold">
<div className="div_gold_header"> Gold </div>
<hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_appel_offre">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
</div> <div className="produits_service_tick height_gestion_admin">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="div_row_gold"> <div className="produits_service_label height_publication_header">
<div className="div_gold_header"> Gold </div> &nbsp;
<hr style={{ "margin": "0.2rem" }} /> </div>
<div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Par Formation
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_Reporting">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko " />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="div_row_gold_price"> <div className="produits_service_tick height_intranet">
90 HT /mois <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
</div> <div className="produits_service_tick height_e_learning">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="div_row_gold_price">
&nbsp;
</div>
{String(currentpack2).toLowerCase() !== "gold" && <div className="abonnement"> <div className="div_row_gold_price">
90 HT /mois
</div>
<div className="div_row_gold_price">
&nbsp;
</div>
{String(currentpack2).toLowerCase() !== "gold" && <div className="abonnement">
<Button variant="contained" <Button variant="contained"
color="success" color="success"
className="btn_abonnement" className="btn_abonnement"
@ -2119,7 +2197,7 @@ function Abonnement(props) {
</div>} </div>}
</div> </div>

View File

@ -85,7 +85,7 @@ function CheckOut(props) {
formData.append('token', stored_part); formData.append('token', stored_part);
formData.append('invoice_vat_num', vat_num); formData.append('invoice_vat_num', vat_num);
formData.append('invoice_nom', nom); formData.append('invoice_nom', nom);
formData.append('invoice_adr_street', adr_street); formData.append('invoice_adr_street', adr_street);
formData.append('invoice_adr_city', adr_city); formData.append('invoice_adr_city', adr_city);
formData.append('invoice_adr_zip', adr_zip); formData.append('invoice_adr_zip', adr_zip);
formData.append('invoice_adr_country', adr_country); formData.append('invoice_adr_country', adr_country);
@ -181,8 +181,8 @@ function CheckOut(props) {
if (mylocaltraining.is_partner_admin_account) { if (mylocaltraining.is_partner_admin_account) {
setis_partner_admin_account(mylocaltraining.is_partner_admin_account); setis_partner_admin_account(mylocaltraining.is_partner_admin_account);
}else{ } else {
setis_partner_admin_account("0"); setis_partner_admin_account("0");
} }
setstripe_account_id(mylocaltraining.stripe_account_id); setstripe_account_id(mylocaltraining.stripe_account_id);
@ -463,7 +463,7 @@ function CheckOut(props) {
window.scrollTo({ window.scrollTo({
top: 0, top: 0,
behavior: "smooth", behavior: "smooth",
}); });
}, []); }, []);
@ -884,7 +884,7 @@ function CheckOut(props) {
setaddfacturationinfo_response(result['message']); setaddfacturationinfo_response(result['message']);
setfields1desabled(true); setfields1desabled(true);
setokcommande(""); setokcommande("");
}else if (String(result['status']) === String("Err_Connexion")) { } else if (String(result['status']) === String("Err_Connexion")) {
alert('Erreur: ' + result['message']); alert('Erreur: ' + result['message']);
history.push("/Connexion"); history.push("/Connexion");
} }
@ -922,7 +922,7 @@ function CheckOut(props) {
createSubscription(price_ch); createSubscription(price_ch);
} }
const createSubscription = async (priceId) => { const createSubscription = async (priceId) => {
var cust_strip_id = ""; var cust_strip_id = "";
@ -1232,7 +1232,7 @@ function CheckOut(props) {
{String(menu) === String("default") && <div> {String(menu) === String("default") && <div>
<h2 style={{ "textAlign": "center", "marginBottom": "2rem" }} ref={scrollDiv}> Récapitulatif de votre commande </h2> <h2 style={{ "textAlign": "center", "marginBottom": "2rem" }} ref={scrollDiv} id="scrollDiv"> Récapitulatif de votre commande </h2>
<br /> <br />
@ -1265,10 +1265,10 @@ function CheckOut(props) {
</ul> </ul>
))} ))}
code produit :
</div> </div>
<div className="div_row_droite"> <div className="titre1"> Detail prix </div> <div className="div_row_droite"> <div className="titre1"> Détail prix </div>
<div> <div>
<div style={{ "width": "90%", "float": "left" }}> <div style={{ "width": "90%", "float": "left" }}>
<div style={{ "textAlign": "left", "width": "50%", "float": "left" }}> <div style={{ "textAlign": "left", "width": "50%", "float": "left" }}>
@ -1360,8 +1360,8 @@ function CheckOut(props) {
</input> </input>
</a> </a>
{handleOnblur_Code_Promo_api && String(handleOnblur_Code_Promo_api) === "false" && {handleOnblur_Code_Promo_api && String(handleOnblur_Code_Promo_api) === "false" &&
<nav className="koUpdateData"> {handleOnblur_Code_Promo_message} </nav> <nav className="koUpdateData"> {handleOnblur_Code_Promo_message} </nav>
} }
</div> </div>
{code_promo_text_to_display && String(code_promo_text_to_display) != "" && {code_promo_text_to_display && String(code_promo_text_to_display) != "" &&
@ -1483,8 +1483,8 @@ function CheckOut(props) {
{String(addfacturationinfo_api) === String("false") || String(addfacturationinfo_response) === String("0") && {String(addfacturationinfo_api) === String("false") || String(addfacturationinfo_response) === String("0") &&
<div className="koUpdateData"> Impossible de modifier les informations de facturation </div>} <div className="koUpdateData"> Impossible de modifier les informations de facturation </div>}
&nbsp; &nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
@ -1807,8 +1807,8 @@ function CheckOut(props) {
</div> </div>
</div> </div>
&nbsp; &nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
@ -1880,8 +1880,8 @@ function CheckOut(props) {
<div className="titre1" onClick={menu_sepa}> Prélèvement par virement SEPA</div> <div className="titre1" onClick={menu_sepa}> Prélèvement par virement SEPA</div>
{String(menumodepayement) === String("sepa") && <div> {String(menumodepayement) === String("sepa") && <div>
&nbsp; &nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
@ -1967,8 +1967,8 @@ function CheckOut(props) {
<img src={img_paypal} className="img_payment_chekout" /> <img src={img_paypal} className="img_payment_chekout" />
</div> </div>
</div> </div>
&nbsp; &nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
@ -2040,8 +2040,8 @@ function CheckOut(props) {
<div className="titre1" onClick={menu_sepa}> Prélèvement par virement SEPA</div> <div className="titre1" onClick={menu_sepa}> Prélèvement par virement SEPA</div>
{String(menumodepayement) === String("sepa") && <div> {String(menumodepayement) === String("sepa") && <div>
&nbsp; &nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField <TextField
required required
@ -2119,7 +2119,7 @@ function CheckOut(props) {
<div className="div_row_center"> <div className="div_row_center">
{(String(okcommande) !== String("ko") || {(String(okcommande) !== String("ko") ||
(String(props.packs).toLowerCase() === String("decouverte"))) && (String(props.packs).toLowerCase() === String("decouverte"))) &&

View File

@ -144,113 +144,200 @@ function ProduitsServices() {
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Produits & Services
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_publication_header">
Publication des formations <b> Moteur de Recherche </b>
</div>
<div className="produits_service_label">
Support téléphonique
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_publication">
Customisation de l'affichage d'une formation <b> Publication des
formations </b>
<ul>
<li>Mise en ligne de votre formation
(Description, Objectif,
Programme, etc).</li>
<li>Mise en forme des textes selon
votre souhait. </li>
<li>Définition du pays et la région
de
publication</li>
<li>Import/Export Excel</li>
</ul>
</div> </div>
<div className="produits_service_label">
Mots clés par formation
</div> <div className="produits_service_label height_price_1">
<div className="produits_service_label"> <b> Gestion des prix </b>
Reporting standard <ul>
</div> <li>Remise client / Tout public par période.
<div className="produits_service_label"> </li>
Reporting Dynamique et personnalisé </ul>
</div>
<div className="produits_service_label">
Préférence/ Diffusion géographique
</div>
<div className="produits_service_label">
Publication d'un article
(plateforme + réseaux sociaux )
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_affichage_ftion">
Community management externalisé <b> Personnalisation de l'affichage d'une formation </b>
<ul>
<li>Ajout de vos propres images pour communiquer sur votre structure et votre marque.
</li>
<li>Affichage de votre logo à côté de la formation</li>
<li>Affichage de votre bannière en grand sur la page détaillée.</li>
</ul>
</div>
<div className="produits_service_label height_leads">
<b> Génération automatique de leads </b>
<ul>
<li>Lintérêt des stagiaires génère des leads qui vous sont envoyés automatiquement.
</li>
</ul>
</div>
<div className="produits_service_label height_appel_offre">
<b>Appels doffre </b>
<ul>
<li>Consultation des appels doffre de formation pour manifestations dintérêt.</li>
<li>Publication dun appel doffre de formation et gestion des réponses.</li>
</ul>
</div>
<div className="produits_service_label height_publication_header">
<b> Gestion Administrative & Pédagogique </b>
</div>
<div className="produits_service_label height_gestion_admin">
<b>Gestion administrative</b>
<ul>
<li>Publication catalogue formations (intranet / API)</li>
<li>Gestion des Inscriptions (mise en attente, motif annulation, etc) </li>
<li>Gestion des Sessions (planifiée, à la demande)</li>
<li>Gestion avis participants</li>
<li>Gestion des employés et du matériel pédagogique</li>
<li>Émargement électronique</li>
</ul>
</div>
<div className="produits_service_label height_gestion_crm">
<b>Gestion relation client (CRM) </b>
<ul>
<li>Gestion clients</li>
<li>Affectation et Suivi tâches</li>
<li>Catalogue prix clients</li>
<li>Devis & Commandes (envoi électronique) </li>
<li>Facturation</li>
</ul>
</div>
<div className="produits_service_label height_publication_header">
<b> Hébergement de formations (LMS) </b>
</div>
<div className="produits_service_label height_intranet">
<b>Intranet personnalisé</b>
<ul>
<li>Mise en place dun site web (intranet) personnalisé.</li>
</ul>
</div>
<div className="produits_service_label height_e_learning_persona">
<b>Plate-forme de E-learning personnalisée</b>
<ul>
<li>Nom de domaine personnalisé</li>
<li>Personnalisation de la charte graphique (couleurs & bannière) </li>
</ul>
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label height_e_learning">
Accompagnement aux certifications ( NDA, QUALIOPI,) <b>Système de E-learning</b>
<ul>
<li>Echange prof / apprenant (courriel interne)</li>
<li>Espace apprenant</li>
<li>Evaluation (note)</li>
<li>Gestion planning</li>
<li>Travaux dirigés & pratiques</li>
<li>Session live virtuelle</li>
</ul>
</div> </div>
<div className="produits_service_label">
Design catalogue numérique
</div>
<div className="produits_service_label">
---
</div>
{/* <div className="div_row_description" >
{String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>
Prix par Mois
</div>}
{String(periode) === String("Annuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>
Prix par An
</div>}
</div>*/}
</div> </div>
<div className="div_row_basique"> <div className="div_row_basique">
<div className="div_basique_header"> Découverte </div> <div className="div_basique_header"> Découverte </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "1px" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0px", "fontSize": "small" }}>
Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp; &nbsp;
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
5 Formations
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_appel_offre">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_gestion_crm">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_intranet">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_e_learning_persona">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_e_learning">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
----
</div>
<div className="div_row_basique_price"> <div className="div_row_basique_price">
Gratuit 15 jours Gratuit 15 jours
@ -265,7 +352,7 @@ function ProduitsServices() {
className="btn_abonnement" className="btn_abonnement"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
window.location.href = "/ContactezNous"; window.location.href = "/Partner";
}} }}
> Je m'abonne </Button> > Je m'abonne </Button>
</div> </div>
@ -275,53 +362,64 @@ function ProduitsServices() {
<div className="div_row_standard"> <div className="div_row_standard">
<div className="div_standard_header"> Standard </div> <div className="div_standard_header"> Standard </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp; &nbsp;
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
7 Formations
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_affichage_ftion">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_appel_offre">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_intranet">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_e_learning_persona">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <div className="produits_service_tick height_e_learning">
</div> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
<div className="produits_service_tick">
----
</div> </div>
<div className="div_row_standard_price"> <div className="div_row_standard_price">
50 HT /mois
{String(periode) === String("Mensuel") && "50 €/mois"}
</div> </div>
@ -335,7 +433,7 @@ function ProduitsServices() {
className="btn_abonnement" className="btn_abonnement"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
window.location.href = "/ContactezNous"; window.location.href = "/Partner";
}}> Je m'abonne </Button> }}> Je m'abonne </Button>
</div> </div>
@ -345,53 +443,64 @@ function ProduitsServices() {
<div className="div_row_gold"> <div className="div_row_gold">
<div className="div_gold_header"> Gold </div> <div className="div_gold_header"> Gold </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.5rem" }}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp; &nbsp;
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_publication">
10 Formations
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_price_1">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_affichage_ftion">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick"> <div className="produits_service_tick height_leads">
---- <img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_appel_offre">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_gestion_crm">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_intranet">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning_persona">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_e_learning">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
</div>
<div className="div_row_gold_price"> <div className="div_row_gold_price">
{String(periode) === String("Mensuel") && "550 €/mois"} 90 HT /mois
{String(periode) === String("Annuel") && "4 950 €/an - (3 mois offerts)"}
</div> </div>
@ -405,14 +514,13 @@ function ProduitsServices() {
className="btn_abonnement" className="btn_abonnement"
onClick={(e) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
window.location.href = "/ContactezNous"; window.location.href = "/Partner";
}} }}
> Je m'abonne </Button> > Je m'abonne </Button>
</div> </div>
</div> </div>
<div className="div_row_sur_mesure"> <div className="div_row_sur_mesure">
<div className="div_sur_mesure_header"> Sur mesure </div> <div className="div_sur_mesure_header"> Sur mesure </div>
<hr style={{ "margin": "0.2rem" }} /> <hr style={{ "margin": "0.2rem" }} />

View File

@ -225,7 +225,7 @@ const Config_Documents = (props) => {
setDelete_Partner_Document_Data_result(res.data.message); setDelete_Partner_Document_Data_result(res.data.message);
Getall_Partner_Document_No_filter(); Getall_Partner_Document_No_filter();
myRef_head.current.scrollIntoView({ behavior: "smooth" });
setpartner_document_data_edit_mode(); setpartner_document_data_edit_mode();
setpartner_document_data_changed(); setpartner_document_data_changed();
clear_detail_fields(); clear_detail_fields();
@ -234,7 +234,16 @@ const Config_Documents = (props) => {
setdisplay_detail_document(); setdisplay_detail_document();
setSelectionModel([]); setSelectionModel([]);
alert(" Le document a été correctement supprimé.") alert(" Le document a été correctement supprimé.");
//myRef_head.current.scrollIntoView({ behavior: "smooth" });
if (document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
setDelete_Partner_Document_Data_api("false"); setDelete_Partner_Document_Data_api("false");
@ -273,8 +282,14 @@ const Config_Documents = (props) => {
//console.log(" ### line.ref_interne = ", line.ref_interne); //console.log(" ### line.ref_interne = ", line.ref_interne);
Get_Partner_Document_Data(document_id); Get_Partner_Document_Data(document_id);
if (myRef.current) { if (document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} }
@ -384,8 +399,13 @@ const Config_Documents = (props) => {
} }
disable_Partner_DocumentFields(); disable_Partner_DocumentFields();
if (myRef.current) { if (document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} else { } else {
@ -475,8 +495,15 @@ const Config_Documents = (props) => {
} }
disable_Partner_DocumentFields(); disable_Partner_DocumentFields();
if (myRef.current) { if (document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); //myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
setpartner_document_data_changed("1"); setpartner_document_data_changed("1");
setpartner_document_data_edit_mode("1"); setpartner_document_data_edit_mode("1");
@ -565,8 +592,15 @@ const Config_Documents = (props) => {
} }
if (myRef.current) { if (document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); //myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
@ -780,7 +814,15 @@ const Config_Documents = (props) => {
//Get_Personnalisable_Collection_and_Fields(); //Get_Personnalisable_Collection_and_Fields();
Getall_Partner_Document_No_filter(); Getall_Partner_Document_No_filter();
myRef_head.current.scrollIntoView({ behavior: "smooth" }); // myRef_head.current.scrollIntoView({ behavior: "smooth" });
if(document.getElementById('myRef_head')){
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}, []) }, [])
@ -963,7 +1005,7 @@ const Config_Documents = (props) => {
return; return;
} }
if (p_one_detail_nom) if (p_one_detail_nom)
form.append("nom", p_one_detail_nom); form.append("nom", p_one_detail_nom);
else { else {
@ -1528,7 +1570,7 @@ const Config_Documents = (props) => {
</div> </div>
} }
*/} */}
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={"Getall_Training_Employee"}>Rechercher <Button variant="contained" className="bton_enreg" onClick={"Getall_Training_Employee"}>Rechercher
@ -1734,7 +1776,7 @@ const Config_Documents = (props) => {
</div> </div>
<div className="div_row_gauche texte_area_filter" ref={myRef}> <div className="div_row_gauche texte_area_filter" ref={myRef} id="myRef">
Code Document <br /> Code Document <br />
<TextField <TextField
name="document_ref_interne" name="document_ref_interne"
@ -1990,7 +2032,7 @@ const Config_Documents = (props) => {
<div className="div_row_gauche texte_area_filter" ref={myRef}> <div className="div_row_gauche texte_area_filter" ref={myRef} id="myRef">
Code Document <br /> Code Document <br />
<TextField <TextField
name="one_document_ref_interne" name="one_document_ref_interne"

View File

@ -1391,7 +1391,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="mob_block_organisme_ftion" id="mob_block_organisme_ftion"> <div className="mob_block_organisme_ftion" id="mob_block_organisme_ftion">
<div className="mob_block_organisme_ftion_orga"> <div className="mob_block_organisme_ftion_orga">
Organisme de formation : Organisme de formation
</div> </div>
<div className="mob_block_organisme_ftion_link"> <div className="mob_block_organisme_ftion_link">
@ -2344,7 +2344,7 @@ const DisplayDetailClass_new_v2 = (props) => {
<div className="sticky_organisme_title_desc"> <div className="sticky_organisme_title_desc">
<div className="sticky_organisme_title_desc_title"> <div className="sticky_organisme_title_desc_title">
Organisme de formation : Organisme de formation
</div> </div>
<div className="sticky_organisme_title_desc_desc"> <div className="sticky_organisme_title_desc_desc">

View File

@ -1053,8 +1053,13 @@ const DisplayPartnerSession = (props) => {
setEdite_session("0"); setEdite_session("0");
submenu_detail_session(); submenu_detail_session();
if (myRef.current) { if (document.getElementById('detail_session')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); //myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('detail_session').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} }
@ -1068,12 +1073,14 @@ const DisplayPartnerSession = (props) => {
var myelement; var myelement;
if (document.getElementById('ajout_participant')) { if (document.getElementById('ajout_participant')) {
myelement = document.getElementById('ajout_participant'); var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
if (myelement) {
myelement.scrollIntoView({ behavior: 'smooth' });
}
} }
@ -1481,12 +1488,14 @@ const DisplayPartnerSession = (props) => {
var myelement; var myelement;
if (document.getElementById('participant_menu_tab')) { if (document.getElementById('participant_menu_tab')) {
myelement = document.getElementById('participant_menu_tab'); //myelement = document.getElementById('participant_menu_tab');
var divh = document.getElementById('participant_menu_tab').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
if (myelement) {
myelement.scrollIntoView({ behavior: 'smooth' });
}
} }
@ -2860,8 +2869,13 @@ const DisplayPartnerSession = (props) => {
desableSessionFields(); desableSessionFields();
if (myRef.current) { if (document.getElementById('detail_session')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('detail_session').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} }
@ -3613,11 +3627,12 @@ const DisplayPartnerSession = (props) => {
var myelement; var myelement;
if (document.getElementById('ajout_participant')) { if (document.getElementById('ajout_participant')) {
myelement = document.getElementById('ajout_participant'); //myelement = document.getElementById('ajout_participant');
} var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
if (myelement) { top: divh,
myelement.scrollIntoView({ behavior: 'smooth' }); behavior: "smooth",
});
} }
disableAttendeeDetailFields(); disableAttendeeDetailFields();

View File

@ -124,25 +124,25 @@ const DisplayPartnerStagiaires = (props) => {
{ field: 'domaine', headerName: 'Domaine', width: datagrid_columns_size_model2, align: "center", hide: true, hideable: true, }, { field: 'domaine', headerName: 'Domaine', width: datagrid_columns_size_model2, align: "center", hide: true, hideable: true, },
{ field: 'date_debut', headerName: 'Du', width: datagrid_columns_size_model1, hideable: true, }, { field: 'date_debut', headerName: 'Du', width: datagrid_columns_size_model1, hideable: true, },
{ field: 'date_fin', headerName: 'Au', width: datagrid_columns_size_model1, hideable: true, }, { field: 'date_fin', headerName: 'Au', width: datagrid_columns_size_model1, hideable: true, },
{ field: 'class_internal_url', headerName: 'class_internal_url', hide: true, }, { field: 'class_internal_url', headerName: 'class_internal_url', hide: true, },
/* { /* {
field: "Detail", headerName: 'Voir detail', field: "Detail", headerName: 'Voir detail',
renderCell: (cellValues) => { renderCell: (cellValues) => {
return ( return (
<Button <Button
onClick={(event) => { onClick={(event) => {
Display_Detail_Inscription(event, cellValues); Display_Detail_Inscription(event, cellValues);
}} }}
> >
<FcViewDetails /> <FcViewDetails />
</Button> </Button>
); );
} }
},*/ },*/
{ {
field: "Imprimer", headerName: 'Imprimer detail', field: "Imprimer", headerName: 'Imprimer detail',
renderCell: (cellValues) => { renderCell: (cellValues) => {
@ -225,7 +225,7 @@ const DisplayPartnerStagiaires = (props) => {
] ]
function handleClick_delete(event, cellValues) { function handleClick_delete(event, cellValues) {
// Recuperation du motif du refus : // Recuperation du motif du refus :
var nom = cellValues.row.nom; var nom = cellValues.row.nom;
@ -246,7 +246,7 @@ const DisplayPartnerStagiaires = (props) => {
var form = new FormData(); var form = new FormData();
//form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA");
const stored_cookie = getCookie('tokenmysypart'); const stored_cookie = getCookie('tokenmysypart');
form.append("token", stored_cookie); form.append("token", stored_cookie);
form.append("class_internal_url", local_class_internal_url); form.append("class_internal_url", local_class_internal_url);
@ -265,7 +265,7 @@ const DisplayPartnerStagiaires = (props) => {
if (String(res.data.status) === String("true")) { if (String(res.data.status) === String("true")) {
setDeleteStagiaireData_api("true"); setDeleteStagiaireData_api("true");
setDeleteStagiaireData_result(res.data.message); setDeleteStagiaireData_result(res.data.message);
Getall_TrainingParticipant(); Getall_TrainingParticipant();
alert(" La mise à jour été correctement faite.") alert(" La mise à jour été correctement faite.")
@ -452,8 +452,13 @@ const DisplayPartnerStagiaires = (props) => {
setaddOneParticipant(); setaddOneParticipant();
setdisplay_detail_stagiaire("1"); setdisplay_detail_stagiaire("1");
if (myRef.current) { if (document.getElementById('detail_session')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('detail_session').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
GetAttendee_Data(participant_email, session_id, internal_url); GetAttendee_Data(participant_email, session_id, internal_url);
@ -534,8 +539,13 @@ const DisplayPartnerStagiaires = (props) => {
setaddOneParticipant("1"); setaddOneParticipant("1");
submenu_detail_stagaire(); submenu_detail_stagaire();
if (myRef.current) { if (document.getElementById('detail_session')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('detail_session').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
setdisplay_detail_stagiaire(); setdisplay_detail_stagiaire();
@ -611,7 +621,7 @@ const DisplayPartnerStagiaires = (props) => {
setprint_detail_insc("1"); setprint_detail_insc("1");
var code_session = cellValues.row.code_session; var code_session = cellValues.row.code_session;
var session_id = cellValues.row.session_id; var session_id = cellValues.row.session_id;
var internal_url = cellValues.row.class_internal_url; var internal_url = cellValues.row.class_internal_url;
@ -620,7 +630,7 @@ const DisplayPartnerStagiaires = (props) => {
DownloadAttendeeDetail(session_id, participant_email, internal_url ); DownloadAttendeeDetail(session_id, participant_email, internal_url);
} }
function clearDetailAttendeFields() { function clearDetailAttendeFields() {
@ -1453,7 +1463,7 @@ const DisplayPartnerStagiaires = (props) => {
setLoading(true); setLoading(true);
fetch( fetch(
process.env.REACT_APP_API_URL + "myclass/api/AddStagiairetoClass_mass_for_many_session/", process.env.REACT_APP_API_URL + "myclass/api/AddStagiairetoClass_mass_for_many_session/",
@ -1592,7 +1602,7 @@ const DisplayPartnerStagiaires = (props) => {
const [addOneParticipant, setaddOneParticipant] = useState(); const [addOneParticipant, setaddOneParticipant] = useState();
const status_inscription = [ const status_inscription = [
{ {
value: '0', value: '0',
label: 'PréInscription', label: 'PréInscription',
@ -1845,11 +1855,12 @@ const DisplayPartnerStagiaires = (props) => {
var myelement; var myelement;
if (document.getElementById('ajout_participant')) { if (document.getElementById('ajout_participant')) {
myelement = document.getElementById('ajout_participant'); //myelement = document.getElementById('ajout_participant');
} var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
if (myelement) { top: divh,
myelement.scrollIntoView({ behavior: 'smooth' }); behavior: "smooth",
});
} }
disableAttendeeDetailFields(); disableAttendeeDetailFields();
@ -2066,7 +2077,16 @@ const DisplayPartnerStagiaires = (props) => {
Getall_TrainingParticipant(); Getall_TrainingParticipant();
clear_one_Attende_Fields(); clear_one_Attende_Fields();
alert(" Le participant a été correctement ajouté"); alert(" Le participant a été correctement ajouté");
myRef_head.current.scrollIntoView({ behavior: "smooth" });
//myRef_head.current.scrollIntoView({ behavior: "smooth" });
if ( document.getElementById('myRef_head')) {
// myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} else if (String(res.data.status) === String("Err_Connexion")) { } else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message); alert('Erreur: ' + res.data.message);
@ -2157,7 +2177,15 @@ const DisplayPartnerStagiaires = (props) => {
alert(" La mise à jour été correctement faite."); alert(" La mise à jour été correctement faite.");
myRef_head.current.scrollIntoView({ behavior: "smooth" }); //myRef_head.current.scrollIntoView({ behavior: "smooth" });
if ( document.getElementById('myRef_head')) {
// myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2595,8 +2623,13 @@ const DisplayPartnerStagiaires = (props) => {
setsessionStatus(false); setsessionStatus(false);
if (myRef.current) { if (document.getElementById('detail_session')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('detail_session').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} }
@ -2729,9 +2762,9 @@ const DisplayPartnerStagiaires = (props) => {
return ( return (
<div className="displaypartnerstagiaire"> <div className="displaypartnerstagiaire">
{isLoading && <div className="loader-container"> {isLoading && <div className="loader-container">
<div className="mysy_spinner"> <img src={img_loading_spin} /> </div> <div className="mysy_spinner"> <img src={img_loading_spin} /> </div>
</div>} </div>}
<Dialog <Dialog
open={Dialog_1_open} open={Dialog_1_open}
@ -3065,7 +3098,7 @@ const DisplayPartnerStagiaires = (props) => {
</div> </div>
} }
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_TrainingParticipant}>Rechercher <Button variant="contained" className="bton_enreg" onClick={Getall_TrainingParticipant}>Rechercher
@ -3297,7 +3330,7 @@ const DisplayPartnerStagiaires = (props) => {
> >
{GetCurrentPartnerClass_result && {GetCurrentPartnerClass_result &&
GetCurrentPartnerClass_result.map((myclass) => ( GetCurrentPartnerClass_result.map((myclass) => (
<MenuItem key={JSON.parse(myclass).title} value={JSON.parse(myclass).internal_url} style={{ "paddingLeft": "5px", "textAlign": "left", "width":"100%" }}> <MenuItem key={JSON.parse(myclass).title} value={JSON.parse(myclass).internal_url} style={{ "paddingLeft": "5px", "textAlign": "left", "width": "100%" }}>
{JSON.parse(myclass).title} {JSON.parse(myclass).title}
</MenuItem> </MenuItem>

View File

@ -582,9 +582,14 @@ const Employes = (props) => {
//console.log(" ### employe_id = ", employe_id); //console.log(" ### employe_id = ", employe_id);
Display_Detail_Employe(employe_id); Display_Detail_Employe(employe_id);
if (myRef.current) {
myRef.current.scrollIntoView({ behavior: "smooth" }); if ( document.getElementById('myRef')) {
} var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
Getall_Employee_Affectation(employe_id); Getall_Employee_Affectation(employe_id);
Getall_Employee_Acces_Right(employe_id); Getall_Employee_Acces_Right(employe_id);
@ -612,11 +617,15 @@ const Employes = (props) => {
//console.log("### line = ", line); //console.log("### line = ", line);
var affectation_id = line._id; var affectation_id = line._id;
set_selected_affectation_id(affectation_id); set_selected_affectation_id(affectation_id);
if ( document.getElementById('myRef_affectation')) {
if (myRef_affectation.current) { // myRef.current.scrollIntoView({ behavior: "smooth" });
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_affectation').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
Get_Given_Employee_Affectation(affectation_id); Get_Given_Employee_Affectation(affectation_id);
@ -1519,8 +1528,14 @@ const Employes = (props) => {
Get_Employee_Data(selected_id); Get_Employee_Data(selected_id);
alert(" La mise à jour été correctement faite."); alert(" La mise à jour été correctement faite.");
if (myRef_head.current)
myRef_head.current.scrollIntoView({ behavior: "smooth" }); if ( document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2062,8 +2077,13 @@ const Employes = (props) => {
setemployee_data_edit_mode(""); setemployee_data_edit_mode("");
alert(res.data.message); alert(res.data.message);
if (myRef_head.current) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2495,8 +2515,14 @@ const Employes = (props) => {
alert(" La mise à jour été correctement faite."); alert(" La mise à jour été correctement faite.");
if (myRef_affectation) if ( document.getElementById('myRef_affectation')) {
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_affectation').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2529,8 +2555,16 @@ const Employes = (props) => {
setAdd_new_affectation("1"); setAdd_new_affectation("1");
if (myRef_new_affectation.current) { if (document.getElementById('myRef_new_affectation')) {
myRef_new_affectation.current.scrollIntoView({ behavior: "smooth" }); //myRef_new_affectation.current.scrollIntoView({ behavior: "smooth" });
if ( document.getElementById('myRef_new_affectation')) {
//myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_new_affectation').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
clean_affectation_fields(); clean_affectation_fields();
@ -2609,8 +2643,14 @@ const Employes = (props) => {
setSelectionModel_affectations([]); setSelectionModel_affectations([]);
alert(" L'affectation a été ajoutée."); alert(" L'affectation a été ajoutée.");
if (myRef_affectation) if ( document.getElementById('myRef_affectation')) {
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); // myRef.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_affectation').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -3458,7 +3498,7 @@ const Employes = (props) => {
</div> </div>
} }
*/} */}
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_Training_Employee}>Rechercher <Button variant="contained" className="bton_enreg" onClick={Getall_Training_Employee}>Rechercher
@ -3658,7 +3698,7 @@ const Employes = (props) => {
</div> </div>
<div className="div_row" ref={myRef}> &nbsp; </div> <div className="div_row" ref={myRef} id="myRef"> &nbsp; </div>
{String(submenu) === "detail_employe" && String(add_One_Employee) !== "1" && <div className="div_row"> {String(submenu) === "detail_employe" && String(add_One_Employee) !== "1" && <div className="div_row">
<div className="div_row"> <div className="div_row">
@ -4781,7 +4821,7 @@ const Employes = (props) => {
</div> </div>
<nav ref={myRef_affectation}> &nbsp; </nav> <nav ref={myRef_affectation} id="myRef_affectation"> &nbsp; </nav>
{String(display_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}> {String(display_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}>
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Détail Affectation </nav> <nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Détail Affectation </nav>
@ -5039,7 +5079,7 @@ const Employes = (props) => {
</div> </div>
</div>} </div>}
<nav ref={myRef_new_affectation}> &nbsp; </nav> <nav ref={myRef_new_affectation} id="myRef_new_affectation"> &nbsp; </nav>
{String(Add_new_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}> {String(Add_new_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}>
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Nouvelle affectation </nav> <nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Nouvelle affectation </nav>

View File

@ -2157,8 +2157,14 @@ function GestionAdministrative(props) {
setshow_new_session_gif('1'); setshow_new_session_gif('1');
alert(" La session a été correctement ajoutée"); alert(" La session a été correctement ajoutée");
if (ancre_ref_new_gif.current) { if (document.getElementById('ancre_ref_new_gif')) {
ancre_ref_new_gif.current.scrollIntoView({ behavior: "smooth" }); //ancre_ref_new_gif.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('ancre_ref_new_gif').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
} else if (String(res.data.status) === String("Err_Connexion")) { } else if (String(res.data.status) === String("Err_Connexion")) {
@ -2424,8 +2430,13 @@ function GestionAdministrative(props) {
myelement = document.getElementById('participant_menu_tab'); myelement = document.getElementById('participant_menu_tab');
} }
if (myelement) { if (document.getElementById('participant_menu_tab')) {
myelement.scrollIntoView({ behavior: 'smooth' }); //myelement.scrollIntoView({ behavior: 'smooth' });
var divh = document.getElementById('participant_menu_tab').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
@ -3304,8 +3315,13 @@ function GestionAdministrative(props) {
myelement = document.getElementById('ajout_participant'); myelement = document.getElementById('ajout_participant');
} }
if (myelement) { if (document.getElementById('ajout_participant')) {
myelement.scrollIntoView({ behavior: 'smooth' }); var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
// myelement.scrollIntoView({ behavior: 'smooth' });
} }
} }
@ -3570,8 +3586,13 @@ function GestionAdministrative(props) {
myelement = document.getElementById('ajout_participant'); myelement = document.getElementById('ajout_participant');
} }
if (myelement) { if (document.getElementById('ajout_participant')) {
myelement.scrollIntoView({ behavior: 'smooth' }); //myelement.scrollIntoView({ behavior: 'smooth' });
var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} }
disableAttendeeDetailFields(); disableAttendeeDetailFields();
@ -3755,8 +3776,14 @@ function GestionAdministrative(props) {
myelement = document.getElementById('ajout_participant'); myelement = document.getElementById('ajout_participant');
} }
if (myelement) { if (document.getElementById('ajout_participant')) {
myelement.scrollIntoView({ behavior: 'smooth' }); var divh = document.getElementById('ajout_participant').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
// myelement.scrollIntoView({ behavior: 'smooth' });
} }
} }
@ -4433,7 +4460,13 @@ function GestionAdministrative(props) {
GetListeEvaluation(mysession); GetListeEvaluation(mysession);
submenu_inscrit(); submenu_inscrit();
alert(" Le participant a été correctement ajouté"); alert(" Le participant a été correctement ajouté");
myRef_detail_inscrit.current.scrollIntoView({ behavior: "smooth" });
var divh = document.getElementById('myRef_detail_inscrit').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
} else if (String(res.data.status) === String("Err_Connexion")) { } else if (String(res.data.status) === String("Err_Connexion")) {
alert('Erreur: ' + res.data.message); alert('Erreur: ' + res.data.message);
@ -4949,7 +4982,7 @@ function GestionAdministrative(props) {
const [isLoading, setLoading] = useState(); const [isLoading, setLoading] = useState();
const status_inscription = [ const status_inscription = [
{ {
value: '0', value: '0',
label: 'PréInscription', label: 'PréInscription',

View File

@ -677,7 +677,7 @@ function Inscription_Information(props) {
<div className="select-container"> <div className="select-container">
<div className="titre1_aide_finance"> Je m'inscris </div> <div className="titre1_aide_finance"> Je m'inscris </div>
<div style={{ "float": "left", "width": "40%", "textAlign": "left" }}> <div style={{ "float": "left", "width": "40%", "textAlign": "left" }}>
Choisir une session : &nbsp; Choisir une session &nbsp;
</div> </div>
<div style={{ "float": "right", "width": "60%", "textAlign": "right" }}> <div style={{ "float": "right", "width": "60%", "textAlign": "right" }}>

View File

@ -566,8 +566,13 @@ const Materiels = (props) => {
alert(res.data.message); alert(res.data.message);
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -951,9 +956,13 @@ const Materiels = (props) => {
Getall_Materiel_Affectation(materiel_id); Getall_Materiel_Affectation(materiel_id);
if (myRef.current) { if ( document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
@ -1264,8 +1273,13 @@ const Materiels = (props) => {
//Get_Materiel_Data(selected_id); //Get_Materiel_Data(selected_id);
Display_Detail_Material_Data(selected_id); Display_Detail_Material_Data(selected_id);
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
alert(" La mise à jour été correctement faite."); alert(" La mise à jour été correctement faite.");
@ -1400,9 +1414,13 @@ const Materiels = (props) => {
setAdd_new_affectation("1"); setAdd_new_affectation("1");
if (myRef_new_affectation.current) { if ( document.getElementById('myRef_new_affectation')) {
myRef_new_affectation.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_new_affectation').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
clean_affectation_fields(); clean_affectation_fields();
@ -1479,8 +1497,13 @@ const Materiels = (props) => {
alert(" La mise à jour été correctement faite."); alert(" La mise à jour été correctement faite.");
if (myRef_affectation) if ( document.getElementById('myRef_new_affectation')) {
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_new_affectation').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -1760,8 +1783,13 @@ const Materiels = (props) => {
setSelectionModel_affectations([]); setSelectionModel_affectations([]);
alert(" L'affectation a été ajoutée."); alert(" L'affectation a été ajoutée.");
if (myRef_affectation) if ( document.getElementById('myRef_new_affectation')) {
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_new_affectation').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -1793,9 +1821,13 @@ const Materiels = (props) => {
set_selected_affectation_id(affectation_id); set_selected_affectation_id(affectation_id);
if (myRef_affectation.current) { if ( document.getElementById('myRef_new_affectation')) {
myRef_affectation.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_new_affectation').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
Get_Given_Materiel_Affectation(affectation_id); Get_Given_Materiel_Affectation(affectation_id);
@ -2258,7 +2290,7 @@ const Materiels = (props) => {
</div> </div>
} }
*/} */}
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_Training_Materiel}>Rechercher <Button variant="contained" className="bton_enreg" onClick={Getall_Training_Materiel}>Rechercher
@ -3418,7 +3450,7 @@ const Materiels = (props) => {
</div>} </div>}
<nav ref={myRef_new_affectation}> &nbsp; </nav> <nav ref={myRef_new_affectation} id="myRef_new_affectation"> &nbsp; </nav>
{String(Add_new_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}> {String(Add_new_affectation) === "1" && <div className="div_row" style={{ "border": "None", "background": '#F8F9F9', "padding": '5px' }}>
<nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Nouvelle affectation du materiel</nav> <nav style={{ "border": "None", "fontSize": "22px", "fontWeight": "600" }}> Nouvelle affectation du materiel</nav>
<div className="session_data" > <div className="session_data" >
@ -3588,7 +3620,7 @@ const Materiels = (props) => {
</div>} </div>}
</div>} </div>}
<div ref={myRef}> &nbsp;</div> <div ref={myRef} id="myRef"> &nbsp;</div>
</div > </div >
); );

View File

@ -334,9 +334,13 @@ const Partner_Commande = (props) => {
Getall_Parter_Orders_No_Filter(); Getall_Parter_Orders_No_Filter();
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
alert(res.data.message); alert(res.data.message);
} }
else { else {
@ -528,8 +532,16 @@ const Partner_Commande = (props) => {
Getall_Parter_Orders_No_Filter(); Getall_Parter_Orders_No_Filter();
GetCurrentPartnerClass(); GetCurrentPartnerClass();
Get_Given_Partner_Config_Point_Taux_TVA(); Get_Given_Partner_Config_Point_Taux_TVA();
if (myRef_head)
myRef_head.current.scrollIntoView({ behavior: "smooth" }); if ( document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}, []) }, [])
const [Getall_Parter_Orders_No_Filter_api, setGetall_Parter_Orders_No_Filter_api] = useState(); const [Getall_Parter_Orders_No_Filter_api, setGetall_Parter_Orders_No_Filter_api] = useState();
@ -732,12 +744,13 @@ const Partner_Commande = (props) => {
Display_Detail_Order_data(order_id); Display_Detail_Order_data(order_id);
var divh = document.getElementById('myRef').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
if (myRef) {
myRef.current.scrollIntoView({ behavior: "smooth" });
}
//Getall_Employee_Affectation(employe_id);
} }
@ -1906,8 +1919,13 @@ const Partner_Commande = (props) => {
Display_Detail_Order_data(selected_id); Display_Detail_Order_data(selected_id);
alert(" La mise à jour du " + String(p_detail_header_type) + " été correctement faite."); alert(" La mise à jour du " + String(p_detail_header_type) + " été correctement faite.");
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2162,7 +2180,13 @@ const Partner_Commande = (props) => {
alert(" La commande à jour été correctement ajoutée."); alert(" La commande à jour été correctement ajoutée.");
} }
myRef_head.current.scrollIntoView({ behavior: "smooth" }); if ( document.getElementById('myRef_head')) {
var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -2613,8 +2637,13 @@ const Partner_Commande = (props) => {
Getall_Parter_Orders_No_Filter(); Getall_Parter_Orders_No_Filter();
Display_Detail_Order_data(selected_id); Display_Detail_Order_data(selected_id);
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
alert(res.data.message); alert(res.data.message);
@ -2665,8 +2694,13 @@ const Partner_Commande = (props) => {
Getall_Parter_Orders_No_Filter(); Getall_Parter_Orders_No_Filter();
Display_Detail_Order_data(selected_id); Display_Detail_Order_data(selected_id);
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
alert(res.data.message); alert(res.data.message);
@ -3630,7 +3664,7 @@ const Partner_Commande = (props) => {
} }
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_Parter_Orders_With_Filter}>Rechercher <Button variant="contained" className="bton_enreg" onClick={Getall_Parter_Orders_With_Filter}>Rechercher
@ -3816,7 +3850,7 @@ const Partner_Commande = (props) => {
<a href='/sample/template_import_employes.csv' download>Télécharger un fichier modèle</a> <a href='/sample/template_import_employes.csv' download>Télécharger un fichier modèle</a>
</div> </div>
</div> </div>
<div className="div_row" ref={myRef}> &nbsp;</div> <div className="div_row" ref={myRef} id="myRef"> &nbsp;</div>
{String(submenu) === "detail_order" && String(add_One_Order) !== "1" && <div className="div_row"> {String(submenu) === "detail_order" && String(add_One_Order) !== "1" && <div className="div_row">

View File

@ -146,8 +146,13 @@ const Partner_Configuration_Technique = (props) => {
Getall_Parter_config_Points(); Getall_Parter_config_Points();
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}, []) }, [])
@ -212,9 +217,13 @@ const Partner_Configuration_Technique = (props) => {
Disable_Config_DetailFields(); Disable_Config_DetailFields();
if (myRef) { if ( document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
@ -239,9 +248,13 @@ const Partner_Configuration_Technique = (props) => {
Disable_Config_DetailFields(); Disable_Config_DetailFields();
if (myRef) { if ( document.getElementById('myRef')) {
myRef.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef').offsetTop;
} window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
@ -339,8 +352,13 @@ const Partner_Configuration_Technique = (props) => {
setdisplay_detail_config(); setdisplay_detail_config();
alert(res.data.message); alert(res.data.message);
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
} }
else { else {
@ -466,7 +484,7 @@ const Partner_Configuration_Technique = (props) => {
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={"Getall_Parter_Invoice_With_Filter"}>Rechercher <Button variant="contained" className="bton_enreg" onClick={"Getall_Parter_Invoice_With_Filter"}>Rechercher
@ -617,7 +635,7 @@ const Partner_Configuration_Technique = (props) => {
</Button> </Button>
</div> </div>
</div> </div>
<div className="div_row" ref={myRef}> &nbsp;</div> <div className="div_row" ref={myRef} id="myRef"> &nbsp;</div>
</div> </div>
{String(display_detail_config) === "1" && <div className="div_row"> {String(display_detail_config) === "1" && <div className="div_row">

View File

@ -599,8 +599,14 @@ const Partner_Facture = (props) => {
Get_List_Partner_Clients(); Get_List_Partner_Clients();
Getall_Parter_Invoice_No_Filter(); Getall_Parter_Invoice_No_Filter();
if (myRef_head) if ( document.getElementById('myRef_head')) {
myRef_head.current.scrollIntoView({ behavior: "smooth" }); var divh = document.getElementById('myRef_head').offsetTop;
window.scrollTo({
top: divh,
behavior: "smooth",
});
}
}, []) }, [])
const [display_detail_invoice, setdisplay_detail_invoice] = React.useState(); const [display_detail_invoice, setdisplay_detail_invoice] = React.useState();
@ -634,11 +640,13 @@ const Partner_Facture = (props) => {
Display_Detail_Invoice_data(invoice_id); Display_Detail_Invoice_data(invoice_id);
if ( document.getElementById('myRef')) {
if (myRef) { var divh = document.getElementById('myRef').offsetTop;
myRef.current.scrollIntoView({ behavior: "smooth" }); window.scrollTo({
} top: divh,
behavior: "smooth",
});
}
} }
@ -1693,7 +1701,7 @@ const Partner_Facture = (props) => {
} }
<div className="div_row" ref={myRef_head} style={{ "border": "None", "color": "orange", "textAlign": "center" }}> <div className="div_row" ref={myRef_head} id="myRef_head" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}> <div className="div_row_gauche" style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="bton_enreg" onClick={Getall_Parter_Invoice_With_Filter}>Rechercher <Button variant="contained" className="bton_enreg" onClick={Getall_Parter_Invoice_With_Filter}>Rechercher
@ -1852,7 +1860,7 @@ const Partner_Facture = (props) => {
</div> </div>
</div> </div>
<div className="div_row" ref={myRef}> &nbsp;</div> <div className="div_row" ref={myRef} id="myRef"> &nbsp;</div>
{String(display_detail_invoice) === "1" && {String(display_detail_invoice) === "1" &&
<div className="div_row"> <div className="div_row">
<nav style={{ "fontSize": "22px", "fontWeight": '600' }}> Facture <i> {invoice_internal_ref} </i>: Affichage detaillé </nav> <nav style={{ "fontSize": "22px", "fontWeight": '600' }}> Facture <i> {invoice_internal_ref} </i>: Affichage detaillé </nav>

View File

@ -211,7 +211,7 @@ function ProduitsServices() {
<li>Ajout de vos propres images pour communiquer sur votre structure et votre marque. <li>Ajout de vos propres images pour communiquer sur votre structure et votre marque.
</li> </li>
<li>Affichage de votre logo à côté de la formation</li> <li>Affichage de votre logo à côté de la formation</li>
<li>Affichage votre bannière en grand sur la page détaillée.</li> <li>Affichage de votre bannière en grand sur la page détaillée.</li>
</ul> </ul>
</div> </div>
@ -219,7 +219,7 @@ function ProduitsServices() {
<b> Génération automatique de leads </b> <b> Génération automatique de leads </b>
<ul> <ul>
<li>Lintérêt des stagiaires génère des leads qui vous sont envoyé automatiquement. <li>Lintérêt des stagiaires génère des leads qui vous sont envoyés automatiquement.
</li> </li>
@ -232,7 +232,7 @@ function ProduitsServices() {
<b>Appels doffre </b> <b>Appels doffre </b>
<ul> <ul>
<li>Consultation des appels doffre de formation pour manifestions dintérêt.</li> <li>Consultation des appels doffre de formation pour manifestations dintérêt.</li>
<li>Publication dun appel doffre de formation et gestion des réponses.</li> <li>Publication dun appel doffre de formation et gestion des réponses.</li>
</ul> </ul>
@ -440,11 +440,11 @@ function ProduitsServices() {
<img src={tick_ko} alt="KO" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_e_learning_persona"> <div className="produits_service_tick height_e_learning_persona">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick height_e_learning"> <div className="produits_service_tick height_e_learning">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>

View File

@ -2991,7 +2991,7 @@ const Recherche_new_v2 = () => {
<ul> <ul>
<li> Compte utilisateur avec données de recherche de formation</li> <li> Compte utilisateur avec données de recherche de formation</li>
<li> Aide à la recherche de formations pour B2C, B2B</li> <li> Aide à la recherche de formations pour B2C, B2B</li>
<li> Consultation des appels doffre de formation et manifestion dintérêt</li> <li> Consultation des appels doffre de formation et manifestations dintérêt</li>
</ul> </ul>
</div> </div>

View File

@ -36,12 +36,12 @@
background-color: transparent; background-color: transparent;
} }
.mysy_spinner{ .mysy_spinner {
border-radius: 5px; border-radius: 5px;
border: 1px solid black; border: 1px solid black;
opacity: 100%; opacity: 100%;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
/*style smartphones et petites tablettes en portrait*/ /*style smartphones et petites tablettes en portrait*/
@ -476,7 +476,7 @@
float: left; float: left;
} }
.block_remise{ .block_remise {
width: 100% !important; width: 100% !important;
} }
@ -700,8 +700,8 @@
width: 100%; width: 100%;
float: left; float: left;
} }
.block_remise{
} .block_remise {}
} }
@ -931,8 +931,7 @@
float: left; float: left;
} }
.block_remise{ .block_remise {}
}
} }
@ -945,12 +944,19 @@
color: 212121 !important; color: 212121 !important;
font-size: small !important; font-size: small !important;
margin: 0px; margin: 0px;
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
margin-top :10px !important;
} }
.css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled{ .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled {
color: 212121 !important; color: 212121 !important;
font-size: medium !important; font-size: medium !important;
margin: 0px !important; margin: 0px !important;
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
} }
.css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input { .css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input {

View File

@ -18,14 +18,14 @@
background-color: transparent; background-color: transparent;
} }
.mysy_spinner{ .mysy_spinner {
border-radius: 5px; border-radius: 5px;
border: 1px solid black; border: 1px solid black;
opacity: 100%; opacity: 100%;
} }
.spinner { .spinner {
width:20rem; width: 20rem;
height: 10rem; height: 10rem;
border: 8px solid; border: 8px solid;
border-color: #3d5af1 transparent #3d5af1 transparent; border-color: #3d5af1 transparent #3d5af1 transparent;
@ -60,6 +60,7 @@
.facture_menu:hover { .facture_menu:hover {
background-color: #e7f3fb; background-color: #e7f3fb;
} }
.facture_menu:focus { .facture_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -167,6 +168,7 @@
background-color: green !important; background-color: green !important;
color: white; color: white;
} }
.div_row_center { .div_row_center {
border-left: 0rem solid; border-left: 0rem solid;
border-width: 0rem; border-width: 0rem;
@ -193,12 +195,12 @@
width: 90%; width: 90%;
} }
.nb_ftion{ .nb_ftion {
text-align: center; text-align: center;
width: 40%; width: 40%;
} }
.mob_heigh{ .mob_heigh {
height: 5rem; height: 5rem;
} }
} }
@ -227,6 +229,7 @@
.facture_menu:hover { .facture_menu:hover {
background-color: #e7f3fb; background-color: #e7f3fb;
} }
.facture_menu:focus { .facture_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -334,6 +337,7 @@
background-color: green !important; background-color: green !important;
color: white; color: white;
} }
.div_row_center { .div_row_center {
border-left: 0rem solid; border-left: 0rem solid;
border-width: 0rem; border-width: 0rem;
@ -359,7 +363,8 @@
color: white; color: white;
width: 80%; width: 80%;
} }
.nb_ftion{
.nb_ftion {
text-align: center; text-align: center;
width: 40%; width: 40%;
} }
@ -387,6 +392,7 @@
.facture_menu:hover { .facture_menu:hover {
background-color: #e7f3fb; background-color: #e7f3fb;
} }
.facture_menu:focus { .facture_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -521,7 +527,7 @@
width: 80%; width: 80%;
} }
.nb_ftion{ .nb_ftion {
text-align: center; text-align: center;
width: 30%; width: 30%;
} }
@ -552,6 +558,7 @@
.facture_menu:hover { .facture_menu:hover {
background-color: #e7f3fb; background-color: #e7f3fb;
} }
.facture_menu:focus { .facture_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -696,28 +703,31 @@
line-height: 1rem; line-height: 1rem;
margin: 0.2rem; margin: 0.2rem;
font-size: small; font-size: small;
font-family: Graphik LCG Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif; font-family: Graphik LCG Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
scroll-behavior: smooth; scroll-behavior: smooth;
} }
.nb_ftion{ .nb_ftion {
text-align: center; text-align: center;
width: 20%; width: 20%;
} }
} }
// End media // End media
} }
.img_payment_checkout{ .img_payment_checkout {
max-width: 25%; max-width: 25%;
margin-top: 1rem; margin-top: 1rem;
} }
.Mui-disabled{ .Mui-disabled {
font-size: small !important; font-size: small !important;
padding-left: 5px !important; padding-left: 5px !important;
height: 3rem !important;
padding: 0 !important;
padding-left: 5px !important;
} }

View File

@ -366,10 +366,10 @@
.detail_element { .detail_element {
border-radius: 3px; border-radius: 3px;
display: inline-block; display: inline-block;
width: 95%; width: 99%;
background-color: white; background-color: white;
height: auto; height: auto;
padding: 5px; padding: 10px;
outline: 1px solid #ccc; outline: 1px solid #ccc;
text-align: left; text-align: left;
@ -526,12 +526,13 @@
//width: 80%; //width: 80%;
height: 37px; height: 37px;
//right: 213px; //right: 213px;
top: 85px; top: 95px;
/* Beige */ /* Beige */
background: #FFF5DA; background: #FFF5DA;
border-radius: 4px; border-radius: 4px;
margin-left: 5rem;
} }
.mob_tag_cpf_txt { .mob_tag_cpf_txt {
@ -1350,7 +1351,7 @@
.mob_block_organisme_ftion { .mob_block_organisme_ftion {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
padding: 0px; padding: 0px;
gap: 4px; gap: 4px;
@ -1358,7 +1359,7 @@
width: 190px; width: 190px;
height: 42px; height: 42px;
left: 100px; left: 100px;
top: 660px; top: 670px;
} }
.mob_block_organisme_ftion_orga { .mob_block_organisme_ftion_orga {
@ -1516,6 +1517,10 @@
color: red; color: red;
font-size: medium; font-size: medium;
} }
.css-wdmfcx{
width: 100% !important;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {

View File

@ -58,7 +58,6 @@
font-style: italic; font-style: italic;
background-color: #104277; background-color: #104277;
font-weight: normal; font-weight: normal;
height: 2rem;
padding-top: 5px; padding-top: 5px;
border-radius: 5px; border-radius: 5px;
//font-weight: bold; //font-weight: bold;