29/09/2023 - 19h30

recette2
cherif 2023-09-29 19:33:44 +02:00
parent ce49bf491b
commit f799edaa12
31 changed files with 885 additions and 347 deletions

View File

@ -27,6 +27,15 @@
margin-right: auto !important; margin-right: auto !important;
padding-left: 0.2rem !important; padding-left: 0.2rem !important;
padding-right: 0.2rem !important; padding-right: 0.2rem !important;
z-index: 99999999 !important;
}
.overlay-custom-class-name{
z-index: 99999999 !important;
}
.react-confirm-alert{
width: 90% !important;
z-index: 999999 !important;
} }

View File

@ -761,7 +761,7 @@ function Abonnement(props) {
onClick: () => { StopAbonnement(); } onClick: () => { StopAbonnement(); }
}, },
{ {
label: 'No,', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -133,11 +133,11 @@ function Account() {
message: 'Confirmez la deconnexion', message: 'Confirmez la deconnexion',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_confirmation() onClick: () => logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]
@ -253,11 +253,11 @@ function Account() {
message: 'Cette action va supprimer toutes vos données, Confirmez-vous la suppression du compte ?', message: 'Cette action va supprimer toutes vos données, Confirmez-vous la suppression du compte ?',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => finaldeleteuseraccount() onClick: () => finaldeleteuseraccount()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -546,11 +546,11 @@ const DisplayDetailArticle = (props) => {
message: " ", message: " ",
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => { RecordArticle() } onClick: () => { RecordArticle() }
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
}, },

View File

@ -981,11 +981,11 @@ const DisplayDetailClass_new_v2 = (props) => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -53,11 +53,11 @@ const Formation_copie = (props) => {
message: 'Merci de vous connecter pour acceder au detail de cette formation', message: 'Merci de vous connecter pour acceder au detail de cette formation',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) } onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }

View File

@ -53,11 +53,11 @@ const Formation = (props) => {
message: 'Merci de vous connecter pour acceder au detail de cette formation', message: 'Merci de vous connecter pour acceder au detail de cette formation',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) } onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
@ -114,7 +114,7 @@ const Formation = (props) => {
var ch_img = "data:image/png;base64," + res.data.message.img; var ch_img = "data:image/png;base64," + res.data.message.img;
setuserimgclassprofil(ch_img); setuserimgclassprofil(ch_img);
//console.log("ch_img = "+ch_img); //console.log("ch_img = "+ch_img);
} }
else { else {
setisclassimage("False"); setisclassimage("False");
} }
@ -260,12 +260,12 @@ const Formation = (props) => {
{String(ismetiermanaged) === "0" && <div className="forma_img_gauche"> {String(ismetiermanaged) === "0" && <div className="forma_img_gauche">
<img src={img_met_autre} alt="autre" className="training_img" /> <img src={img_met_autre} alt="autre" className="training_img" />
{props.formation.institut_formation && <div style={{ width: '100%', "textAlign":"center" }}> Dispensé par :<br/> {String(props.formation.institut_formation)} </div>}
</div>} </div>}
{String(ismetiermanaged) === "1" && <div className="forma_img_gauche"> {String(ismetiermanaged) === "1" && <div className="forma_img_gauche">
<img src={props.formation.img_url} alt="autre" className="training_img" /> <img src={props.formation.img_url} alt="autre" className="training_img" />
{props.formation.institut_formation && <div style={{ width: '100%', "textAlign":"center" }}> Dispensé par : <br/> {String(props.formation.institut_formation)} </div>}
</div>} </div>}
@ -363,9 +363,6 @@ const Formation = (props) => {
</div> </div>
} }
</div> </div>
<div className="div_row row_formation_desc"> <div className="div_row row_formation_desc">
@ -411,12 +408,12 @@ const Formation = (props) => {
{props.formation.duration} mois(s) {props.formation.duration} mois(s)
</div>} </div>}
{String(props.formation.duration_unit) === "semaine" && {String(props.formation.duration_unit) === "semaine" &&
<div className="criteres ftion_tab_droite"> <div className="criteres ftion_tab_droite">
{props.formation.duration} Sem (s) {props.formation.duration} Sem (s)
</div>} </div>}
{String(props.formation.duration_unit) === "user_rythme" && {String(props.formation.duration_unit) === "user_rythme" &&
<div className="criteres ftion_tab_droite"> <div className="criteres ftion_tab_droite">
A votre rythme A votre rythme
</div>} </div>}

View File

@ -55,11 +55,11 @@ const Formation_Cartouche_Com = (props) => {
message: 'Merci de vous connecter pour acceder au detail de cette formation', message: 'Merci de vous connecter pour acceder au detail de cette formation',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) } onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }

View File

@ -123,11 +123,11 @@ const Header = () => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -280,11 +280,11 @@ const ListeArticles = (props) => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]
@ -347,11 +347,11 @@ const ListeArticles = (props) => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -44,11 +44,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion partenaire', message: 'Confirmez la deconnexion partenaire',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_partner_confirmation() onClick: () => logout_partner_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
@ -75,11 +75,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion utilisateur', message: 'Confirmez la deconnexion utilisateur',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_user_confirmation() onClick: () => logout_user_confirmation()
}, },
/* { /* {
label: 'No', label: 'Non',
}*/ }*/
] ]

View File

