From 2735418b823ad99b2f3ed2c6aac5a3b03b71a4b4 Mon Sep 17 00:00:00 2001 From: cherif Date: Sat, 23 Dec 2023 16:33:03 +0100 Subject: [PATCH] 23/12/2023 - 16h --- src/components/ButtonHilight.js | 20 +- src/components/DisplayDetailClass_new_v2.js | 85 +- src/components/Header.js | 36 +- src/components/QuisSommesNous.js | 2 +- src/components/QuisSommesNous_V2.js | 355 ++++ src/components/RechercheArticles.js | 9 + src/components/Recherche_formation_com.js | 4 +- src/components/Recherche_new_v2.js | 24 +- src/components/sidebar.js | 12 + src/mysy_img/ch_getion_admin_800_600.png | Bin 0 -> 107953 bytes src/mysy_img/crm.png | Bin 0 -> 89830 bytes src/mysy_img/gestion_admin.png | Bin 0 -> 93127 bytes src/mysy_img/lms.png | Bin 0 -> 137051 bytes src/pages/quisommesnous.js | 3 +- src/styles/components/_quisommesnous_v2.scss | 1687 ++++++++++++++++++ src/styles/index.scss | 1 + 16 files changed, 2166 insertions(+), 72 deletions(-) create mode 100644 src/components/QuisSommesNous_V2.js create mode 100644 src/mysy_img/ch_getion_admin_800_600.png create mode 100644 src/mysy_img/crm.png create mode 100644 src/mysy_img/gestion_admin.png create mode 100644 src/mysy_img/lms.png create mode 100644 src/styles/components/_quisommesnous_v2.scss diff --git a/src/components/ButtonHilight.js b/src/components/ButtonHilight.js index 79d8017..e94a5ea 100644 --- a/src/components/ButtonHilight.js +++ b/src/components/ButtonHilight.js @@ -121,6 +121,10 @@ const ButtonHilight = () => { setproduitMenu(event.currentTarget); }; + const handleQuisommesNousMenu = (event) => { + history.push("/QuiSommesNous") + }; + const handleClose_Account = () => { alert(" my account"); @@ -193,7 +197,7 @@ const ButtonHilight = () => { //console.log(" ### AVANNN deconnexion iciiii"); if (typeof (stored_part) != "undefined") { 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(acces_right_token_name, "", { path: '/' }); @@ -315,8 +319,8 @@ const ButtonHilight = () => { - + {/* */} @@ -397,14 +401,18 @@ const ButtonHilight = () => { Nos Services -
+ {/*
Le blog +
*/} + +
+ Qui Sommes nous ?
-
publier mes formations -
+
*/} diff --git a/src/components/DisplayDetailClass_new_v2.js b/src/components/DisplayDetailClass_new_v2.js index f9e6b9c..ceed0b4 100644 --- a/src/components/DisplayDetailClass_new_v2.js +++ b/src/components/DisplayDetailClass_new_v2.js @@ -180,9 +180,9 @@ const DisplayDetailClass_new_v2 = (props) => { funclocaltoken(); window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); }, []); @@ -417,10 +417,10 @@ const DisplayDetailClass_new_v2 = (props) => { setisdatadock(JSON.parse(res.data.message).isdatadock); } - if (JSON.parse(res.data.message).business_prices && JSON.parse(res.data.message).business_prices.length == 1 ) { - setclass_sales_price(JSON.parse(res.data.message).business_prices[0].discounted_price); + if (JSON.parse(res.data.message).business_prices && JSON.parse(res.data.message).business_prices.length == 1) { + setclass_sales_price(JSON.parse(res.data.message).business_prices[0].discounted_price); - }else{ + } else { setclass_sales_price(JSON.parse(res.data.message).price); setclass_sales_price(JSON.parse(res.data.message).price); } @@ -793,9 +793,9 @@ const DisplayDetailClass_new_v2 = (props) => { document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } else if (window.screen.width >= 992 && window.screen.width <= 1199) { @@ -806,9 +806,9 @@ const DisplayDetailClass_new_v2 = (props) => { document.getElementById('block_crossell_meme_orga').style.top = new_meme_orga_top + "px"; document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } else if (window.screen.width >= 1200) { var meme_orga_top = document.getElementById('block_crossell_meme_orga').style.top; @@ -819,9 +819,9 @@ const DisplayDetailClass_new_v2 = (props) => { document.getElementById('desktop').style.height = new_displaydetailclass_new_v2_hei + "px"; window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } @@ -878,9 +878,9 @@ const DisplayDetailClass_new_v2 = (props) => { } else { window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } } @@ -902,7 +902,7 @@ const DisplayDetailClass_new_v2 = (props) => { //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); - if (String(res.data.status) === String("true") ) { + if (String(res.data.status) === String("true")) { //console.log(" In GetCurrentClass_trainingsession res.data.status = " + res.data.status); //console.log(" In GetCurrentClass_trainingsession res.data.message r_class = " + res.data.message); setGetCurrentClass_api("true"); @@ -1045,9 +1045,9 @@ const DisplayDetailClass_new_v2 = (props) => { } window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } @@ -1101,9 +1101,9 @@ const DisplayDetailClass_new_v2 = (props) => { window.scrollTo({ - top: 0, - behavior: "smooth", - }); + top: 0, + behavior: "smooth", + }); } @@ -1208,18 +1208,18 @@ const DisplayDetailClass_new_v2 = (props) => { - {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && -
Gratuit -
- } + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && +
Gratuit +
+ } {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && String(DetailTraining["price"]) === String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) - && DetailTraining["price"] && + && DetailTraining["price"] &&
{String(DetailTraining["price"])} € HT
} - {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 && DetailTraining["price"] &&
@@ -1768,10 +1768,15 @@ const DisplayDetailClass_new_v2 = (props) => {   Les formations
- {/*
{ history.push("/Recherche-Article-formation") }}> + {/*
{ history.push("/Recherche-Article-formation") }}> Le blog
*/} +
{ history.push("/QuiSommesNous") }}> + Qui Sommes nous ? +
+ +
{ history.push("/Produits-Services") }}> Nos Services
@@ -1883,7 +1888,7 @@ const DisplayDetailClass_new_v2 = (props) => { {String(inscritpion) === "2" &&
+ Close_info_form={Close_inscrip_form} trainig_price={class_sales_price} />
@@ -1923,13 +1928,13 @@ const DisplayDetailClass_new_v2 = (props) => { {GetCurrentClass_result && GetCurrentClass_result.length > 0 &&
- Les sessions - + Les sessions +
    - + {GetCurrentClass_result && GetCurrentClass_result.slice(0, 5).map((formation) => ( @@ -2049,17 +2054,17 @@ const DisplayDetailClass_new_v2 = (props) => {
    - - {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") && + + {String(DetailTraining["price"]) && String(DetailTraining["price"]) === String("0") &&
    Gratuit
    } - {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && (!DetailTraining.business_prices || Object.keys(DetailTraining.business_prices).length <= 0) && DetailTraining["price"] &&
    {String(DetailTraining["price"])} HT
    } - {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 + {String(DetailTraining["price"]) && String(DetailTraining["price"]) !== String("0") && DetailTraining.business_prices && Object.keys(DetailTraining.business_prices).length > 0 && DetailTraining["price"] &&
    diff --git a/src/components/Header.js b/src/components/Header.js index 45f99fa..f05a34d 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -84,7 +84,7 @@ const Header = () => { var mymetier = ""; mymetier = e.target.id //alert(" cours de : " + mymetier); - history.push("/Recherche_new_v2/0/" + mymetier); + history.push("/Recherche_new_v2/0/" + mymetier); }; @@ -140,13 +140,13 @@ const Header = () => { if (typeof (stored_part) != "undefined") { 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(acces_right_token_name, "", { path: '/' }); removeCookie(acces_right_token_name, { path: '/' }); - + } history.push("/recherche-formation"); } @@ -223,8 +223,8 @@ const Header = () => { handleMyPartnerAccount(); } } - function publiecatalogue(){ - history.push("/Partner", {mysy_arg:'partner'}); + function publiecatalogue() { + history.push("/Partner", { mysy_arg: 'partner' }); } const handleBlogMenu = (event) => { @@ -232,6 +232,11 @@ const Header = () => { history.push("/Recherche-Article-formation") }; + const handleQuisommesNousMenu = (event) => { + setproduitMenu(event.currentTarget); + history.push("/QuiSommesNous") + }; + return (
    @@ -274,11 +279,11 @@ const Header = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + - + @@ -318,7 +323,7 @@ const Header = () => { - + @@ -337,7 +342,7 @@ const Header = () => {
    Les formations
    - +

    Connexion MySy Training Technogy

    @@ -366,15 +371,20 @@ const Header = () => { Nos Services
    +
    + Qui Sommes nous? +
    + + {/*
    Le blog
    */}
    - publier mes formations -
    + style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}> + publier mes formations +
diff --git a/src/components/QuisSommesNous.js b/src/components/QuisSommesNous.js index 361bed6..54f0437 100644 --- a/src/components/QuisSommesNous.js +++ b/src/components/QuisSommesNous.js @@ -60,7 +60,7 @@ const quisommesnous = () => { MySy Training Technology
-
+

Forgez la réussite de votre entreprise.

Stratégie. Organisation. Croissance.
diff --git a/src/components/QuisSommesNous_V2.js b/src/components/QuisSommesNous_V2.js new file mode 100644 index 0000000..694abf9 --- /dev/null +++ b/src/components/QuisSommesNous_V2.js @@ -0,0 +1,355 @@ +import Navigation from "./Navigation"; +import { Helmet } from "react-helmet"; + +import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png" + +import React, { Component } from 'react'; +import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps" +import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share"; +import { SocialIcon } from 'react-social-icons'; +import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png"; +import Footer from "./Fotter"; +import Header from "./Header"; +import Button from '@mui/material/Button'; +import img_1_old from "../mysy_img/1.jpg"; +import img_1 from "../mysy_img/gestion_admin.png"; +import img_2_old from "../mysy_img/2.jpg"; +import img_2 from "../mysy_img/lms.png"; +import img_3_old from "../mysy_img/3.jpg"; +import img_3 from "../mysy_img/crm.png"; +import { Link } from "react-router-dom"; + + + + + +const QuiSommesNous_v2 = () => { + + const ButtonMailto = ({ mailto, label }) => { + return ( + { + window.location.href = mailto; + e.preventDefault(); + }} + > + + + ); + }; + + const MyMapComponent = withScriptjs(withGoogleMap((props) => + + {props.isMarkerShown && } + + )) + + return ( +
+ + MySy Training, qui sommes nous ? + + + + + + +
+ +
+ +
+ +
+ +
+ + + MySy Training Gestion Administrative +
+
+ + MySy Training E-Learning / LMS +
+
+ + MySy Training Gestion relation client +
+ +
+
 
+
+ +
+ Qui sommes nous ?
+ MySy Training est un éditeur de logiciels dédiés à la gestion des établissements de formation : Instituts de formation, Indépendants, Ecoles, Universités, etc.
+ + Nous conseillons, accompagnons nos clients dans la structuration , l’audit et l’organisation de leurs processus et outils.
+ + Avec une équipe d’une dizaine de personne, nous développons de solutions axées vers l’efficacité et le gain de productivité de nos clients, sans oublier la sécurisation de leurs systèmes.
+
+
+
+ Hébergement sur nos serveurs (Solution en mode SaaS )
+ Nous offrons à nos clients la possibilité d’héberger leur système a l’aide de nos solutions qui sont disponibles en mode SaaS (Hébergement sur nos propres serveurs)
+ +
+
+
+ Hébergement sur les serveurs du client
+ Pour nos clients qui le souhaitent, nous les accompagnons pour héberger nos solutions sur leurs propres serveurs.
+ +
+
+
+
+
+
+ +
+
+
+ MySy Gestion Administrative

+ processus d’inscription des apprenants, les émargements à distance ou en présentiel et l’évaluation. + Cette solution permet également de gérer les enseignants, le matériel pédagogique, le planning de formation, les agendas, etc.
+ + Il vous permet également de produire en un clic votre Bilan Pédagogique et Financier (BPF)
+ + Un intranet intégré permet de publier et de partager les formations sur internet.
+ Un tableau de bord vous permet de suivre votre activité pédagogique : Taux de remplissage des sessions, répartition pas formateur par années, etc. +
+
+ MySy Gestion Administrative +
+ +
+ +
+ +
+
+
+ + +
+
+ +
+ MySy E-Learning / LMS +
+
+ MySy E-Learning (LMS)

+ permet d’avoir votre espace de E-learning, de publier les formations en lignes. + A l’aide de son login et mot de passe, chaque apprenant peut suivre la formation en ligne, interagir avec l’enseignant (email, réseaux social) + L'enseignant peut élaborer des travaux dirigés, suivre le temps de réponses des apprenants, corriger les TD.
+ Un tableau de bord permet de suivre de manière detaillée chaque apprenant. +
+ +
+ +
+ +
+
+
+ +
+
+
+ MySy Gestion relation client

+ Permet de gérer vos clients, les activités en cours, à venir, en retards. + Ce module permet d’éditer d’envoyer les devis, de les convertir en commande et de les facturer. + Un tableau de bord vous permet de suivre vos revenus en cours, ceux à venir et de prendre les bonnes décisions de gestion. + +
+
+ MySy Gestion relation client +
+ +
+ +
+ +
+
+
+ + + +
+ +
+ +
+ +
+ +
+
+ Gestion Administrative +
+
+
+ +
    +
  • Gestion catalogue formations (intranet / API)
  • +
  • Gestion des inscriptions (mise en attente, motif annulation, etc)
  • +
  • Gestion des sessions (planifiées, à la demande)
  • +
  • Gestion automatique et manuelle des séquences de formations
  • +
  • Gestion avis participants
  • +
  • Gestion absences
  • +
  • Émargement électronique
  • +
  • Gestion des employés et du matériel pédagogique
  • +
  • Gestion des agendas & réservation de materiel (salles, projecteurs, etc)
  • +
  • Tableau de bord de pilotage
  • +
  • Intranet intégré pour la publication des formations
  • + +
+ +
+

+
  +
+ + +
+
+
+ E-Learning (LMS) +
+
+
+
    +
  • Hébergement des formations
  • +
  • Classe virtuelle
  • +
  • Gestion des prérequis
  • +
  • Echange enseignants / apprenants
  • +
  • Cours en ligne avec exercices
  • +
  • Evaluations (notes)
  • +
  • Gestion planning
  • +
  • Forums de discussion
  • +
  • Reseau Social
  • +
  • Profil et droit d'accès par utilisateur
  • +
  • export format SCORM
  • +
+ + +
+

+
  +
+
+
+
+ Gestion relation client +
+
+
+
    +
  • Creation clients
  • +
  • Gestion des différentes contacts client
  • +
  • Gestion des activités par collaborateur (tâches en cours, en retards, à venir)
  • +
  • Gestion des devis (envoi automatique)
  • +
  • Validation automatique des devis
  • +
  • Convertion devis en commandes
  • +
  • Facturation et envoi automatique
  • +
  • Suivi des commandes en cours, des factures à venir
  • +
  • Tableau de bord de suivi client
  • +
+
+

+
  +
+
+ +
+ + + + +
+ + +
+ + +
+ + logo MySy Technology ou sommes nous + + + +
+ +
+
+
MySy Training Technology
+
+
+ + Adresse : 1 Cr du Havre, 75008 Paris
+ Adresse email : + contact@mysy-training.com
+ + Téléphone fixe : +331 77 00 38 57
+ Téléphone : +337 69 20 39 45
+ +
+
+
Sur nos reseaux sociaux + +
+
+ + + +   + + + + + +   + + + + + +
+ +
+ + +
+
+
+
+ +
+
+
+ +
+
+ + ) +} + + +export default QuiSommesNous_v2; diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js index a011d08..2ebc5a6 100644 --- a/src/components/RechercheArticles.js +++ b/src/components/RechercheArticles.js @@ -417,6 +417,11 @@ const RechercheArticles = (props) => { history.push("/Produits-Services/") }; + const handleQuisommesNousMenu = () => { + setproduitMenu(null); + history.push("/QuiSommesNous/") + }; + const ProduitMenu_Close = () => { setproduitMenu(null); }; @@ -513,6 +518,10 @@ const RechercheArticles = (props) => { S'inscrire
} +
+ Qui Sommes nous ? +
+
Nos Services
diff --git a/src/components/Recherche_formation_com.js b/src/components/Recherche_formation_com.js index 1656962..ea34885 100644 --- a/src/components/Recherche_formation_com.js +++ b/src/components/Recherche_formation_com.js @@ -2149,10 +2149,10 @@ const Recherche_new = () => { - + {/* - + */} diff --git a/src/components/Recherche_new_v2.js b/src/components/Recherche_new_v2.js index a455fb6..c20df66 100644 --- a/src/components/Recherche_new_v2.js +++ b/src/components/Recherche_new_v2.js @@ -1941,6 +1941,11 @@ const Recherche_new_v2 = () => { history.push("/Recherche-Article-formation") }; + const handleQuisommesNousMenu = (event) => { + setproduitMenu(event.currentTarget); + history.push("/QuiSommesNous") + }; + const handleAccountConnexion = () => { setAccountMenu(null); history.push("/Connexion") @@ -2595,12 +2600,12 @@ const Recherche_new_v2 = () => { open={Boolean(ProduitMenu)} style={{ "top": "2rem" }} > - + - - + {/* + - + */} @@ -2782,12 +2787,13 @@ const Recherche_new_v2 = () => { > publier mes formations - + > Héberger mes formations */} {/* */} +