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;
padding-left: 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(); }
},
{
label: 'No,',
label: 'Non',
onClick: () => { return }
}
]

View File

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

View File

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

View File

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

View File

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

View File

@ -53,11 +53,11 @@ const Formation = (props) => {
message: 'Merci de vous connecter pour acceder au detail de cette formation',
buttons: [
{
label: 'Yes',
label: 'Oui',
onClick: () => { history.push("/mysy-training-login/training/" + props.formation.internal_url) }
},
{
label: 'No',
label: 'Non',
onClick: () => { return }
}
@ -260,12 +260,12 @@ const Formation = (props) => {
{String(ismetiermanaged) === "0" && <div className="forma_img_gauche">
<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>}
{String(ismetiermanaged) === "1" && <div className="forma_img_gauche">
<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>}
@ -363,9 +363,6 @@ const Formation = (props) => {
</div>
}
</div>
<div className="div_row row_formation_desc">

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -174,6 +174,10 @@ function ProduitsServices() {
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services
</div>
<div className="produits_service_label height_publication_header">
<b> Moteur de Recherche </b>
</div>
<div className="produits_service_label height_publication">
<b> Publication des
formations </b>
@ -192,110 +196,114 @@ function ProduitsServices() {
</div>
<div className="produits_service_label height_Reporting">
<b> Reporting standard
automatique </b>
<div className="produits_service_label height_price_1">
<b> Gestion des prix </b>
<ul>
<li>Nombre de fois que vos
formations ont été vues
<li>Remise client / Tout public par période.
</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>
</div>
<div className="produits_service_label height_support">
<b> Support téléphonique </b>
</div>
<div className="produits_service_label height_leads">
<b>3 Mots clés
supplémentaires </b>
<div className="produits_service_label height_affichage_ftion">
<b> Personnalisation de l'affichage d'une formation </b>
<ul>
<li>Ajout de 3 mots clés
supplémentaires associés à la
formation.</li>
<li>Ces mots seront utilisés dans
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>
<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 height_leads">
<b>Génération automatique de
leads</b>
<b> Génération automatique de leads </b>
<ul>
<li>Lintérêt des stagiaires génère
des leads qui vous sont envoyé
automatiquement.</li>
<li>Lintérêt des stagiaires génère des leads qui vous sont envoyé automatiquement.
</li>
</ul>
</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>
<li>MySy crée un visuel de
communication sous forme demail
markéting.</li>
<li>Avec votre validation, ce visuel
est envoyé 1000 contacts de
notre base de données (ou la
vôtre) </li>
<li>Un rapport vous ai envoyé avec
la liste des personnes ayant
manifesté un intérêt pour
votre formation.</li>
<li>Consultation des appels doffre de formation pour manifestions 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 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>
@ -303,36 +311,60 @@ function ProduitsServices() {
<div className="div_row_basique">
<div className="div_basique_header"> Découverte </div>
<hr style={{ "margin": "0.2rem" }} />
<div style={{ "marginBottom": "0.8rem" , "fontSize":"small"}}>
<hr style={{ "margin": "1px" }} />
<div style={{ "marginBottom": "0px", "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_Reporting">
<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_support">
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<div className="produits_service_tick height_leads">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</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" />
</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" />
</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" />
</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" />
</div>
@ -363,31 +395,55 @@ function ProduitsServices() {
<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_Reporting">
<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_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" 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_publication">
<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 height_leads">
<div className="produits_service_tick height_appel_offre">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</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" />
</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>
@ -420,32 +476,56 @@ function ProduitsServices() {
<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_Reporting">
<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_support">
<img src={tick_ok} alt="OK" className="tick_ok_ko " />
<div className="produits_service_tick height_affichage_ftion">
<img src={tick_ko} alt="KO" className="tick_ok_ko" />
</div>
<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 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 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 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 className="produits_service_tick">
<img src={tick_ok} alt="OK" className="tick_ok_ko" />
<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>
@ -479,12 +559,9 @@ function ProduitsServices() {
<div className="div_row">
<div style={{"float":"right", "width":"65%" , "textAlign":"center"}}>
<div className="bton_envoyer_precision" onClick={sendEmail}>
<Button variant="contained" className="bton_envoyer"
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>

View File

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

View File

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

View File

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

View File

@ -1660,11 +1660,11 @@ const Recherche_new = () => {
message: 'Confirmez la deconnexion (user)',
buttons: [
{
label: 'Yes',
label: 'Oui',
onClick: () => user_logout_confirmation()
},
{
label: 'No',
label: 'Non',
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_gestion_admin from "../mysy_img/gestion_admin_2.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";
let PageSize = 10;
@ -2053,11 +2061,11 @@ const Recherche_new_v2 = () => {
message: 'Confirmez la deconnexion (user)',
buttons: [
{
label: 'Yes',
label: 'Oui',
onClick: () => user_logout_confirmation()
},
{
label: 'No',
label: 'Non',
onClick: () => { return }
}
]
@ -2946,12 +2954,12 @@ const Recherche_new_v2 = () => {
</div>
</div>
<div className="frame_153">
{/*<div className="frame_153">
<nav className="frame_153_txt">
Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ...
</nav>
</div>
</div> */}
</div>
@ -2970,56 +2978,76 @@ const Recherche_new_v2 = () => {
<div className="nos_serv_serv1">
<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 className="service1_title_desc">
<div className="service1_title">
Un outil de publication en ligne
Moteur de Recherche de Formations
</div>
<div className="service1_desc">
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>
<li> Les inscriptions </li>
<li> Les émargements </li>
<li> Les avis des participants </li>
<li> Compte utilisateur avec données de recherche de formation</li>
<li> Aide à la recherche de formations pour B2C, B2B</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>
</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>

View File

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

View File

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

View File

@ -51,11 +51,11 @@ const SideBar = () => {
message: 'Confirmez la deconnexion',
buttons: [
{
label: 'Yes',
label: 'Oui',
onClick: () => logout_confirmation()
},
{
label: 'No',
label: 'Non',
}
],
@ -67,9 +67,45 @@ const SideBar = () => {
onClickOutside: () => { },
onKeypress: () => { },
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 (
// Pass on our props
@ -78,15 +114,19 @@ const SideBar = () => {
{String(environnment) === "PROD" &&
<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
</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
</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"}>
Recherche formation
</NavLink>
@ -109,40 +149,76 @@ const SideBar = () => {
{/*
<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" &&
/* Connexion partner active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "#C0392B", fontSize: 10 }} >
<i> Exit Part</i>
<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_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Exit User
<Button className='bton_annule' onClick={logout} startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
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>
}
</Menu>}
@ -150,18 +226,24 @@ const SideBar = () => {
{String(environnment) === "DEV" &&
<Menu className="ch_burger_menu">
<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
</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
</NavLink>
</NavLink>}
<NavLink exact to={"/mysy-user-account"} activeClassName={"nav-active"}>
{String(someoneconnected) === String("1") && <NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
Mon compte
</NavLink>
</NavLink>}
<NavLink exact to={"/recherche-formation/"} activeClassName={"nav-active"}>
@ -177,10 +259,6 @@ const SideBar = () => {
</NavLink>
<NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
Partenaires
</NavLink>
<NavLink exact to={"/testurl/:course/:tab"} activeClassName={"nav-active"}>
Test url
</NavLink>
@ -215,8 +293,11 @@ const SideBar = () => {
{typeof (stored_partner) != "undefined" &&
/* Connexion partner active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "#C0392B", fontSize: 10 }} >
<i> Exit Part</i>
<Button className='bton_annule' onClick={logout} style={{
color: "red", opacity: '100%', borderRadius: '5rem', fontSize: "12px", width: "100%", background: "black",
padding: "5px", letterSpacing:"2px"
}}>
<i> Deconnexion </i>
</Button>
@ -224,8 +305,8 @@ const SideBar = () => {
{typeof (stored_user) != "undefined" &&
/* Connexion utilisateur active */
<Button className='bton_to_circle' onClick={logout} variant="contained" startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Exit User
<Button className='bton_annule' onClick={logout} startIcon={<LogoutOutlinedIcon />} sx={{ color: "white", background: "green", fontSize: 10 }} >
Deconnexion
</Button>
}
</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;
}
.nav-active{
&::after {
content: '';
width: 100px;
width: 100%;
height: 5px;
background-color: aqua;
position: absolute;
@ -93,7 +95,7 @@
.nav-active{
&::after {
content: '';
width: 100px;
width: 100%;
height: 5px;
background-color: aqua;
position: absolute;

View File

@ -519,6 +519,36 @@
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) {
@ -1039,13 +1069,69 @@
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 {
border-radius: 5px;
font-size: small;
font-size: medium;
padding: 0.3rem;
width: 80%;
background: #81BC3A;
}
.bton_envoyer_precision {
border-radius: 5rem;
font-size: medium;
padding: 0.3rem;
width: 100%;
background: #81BC3A;
color: white;
}
}
@ -1570,14 +1656,71 @@
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 {
border-radius: 5px;
font-size: small;
font-size: medium;
padding: 0.3rem;
width: 80%;
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) {
@ -1780,7 +1923,7 @@
.height_support {
height: 3rem !important;
height: 7rem !important;
}
.height_leads {
@ -1788,16 +1931,64 @@
}
.height_Reporting {
height: 8rem !important;
height: 5rem !important;
}
.height_publication {
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 {
border-radius: 5px;
font-size: small;
font-size: medium;
padding: 0.3rem;
width: 60%;
background: #81BC3A;
@ -2107,5 +2298,14 @@
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%;
//height: 1486px;
left: 1%;
top: 580px;
top: 495px;
}
.pieddepage_v2 {
@ -3106,13 +3106,12 @@
flex-direction: column;
align-items: center;
padding: 0px;
gap: 40px;
gap: 10px;
position: absolute;
width: 96%;
height: 204px;
left: 2%;
top: 590px;
top: 500px;
}
@ -3791,12 +3790,12 @@
.nos_serv_list {
display: flex;
flex-direction: row;
justify-content: center;
justify-content: start;
align-items: center;
padding: 0px;
gap: 56px;
gap: 15px;
width: 95%;
width: 100%;
height: 116px;
@ -3816,7 +3815,7 @@
padding: 0px;
gap: 16px;
width: 28%;
width: 31%;
height: 116px;
@ -5039,6 +5038,7 @@
opacity: 1;
border-radius: 1rem;
margin-top: 1rem;
display: none;
}
.service1_title_desc {
@ -5053,7 +5053,7 @@
padding: 0px;
gap: 4px;
width: 70%;
width: 100%;
height: 116px;
@ -5100,6 +5100,7 @@
font-weight: 500;
font-size: 14px;
line-height: 20px;
width: 100%;
/* or 143% */
@ -5237,6 +5238,19 @@
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;
}
}
@ -6061,13 +6075,14 @@
flex-direction: column;
align-items: center;
padding: 0px;
gap: 40px;
gap: 10px;
position: absolute;
width: 96%;
width: 97%;
height: 204px;
left: 2%;
top: 580px;
left: 20px;
top: 510px;
background: white;
}
@ -8186,10 +8201,23 @@
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*/
.align_gauche {
@ -9011,13 +9039,13 @@
flex-direction: column;
align-items: center;
padding: 0px;
gap: 40px;
gap: 20px;
position: absolute;
width: 96%;
height: 204px;
left: 2%;
top: 590px;
top: 510px;
}
@ -9032,7 +9060,7 @@
width: 96%;
//height: 2574px;
left: 2%;
top: 800px;
top: 850px;
}
.logo {
@ -10970,7 +10998,7 @@
.service1_title {
width: 100%;
height: 32px;
//height: 32px;
text-align: left;
font-family: 'Albert Sans';
font-style: normal;
@ -11142,6 +11170,20 @@
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: 1920px) {
@ -11974,13 +12016,13 @@
flex-direction: column;
align-items: center;
padding: 0px;
gap: 40px;
gap: 30px;
position: absolute;
width: 96%;
height: 204px;
left: 2%;
top: 550px;
top: 510px;
}
@ -14105,6 +14147,21 @@
}
.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

View File

@ -39,6 +39,20 @@
}
@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*/
.img_logo {
display: block;
@ -224,6 +238,11 @@
text-decoration: underline;
}
.overlay-custom-class-name {
z-index: 101;
}
.div_001 {
width: 90%;
margin-left: auto;
@ -401,7 +420,7 @@
font-size: x-small !important;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
height: 1.8rem !important;
height: 4rem !important;
}
.css-1ptx2yq-MuiInputBase-root-MuiInput-root {

View File

@ -85,7 +85,7 @@
.ch_burger_menu {
left: 2px !important;
top: 3px !important;
max-height: 500px !important;
height: auto !important;
}
@ -103,13 +103,25 @@
/* Our sidebar item styling */
text-decoration: none;
margin-bottom: 10px;
color: black;
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 */
.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 */
@ -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;
width: 36px;
height: 20px;
@ -185,6 +252,7 @@
/* Wrapper for item list */
.bm-item-list {
color: #b8b7ad;
height: auto !important;
}
/* Styling of overlay */