@ -41,11 +41,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion partenaire', message: 'Confirmez la deconnexion partenaire',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_partner_confirmation() onClick: () => logout_partner_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
@ -72,11 +72,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion utilisateur', message: 'Confirmez la deconnexion utilisateur',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_user_confirmation() onClick: () => logout_user_confirmation()
}, },
/* { /* {
label: 'No', label: 'Non',
}*/ }*/
] ]

View File

@ -44,11 +44,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion partenaire', message: 'Confirmez la deconnexion partenaire',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_partner_confirmation() onClick: () => logout_partner_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
@ -75,11 +75,11 @@ function PartnerSignIn() {
message: 'Confirmez la deconnexion utilisateur', message: 'Confirmez la deconnexion utilisateur',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_user_confirmation() onClick: () => logout_user_confirmation()
}, },
/* { /* {
label: 'No', label: 'Non',
}*/ }*/
] ]

View File

@ -114,7 +114,7 @@ function ProduitsServices() {
}; };
function sendEmail(){ function sendEmail() {
window.location = "mailto:contact@mysy-training.com"; window.location = "mailto:contact@mysy-training.com";
} }
@ -174,6 +174,10 @@ 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 height_publication_header">
<b> Moteur de Recherche </b>
</div>
<div className="produits_service_label height_publication"> <div className="produits_service_label height_publication">
<b> Publication des <b> Publication des
formations </b> formations </b>
@ -192,150 +196,178 @@ function ProduitsServices() {
</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 votre bannière en grand sur la page détaillée.</li>
la barre de recherche.</li>
</ul>
</div>
<div className="produits_service_label height_publication">
<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é 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 manifestions 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>
</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.8rem" , "fontSize":"small"}}> <div style={{ "marginBottom": "0px", "fontSize": "small" }}>
Pour chaque Formation Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div> </div>
<div className="produits_service_tick height_publication"> <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 height_publication">
<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" /> <img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </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_basique_price"> <div className="div_row_basique_price">
Gratuit 15 jours Gratuit 15 jours
@ -360,40 +392,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.8rem" , "fontSize":"small"}}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Pour chaque Formation Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div> </div>
<div className="produits_service_tick height_publication"> <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" />
</div>
<div className="produits_service_tick height_support">
<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_leads"> <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_publication"> <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 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_label height_publication_header">
&nbsp;
</div>
<div className="produits_service_tick height_gestion_admin">
<img src={tick_ko} alt="KO" 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 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" />
</div>
<div className="div_row_standard_price"> <div className="div_row_standard_price">
50 HT /mois 50 HT /mois
</div> </div>
@ -417,41 +473,65 @@ 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.8rem" , "fontSize":"small"}}> <div style={{ "marginBottom": "0.8rem", "fontSize": "small" }}>
Pour chaque Formation Pour chaque Formation
</div>
<div className="produits_service_label height_publication_header">
&nbsp;
</div> </div>
<div className="produits_service_tick height_publication"> <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 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" />
</div> </div>
<div className="produits_service_tick height_leads"> <div className="produits_service_tick height_leads">
<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_publication">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <div className="produits_service_tick height_appel_offre">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div> </div>
<div className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" /> <div className="produits_service_label height_publication_header">
&nbsp;
</div> </div>
<div className="produits_service_tick height_leads">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<div className="produits_service_tick height_gestion_admin">
<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_ok} alt="OK" 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="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_gold_price"> <div className="div_row_gold_price">
90 HT /mois 90 HT /mois
</div> </div>
<div className="div_row_gold_price"> <div className="div_row_gold_price">
@ -475,21 +555,18 @@ function ProduitsServices() {
{<div style={{ "width": "1%" }}> &nbsp;</div>} {<div style={{ "width": "1%" }}> &nbsp;</div>}
</div> </div>
<div className="div_row"> <div className="div_row">
<div style={{"float":"right", "width":"65%" , "textAlign":"center"}}>
<Button variant="contained" className="bton_envoyer" <div className="bton_envoyer_precision" onClick={sendEmail}>
onClick={sendEmail}
startIcon={<SendIcon />}>Vous souhaitez avoir des précisions, contactez nous. &nbsp; &nbsp; {<SendIcon />}</Button> Vous souhaitez avoir des précisions, contactez nous. &nbsp; &nbsp; {<SendIcon />}
</div>
</div> </div>
</div>
{/* <div className="div_row"> {/* <div className="div_row">
<div className="div_row_description" > <div className="div_row_description" >
{String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}> {String(periode) === String("Mensuel") && <div style={{ "background": "#E9ECEF", "minHeight": "3.5rem", "paddingTop": "1rem" }}>

View File

@ -1752,11 +1752,11 @@ const Recherche = () => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -280,11 +280,11 @@ const RechercheArticles = (props) => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]
@ -347,11 +347,11 @@ const RechercheArticles = (props) => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -1660,11 +1660,11 @@ const Recherche_new = () => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -1660,11 +1660,11 @@ const Recherche_new = () => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]

View File

@ -62,6 +62,14 @@ import { AiTwotoneFolder } from "react-icons/ai";
import serv_img_market_digi from "../mysy_img/market_digi.jpg"; import serv_img_market_digi from "../mysy_img/market_digi.jpg";
import serv_img_gestion_admin from "../mysy_img/gestion_admin_2.jpg"; import serv_img_gestion_admin from "../mysy_img/gestion_admin_2.jpg";
import serv_img_publication from "../mysy_img/publication.jpg"; import serv_img_publication from "../mysy_img/publication.jpg";
import mysy_search from "../mysy_img2/mysy_search.jpg";
import mysy_lms from "../mysy_img2/mysy_e_learning.jpg";
import mysy_consulting from "../mysy_img2/mysy_consulting.jpg";
import mysy_datacenter from "../mysy_img2/mysy_datacenter.png";
import { CiCircleRemove, CiCircleMinus } from "react-icons/ci"; import { CiCircleRemove, CiCircleMinus } from "react-icons/ci";
let PageSize = 10; let PageSize = 10;
@ -2053,11 +2061,11 @@ const Recherche_new_v2 = () => {
message: 'Confirmez la deconnexion (user)', message: 'Confirmez la deconnexion (user)',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => user_logout_confirmation() onClick: () => user_logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
} }
] ]
@ -2082,13 +2090,13 @@ const Recherche_new_v2 = () => {
/* si c'est une connexion partner qui est active */ /* si c'est une connexion partner qui est active */
if (typeof (stored_part) != "undefined") { if (typeof (stored_part) != "undefined") {
const stored_cookie = getCookie('tokenmysypart'); const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie+"_uar"; var acces_right_token_name = stored_cookie + "_uar";
setpartCookie("tokenmysypart", "", { path: '/' }); setpartCookie("tokenmysypart", "", { path: '/' });
setpartCookie(acces_right_token_name, "", { path: '/' }); setpartCookie(acces_right_token_name, "", { path: '/' });
removeCookie(acces_right_token_name, { path: '/' }); removeCookie(acces_right_token_name, { path: '/' });
} }
history.push("/recherche-formation"); history.push("/recherche-formation");
} }
@ -2946,12 +2954,12 @@ const Recherche_new_v2 = () => {
</div> </div>
</div> </div>
<div className="frame_153"> {/*<div className="frame_153">
<nav className="frame_153_txt"> <nav className="frame_153_txt">
Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ... Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ...
</nav> </nav>
</div> </div> */}
</div> </div>
@ -2970,56 +2978,76 @@ const Recherche_new_v2 = () => {
<div className="nos_serv_serv1"> <div className="nos_serv_serv1">
<div className="service1_img"> <div className="service1_img">
<img className="img_service" src={serv_img_publication} alt="MySy Training Publication" /> <img className="img_service" src={mysy_search} alt="MySy Training Publication" />
</div> </div>
<div className="service1_title_desc"> <div className="service1_title_desc">
<div className="service1_title"> <div className="service1_title">
Un outil de publication en ligne Moteur de Recherche de Formations
</div> </div>
<div className="service1_desc"> <div className="service1_desc">
Une recherche multicritère parfaite pour retrouver la formation la plus adaptée aux besoins de votre client. Une recherche multicritère parfaite pour retrouver la formation la plus adaptée aux besoins de votre client.
</div>
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_market_digi} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Marketing digital sur mesure
</div>
<div className="service1_desc">
Accompagnement personnalisé dans vos communications et <br /> Un ciblage efficace lors de lenvoi demailings
</div>
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={serv_img_gestion_admin} alt="MySy Training gestion administrative" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Gestion Administrative
</div>
<div className="service1_desc">
Une plateforme idéale pour gérer vos sessions de formation :
<ul> <ul>
<li> Les inscriptions </li> <li> Compte utilisateur avec données de recherche de formation</li>
<li> Les émargements </li> <li> Aide à la recherche de formations pour B2C, B2B</li>
<li> Les avis des participants </li> <li> Consultation des appels doffre de formation et manifestion dintérêt</li>
</ul>
</div>
</div>
</div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={mysy_lms} alt="MySy Training Marketing digital" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Gestion pédagogique & Outil CRM
</div>
<div className="service1_desc">
Un Outil de gestion administrative :<br />
<ul>
<li> Gestion inscriptions</li>
<li> Gestion sessions</li>
<li> Gestion avis participants</li>
</ul>
<ul>
<li> Gestion clients</li>
<li> Devis & Commandes</li>
<li> Facturation</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div className="nos_serv_serv1">
<div className="service1_img">
<img className="img_service" src={mysy_datacenter} alt="MySy Training gestion administrative" />
</div>
<div className="service1_title_desc">
<div className="service1_title">
Hébergement de e-Formations (LMS)
</div>
<div className="service1_desc">
Hébergement des formations sur nos serveurs (ou les vôtres)
<ul>
<li> Cours en ligne </li>
<li> Echange prof / apprenant </li>
<li> Evaluation (note) </li>
<li> Gestion planning </li>
</ul>
<nav className="bton_ensavoir_plus" onClick={handleProduitService}> En savoir plus ...</nav>
</div>
</div>
</div>
</div> </div>
@ -3301,7 +3329,7 @@ const Recherche_new_v2 = () => {
{NewSearchText && <div className="tab_critere_espace"> {NewSearchText && <div className="tab_critere_espace">
<div className="sous_filter_metier"> <div className="sous_filter_metier">
<div className="filter_metier_sous_block_content_txt_formation" style={{ "width": "100%", "fontWeight":"normal", "fontStyle":"italic", "color":"green" }}> <div className="filter_metier_sous_block_content_txt_formation" style={{ "width": "100%", "fontWeight": "normal", "fontStyle": "italic", "color": "green" }}>
Recherhe pour : "{NewSearchText}" Recherhe pour : "{NewSearchText}"
</div> </div>
@ -3310,7 +3338,7 @@ const Recherche_new_v2 = () => {
<div className="filter_metier_sous_block_content_txt" style={{ "width": "100%" }}> <div className="filter_metier_sous_block_content_txt" style={{ "width": "100%" }}>
<div className="filter_metier_sous_block_content_txt_formation" style={{ "width": "100%" }}> <div className="filter_metier_sous_block_content_txt_formation" style={{ "width": "100%" }}>
Réinitaliser les filtres <CiCircleRemove style={{ "fontSize":"larger", "color":"yellowgreen", }}/> Réinitaliser les filtres <CiCircleRemove style={{ "fontSize": "larger", "color": "yellowgreen", }} />
</div> </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
</div> </div>
@ -3318,42 +3346,42 @@ const Recherche_new_v2 = () => {
</div> </div>
</div> </div>
<div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}> <div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}>
<div className="filter_metier_sous_block_content" > <div className="filter_metier_sous_block_content" >
<CiCircleMinus style={{ "fontSize":"large" }} /> <CiCircleMinus style={{ "fontSize": "large" }} />
<div className="filter_metier_sous_block_content_txt"> <div className="filter_metier_sous_block_content_txt">
<div className="filter_metier_sous_block_content_txt_formation"> <div className="filter_metier_sous_block_content_txt_formation">
Management </div> Management </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}> <div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}>
<div className="filter_metier_sous_block_content" > <div className="filter_metier_sous_block_content" >
<CiCircleMinus style={{ "fontSize":"large" }} /> <CiCircleMinus style={{ "fontSize": "large" }} />
<div className="filter_metier_sous_block_content_txt"> <div className="filter_metier_sous_block_content_txt">
<div className="filter_metier_sous_block_content_txt_formation"> <div className="filter_metier_sous_block_content_txt_formation">
Informatique </div> Informatique </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}> <div className="filter_metier_sous_block" onClick={message_to_init_Filter_Change_url}>
<div className="filter_metier_sous_block_content" > <div className="filter_metier_sous_block_content" >
<CiCircleMinus style={{ "fontSize":"large" }} /> <CiCircleMinus style={{ "fontSize": "large" }} />
<div className="filter_metier_sous_block_content_txt"> <div className="filter_metier_sous_block_content_txt">
<div className="filter_metier_sous_block_content_txt_formation"> <div className="filter_metier_sous_block_content_txt_formation">
Graphisme </div> Graphisme </div>
<div className="filter_metier_sous_block_content_txt_nb"> <div className="filter_metier_sous_block_content_txt_nb">
</div> </div>
</div> </div>
@ -3778,8 +3806,8 @@ const Recherche_new_v2 = () => {
<br /> <br />
&nbsp; &nbsp;
</div>} </div>}
{result && myApiResponse == "True" && fin == 0 && !newresult && {result && myApiResponse == "True" && fin == 0 && !newresult &&
result.slice(0, PageSize).map((formation) => ( result.slice(0, PageSize).map((formation) => (
<div className="rech_list_formation2" ref={inputEl} id="inputEl_element"> <div className="rech_list_formation2" ref={inputEl} id="inputEl_element">

View File

@ -70,7 +70,7 @@ function SignIn() {
message: 'Confirmez la deconnexion compte PRO', message: 'Confirmez la deconnexion compte PRO',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_partner_confirmation() onClick: () => logout_partner_confirmation()
}, },
@ -89,11 +89,11 @@ function SignIn() {
message: 'Confirmez la deconnexion utilisateur', message: 'Confirmez la deconnexion utilisateur',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_user_confirmation() onClick: () => logout_user_confirmation()
}, },
/* { /* {
label: 'No', label: 'Non',
onClick: () => retnull() onClick: () => retnull()
}*/ }*/
@ -342,11 +342,11 @@ function SignIn() {
message: 'Confirmez la reinitialisation', message: 'Confirmez la reinitialisation',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => resetpasswd_ok() onClick: () => resetpasswd_ok()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
}, },

View File

@ -61,7 +61,7 @@ function SignIn() {
message: 'Confirmez la deconnexion compte PRO', message: 'Confirmez la deconnexion compte PRO',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_partner_confirmation() onClick: () => logout_partner_confirmation()
}, },
@ -80,11 +80,11 @@ function SignIn() {
message: 'Confirmez la deconnexion utilisateur', message: 'Confirmez la deconnexion utilisateur',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_user_confirmation() onClick: () => logout_user_confirmation()
}, },
/* { /* {
label: 'No', label: 'Non',
onClick: () => retnull() onClick: () => retnull()
}*/ }*/
@ -312,11 +312,11 @@ function SignIn() {
message: 'Confirmez la reinitialisation', message: 'Confirmez la reinitialisation',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => resetpasswd_ok() onClick: () => resetpasswd_ok()
}, },
{ {
label: 'No', label: 'Non',
onClick: () => { return } onClick: () => { return }
}, },

View File

@ -1,4 +1,4 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { slide as Menu } from "react-burger-menu"; import { slide as Menu } from "react-burger-menu";
import { NavLink } from "react-router-dom"; import { NavLink } from "react-router-dom";
import { getCookie } from 'react-use-cookie'; import { getCookie } from 'react-use-cookie';
@ -15,7 +15,7 @@ import { useCookies } from "react-cookie";
const SideBar = () => { const SideBar = () => {
const stored_cookie = getCookie('tokenmysych'); const stored_cookie = getCookie('tokenmysych');
const history = useHistory(); const history = useHistory();
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']); const [cookie_part, setCookie_part, removeCookie_part] = useCookies(['tokenmysypart']);
@ -51,11 +51,11 @@ const SideBar = () => {
message: 'Confirmez la deconnexion', message: 'Confirmez la deconnexion',
buttons: [ buttons: [
{ {
label: 'Yes', label: 'Oui',
onClick: () => logout_confirmation() onClick: () => logout_confirmation()
}, },
{ {
label: 'No', label: 'Non',
} }
], ],
@ -64,29 +64,69 @@ const SideBar = () => {
keyCodeForClose: [8, 32], keyCodeForClose: [8, 32],
willUnmount: () => { }, willUnmount: () => { },
afterClose: () => { }, afterClose: () => { },
onClickOutside: () => {}, onClickOutside: () => { },
onKeypress: () => {}, onKeypress: () => { },
onKeypressEscape: () => {}, onKeypressEscape: () => { },
overlayClassName: "overlay-custom-class-name"
}); });
} }
const [someoneconnected, setsomeoneconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
const [userconnected, setuserconnected] = useState("0");
const stored_part = getCookie('tokenmysypart');
function whosisconnected() {
var local_user_connect = 0;
var local_part_connect = 0;
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
setuserconnected("0");
local_user_connect = 0;
} else {
setuserconnected("1");
setsomeoneconnected("1");
local_user_connect = 1;
//alert(" user connected OK");
}
if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
setpartnerconnected("0");
local_part_connect = 0;
} else {
setpartnerconnected("1");
setsomeoneconnected("1");
local_part_connect = 1;
//alert(" partner connected OK");
}
}
useEffect(() => {
whosisconnected();
}, []);
return ( return (
// Pass on our props // Pass on our props
<div> <div>
{String(environnment) === "PROD" && {String(environnment) === "PROD" &&
<Menu className="ch_burger_menu"> <Menu className="ch_burger_menu">
<NavLink exact to={"/Connexion"} activeClassName={"nav-active"}> {String(someoneconnected) !== String("1") && <NavLink exact to={"/Connexion"} activeClassName={"nav-active"}>
Connexion Utilisateur Connexion Utilisateur
</NavLink> </NavLink>}
<NavLink exact to={"/create_account"} activeClassName={"nav-active"}> {String(someoneconnected) !== String("1") && <NavLink exact to={"/create_account"} activeClassName={"nav-active"}>
Créer compte Créer compte
</NavLink> </NavLink>}
{String(someoneconnected) === String("1") && <NavLink exact to={"/mysy-user-account"} activeClassName={"nav-active"}>
Mon compte
</NavLink>}
<NavLink exact to={"/recherche-formation"} activeClassName={"nav-active"}> <NavLink exact to={"/recherche-formation"} activeClassName={"nav-active"}>
Recherche formation Recherche formation
</NavLink> </NavLink>
@ -107,42 +147,78 @@ const SideBar = () => {
Liste Articles Liste Articles
</NavLink> </NavLink>
{/*
<NavLink exact to={"/Display-Detail-formation/:classId"} activeClassName={"nav-active"}>
Detail Formation
</NavLink>
<NavLink exact to={"/testurl/:course/:tab"} activeClassName={"nav-active"}>
Test url
</NavLink>
<NavLink exact to={"/Display-Detail-Article/:articleId"} activeClassName={"nav-active"}>
Detail Articles
</NavLink>
<NavLink exact to={"/ResetUserPwd/:token"} activeClassName={"nav-active"}>
Reset User Pwd
</NavLink>
<NavLink exact to={"/DeleteUserAccount/:token"} activeClassName={"nav-active"}>
Delete User Accound
</NavLink>
*/}
{typeof (stored_partner) != "undefined" && {typeof (stored_partner) != "undefined" &&
/* Connexion partner active */ /* Connexion partner active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "#C0392B", fontSize: 10 }} > <Button className='bton_annule' onClick={logout} style={{color:"red", opacity:'100%', borderRadius:'5rem', fontSize:"12px", width:"100%", background:"black",
<i> Exit Part</i> padding:"5px"}}>
<i> Deconnexion </i>
</Button> </Button>
} }
{typeof (stored_user) != "undefined" && {typeof (stored_user) != "undefined" &&
/* Connexion utilisateur active */ /* Connexion utilisateur active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} > <Button className='bton_annule' onClick={logout} startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Exit User Deconnexion
</Button>
}
</Menu>}
{String(environnment) === "REC" &&
<Menu className="ch_burger_menu">
{String(someoneconnected) !== String("1") && <NavLink exact to={"/Connexion"} activeClassName={"nav-active"}>
Connexion Utilisateur
</NavLink>}
{String(someoneconnected) !== String("1") && <NavLink exact to={"/create_account"} activeClassName={"nav-active"}>
Créer compte
</NavLink>}
{String(someoneconnected) === String("1") && <NavLink exact to={"/mysy-user-account"} activeClassName={"nav-active"}>
Mon compte
</NavLink>}
<NavLink exact to={"/recherche-formation"} activeClassName={"nav-active"}>
Recherche formation
</NavLink>
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
Produits & Services
</NavLink>
<NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
Partenaires
</NavLink>
<NavLink exact to={"/PartnerLogin"} activeClassName={"nav-active"}>
Partenaire Login
</NavLink>
<NavLink exact to={"/Recherche-Article-formation"} activeClassName={"nav-active"}>
Liste Articles
</NavLink>
{typeof (stored_partner) != "undefined" &&
/* Connexion partner active */
<Button className='bton_annule' onClick={logout} style={{
color: "red", opacity: '100%', borderRadius: '5rem', fontSize: "12px", width: "100%", background: "black",
padding: "5px"
}}>
<i> Deconnexion </i>
</Button>
}
{typeof (stored_user) != "undefined" &&
/* Connexion utilisateur active */
<Button className='bton_annule' onClick={logout} startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Deconnexion
</Button> </Button>
} }
</Menu>} </Menu>}
@ -150,18 +226,24 @@ const SideBar = () => {
{String(environnment) === "DEV" && {String(environnment) === "DEV" &&
<Menu className="ch_burger_menu"> <Menu className="ch_burger_menu">
<NavLink exact to={"/mysy-training-login/0/0"} activeClassName={"nav-active"}> <NavLink exact to={"/mysy-training-login/0/0"} activeClassName={"nav-active"}>
DEV : someoneconnected = {String(someoneconnected)}
</NavLink>
{String(someoneconnected) !== String("1") && <NavLink exact to={"/mysy-training-login/0/0"} activeClassName={"nav-active"}>
Connexion Utilisateur Connexion Utilisateur
</NavLink> </NavLink>}
<NavLink exact to={"/create_account"} activeClassName={"nav-active"}> {String(someoneconnected) !== String("1") && <NavLink exact to={"/create_account"} activeClassName={"nav-active"}>
Créer compte Créer compte
</NavLink> </NavLink>}
<NavLink exact to={"/mysy-user-account"} activeClassName={"nav-active"}> {String(someoneconnected) === String("1") && <NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
Mon compte Mon compte
</NavLink> </NavLink>}
<NavLink exact to={"/recherche-formation/"} activeClassName={"nav-active"}> <NavLink exact to={"/recherche-formation/"} activeClassName={"nav-active"}>
@ -171,16 +253,12 @@ const SideBar = () => {
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}> <NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
Produits & Services Produits & Services
</NavLink> </NavLink>
<NavLink exact to={"/Display-Detail-formation/:classId"} activeClassName={"nav-active"}> <NavLink exact to={"/Display-Detail-formation/:classId"} activeClassName={"nav-active"}>
Detail Formation Detail Formation
</NavLink> </NavLink>
<NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
Partenaires
</NavLink>
<NavLink exact to={"/testurl/:course/:tab"} activeClassName={"nav-active"}> <NavLink exact to={"/testurl/:course/:tab"} activeClassName={"nav-active"}>
Test url Test url
</NavLink> </NavLink>
@ -215,8 +293,11 @@ const SideBar = () => {
{typeof (stored_partner) != "undefined" && {typeof (stored_partner) != "undefined" &&
/* Connexion partner active */ /* Connexion partner active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "#C0392B", fontSize: 10 }} > <Button className='bton_annule' onClick={logout} style={{
<i> Exit Part</i> color: "red", opacity: '100%', borderRadius: '5rem', fontSize: "12px", width: "100%", background: "black",
padding: "5px", letterSpacing:"2px"
}}>
<i> Deconnexion </i>
</Button> </Button>
@ -224,8 +305,8 @@ const SideBar = () => {
{typeof (stored_user) != "undefined" && {typeof (stored_user) != "undefined" &&
/* Connexion utilisateur active */ /* Connexion utilisateur active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} > <Button className='bton_annule' onClick={logout} startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Exit User Deconnexion
</Button> </Button>
} }
</Menu>} </Menu>}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@ -20,10 +20,12 @@
color: blue; color: blue;
} }
.nav-active{ .nav-active{
&::after { &::after {
content: ''; content: '';
width: 100px; width: 100%;
height: 5px; height: 5px;
background-color: aqua; background-color: aqua;
position: absolute; position: absolute;
@ -93,7 +95,7 @@
.nav-active{ .nav-active{
&::after { &::after {
content: ''; content: '';
width: 100px; width: 100%;
height: 5px; height: 5px;
background-color: aqua; background-color: aqua;
position: absolute; position: absolute;

View File

@ -519,6 +519,36 @@
color: white; color: white;
} }
.height_publication {
height: 8rem !important;
}
.height_publication_header {
height: auto;
margin-bottom: 0.5rem;
margin-top: 1rem;
background: #073462;
color: white;
}
.bton_envoyer {
border-radius: 5px;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
}
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
color: white;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1021,7 +1051,7 @@
color: white; color: white;
} }
.height_support { .height_support {
height: 3rem !important; height: 3rem !important;
} }
@ -1039,13 +1069,69 @@
height: 8rem !important; height: 8rem !important;
} }
.height_publication_header {
height: auto;
margin-bottom: 0.5rem;
margin-top: 1rem;
background: #073462;
color: white;
}
//-----
.height_e_learning {
height: 11rem !important;
}
.height_intranet {
height: 5rem !important;
}
.height_gestion_admin {
height: 13rem !important;
}
.height_appel_offre {
height: 7rem !important;
}
.height_affichage_ftion {
height: 9rem !important;
}
.height_price_1 {
height: 5rem !important;
}
.height_e_learning_persona {
height: 7rem !important;
}
.height_gestion_crm {
height: 9rem !important;
}
//----------
.bton_envoyer { .bton_envoyer {
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: medium;
padding: 0.3rem; padding: 0.3rem;
width: 80%; width: 80%;
background: #81BC3A; background: #81BC3A;
} }
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
color: white;
}
} }
@ -1553,7 +1639,7 @@
color: white; color: white;
} }
.height_support { .height_support {
height: 3rem !important; height: 3rem !important;
} }
@ -1570,14 +1656,71 @@
height: 9rem !important; height: 9rem !important;
} }
.height_publication_header {
height: auto;
margin-bottom: 0.5rem;
margin-top: 1rem;
background: #073462;
color: white;
}
//-----
.height_e_learning {
height: 11rem !important;
}
.height_intranet {
height: 5rem !important;
}
.height_gestion_admin {
height: 11rem !important;
}
.height_appel_offre {
height: 6rem !important;
}
.height_affichage_ftion {
height: 7rem !important;
}
.height_price_1 {
height: 5rem !important;
}
.height_e_learning_persona {
height: 5rem !important;
}
.height_gestion_crm {
height: 9rem !important;
}
//----------
.bton_envoyer { .bton_envoyer {
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: medium;
padding: 0.3rem; padding: 0.3rem;
width: 80%; width: 80%;
background: #81BC3A; background: #81BC3A;
} }
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
color: white;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -1780,7 +1923,7 @@
.height_support { .height_support {
height: 3rem !important; height: 7rem !important;
} }
.height_leads { .height_leads {
@ -1788,16 +1931,64 @@
} }
.height_Reporting { .height_Reporting {
height: 8rem !important; height: 5rem !important;
} }
.height_publication { .height_publication {
height: 8rem !important; height: 8rem !important;
} }
.height_publication_header {
height: auto;
margin-bottom: 0.5rem;
margin-top: 1rem;
background: #073462;
color: white;
}
//-----
.height_e_learning {
height: 11rem !important;
}
.height_intranet {
height: 5rem !important;
}
.height_gestion_admin {
height: 11rem !important;
}
.height_appel_offre {
height: 6rem !important;
}
.height_affichage_ftion {
height: 7rem !important;
}
.height_price_1 {
height: 5rem !important;
}
.height_e_learning_persona {
height: 5rem !important;
}
.height_gestion_crm {
height: 9rem !important;
}
//----------
.bton_envoyer { .bton_envoyer {
border-radius: 5px; border-radius: 5px;
font-size: small; font-size: medium;
padding: 0.3rem; padding: 0.3rem;
width: 60%; width: 60%;
background: #81BC3A; background: #81BC3A;
@ -2107,5 +2298,14 @@
background: red !important; background: red !important;
} }
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
color: white;
}
} }
} }

View File

@ -858,7 +858,7 @@
width: 97%; width: 97%;
//height: 1486px; //height: 1486px;
left: 1%; left: 1%;
top: 580px; top: 495px;
} }
.pieddepage_v2 { .pieddepage_v2 {
@ -3106,13 +3106,12 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 40px; gap: 10px;
position: absolute; position: absolute;
width: 96%; width: 96%;
height: 204px; height: 204px;
left: 2%; left: 2%;
top: 590px; top: 500px;
} }
@ -3791,12 +3790,12 @@
.nos_serv_list { .nos_serv_list {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: start;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 56px; gap: 15px;
width: 95%; width: 100%;
height: 116px; height: 116px;
@ -3816,7 +3815,7 @@
padding: 0px; padding: 0px;
gap: 16px; gap: 16px;
width: 28%; width: 31%;
height: 116px; height: 116px;
@ -5039,6 +5038,7 @@
opacity: 1; opacity: 1;
border-radius: 1rem; border-radius: 1rem;
margin-top: 1rem; margin-top: 1rem;
display: none;
} }
.service1_title_desc { .service1_title_desc {
@ -5053,7 +5053,7 @@
padding: 0px; padding: 0px;
gap: 4px; gap: 4px;
width: 70%; width: 100%;
height: 116px; height: 116px;
@ -5100,6 +5100,7 @@
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
width: 100%;
/* or 143% */ /* or 143% */
@ -5224,7 +5225,7 @@
width: 100%; width: 100%;
height: 10px; height: 10px;
border-radius: 8px; border-radius: 8px;
/* Inside auto layout */ /* Inside auto layout */
@ -5237,7 +5238,20 @@
padding-left: 1rem; padding-left: 1rem;
} }
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
background: #81BC3A !important;
text-align: center;
height: 2.5rem;
width: 100%;
color: white;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
cursor: pointer;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -6061,13 +6075,14 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 40px; gap: 10px;
position: absolute; position: absolute;
width: 96%; width: 97%;
height: 204px; height: 204px;
left: 2%; left: 20px;
top: 580px; top: 510px;
background: white;
} }
@ -8173,7 +8188,7 @@
width: 100%; width: 100%;
height: 10px; height: 10px;
border-radius: 8px; border-radius: 8px;
/* Inside auto layout */ /* Inside auto layout */
@ -8186,10 +8201,23 @@
padding-left: 1rem; padding-left: 1rem;
} }
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
background: #81BC3A !important;
text-align: center;
height: 2.5rem;
width: 90%;
color: white;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
cursor: pointer;
}
} }
@media only screen and (min-width: 1201px) and (max-width: 1919px) { @media only screen and (min-width: 1200px) and (max-width: 1919px) {
/* Ordi de bureau et grands ecrans*/ /* Ordi de bureau et grands ecrans*/
.align_gauche { .align_gauche {
@ -9011,13 +9039,13 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 40px; gap: 20px;
position: absolute; position: absolute;
width: 96%; width: 96%;
height: 204px; height: 204px;
left: 2%; left: 2%;
top: 590px; top: 510px;
} }
@ -9032,7 +9060,7 @@
width: 96%; width: 96%;
//height: 2574px; //height: 2574px;
left: 2%; left: 2%;
top: 800px; top: 850px;
} }
.logo { .logo {
@ -10970,7 +10998,7 @@
.service1_title { .service1_title {
width: 100%; width: 100%;
height: 32px; //height: 32px;
text-align: left; text-align: left;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
font-style: normal; font-style: normal;
@ -11140,7 +11168,21 @@
margin-bottom: 2rem !important; margin-bottom: 2rem !important;
text-align: left; text-align: left;
padding-left: 1rem; padding-left: 1rem;
} }
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
background: #81BC3A !important;
text-align: center;
height: 2.5rem;
width: 100%;
color: white;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
cursor: pointer;
}
} }
@ -11974,13 +12016,13 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0px; padding: 0px;
gap: 40px; gap: 30px;
position: absolute; position: absolute;
width: 96%; width: 96%;
height: 204px; height: 204px;
left: 2%; left: 2%;
top: 550px; top: 510px;
} }
@ -14102,9 +14144,24 @@
flex-grow: 0; flex-grow: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
text-align: left; text-align: left;
} }
.bton_ensavoir_plus {
border-radius: 5rem;
font-size: medium;
background: #81BC3A !important;
text-align: center;
height: 2.5rem;
width: 100%;
color: white;
margin-left: 10px;
margin-right: 10px;
padding-top: 10px;
cursor: pointer;
}
} }
// end media // end media

View File

@ -39,6 +39,20 @@
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.ch,
.form-control {
border-radius: 10rem !important;
padding: 0px;
padding-left: 0.5rem;
height: 3rem !important;
}
.css-1pysi21-MuiFormLabel-root-MuiInputLabel-root{
font-size: small !important;
}
/*style smartphones et petites tablettes en portrait*/ /*style smartphones et petites tablettes en portrait*/
.img_logo { .img_logo {
display: block; display: block;
@ -224,6 +238,11 @@
text-decoration: underline; text-decoration: underline;
} }
.overlay-custom-class-name {
z-index: 101;
}
.div_001 { .div_001 {
width: 90%; width: 90%;
margin-left: auto; margin-left: auto;
@ -401,7 +420,7 @@
font-size: x-small !important; font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif; font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important; margin: 0.4rem !important;
height: 1.8rem !important; height: 4rem !important;
} }
.css-1ptx2yq-MuiInputBase-root-MuiInput-root { .css-1ptx2yq-MuiInputBase-root-MuiInput-root {

View File

@ -85,7 +85,7 @@
.ch_burger_menu { .ch_burger_menu {
left: 2px !important; left: 2px !important;
top: 3px !important; top: 3px !important;
max-height: 500px !important; height: auto !important;
} }
@ -103,13 +103,25 @@
/* Our sidebar item styling */ /* Our sidebar item styling */
text-decoration: none; text-decoration: none;
margin-bottom: 10px; margin-bottom: 10px;
color: black;
transition: color 0.2s; transition: color 0.2s;
text-align: left;
letter-spacing: 1px;
font-family: "Albert Sans";
font-style: normal;
font-weight: 600;
font-size: medium;
line-height: 25px;
font-feature-settings: "liga" off;
color: #3E6EE3;
} }
/* Change color on hover */ /* Change color on hover */
.bm-item:hover { .bm-item:hover {
color: white; font-style: italic;
line-height: 30px;
font-weight: 700;
color: #619E31 !important;
} }
/* The rest copied directly from react-burger-menu docs */ /* The rest copied directly from react-burger-menu docs */
@ -130,6 +142,61 @@
} }
.bton_suppr {
background: transparent;
color: red;
border-radius: 5rem;
font-size: small;
text-align: center;
height: 2.5rem;
width: 100%;
margin-left: 10px;
margin-right: 10px;
}
.overlay-custom-class-name {
z-index: 101;
}
.bton_enreg {
border-radius: 5rem;
font-size: small;
background: #81BC3A !important;
text-align: center;
height: 2.5rem;
width: 100%;
color: white;
margin-left: 10px;
margin-right: 10px;
}
.bton_edit {
border-radius: 5rem;
font-size: small;
background: black !important;
text-align: right;
height: 2.5rem;
width: 100%;
color: white;
margin-left: 10px;
margin-right: 10px;
}
.bton_annule {
border-radius: 5rem;
font-size: small;
background: lightgray !important;
text-align: right;
height: 2.5rem;
width: 100%;
color: black;
margin-left: 10px;
margin-right: 10px;
}
position: fixed; position: fixed;
width: 36px; width: 36px;
height: 20px; height: 20px;
@ -185,6 +252,7 @@
/* Wrapper for item list */ /* Wrapper for item list */
.bm-item-list { .bm-item-list {
color: #b8b7ad; color: #b8b7ad;
height: auto !important;
} }
/* Styling of overlay */ /* Styling of overlay */