recette2
cherif 2024-11-19 11:39:41 +01:00
parent 99e0b2cef1
commit 6f11ed62c2
25 changed files with 1134 additions and 922 deletions

View File

@ -1,4 +1,4 @@
# https://www.robotstxt.org/robotstxt.html # https://www.robotstxt.org/robotstxt.html
User-agent: * User-agent: *
Disallow: Disallow: /google06c10352a49f1dc0
Sitemap: https://www.mysy-training.com/sitemap.xml Sitemap: https://www.mysy-training.com/sitemap.xml

View File

@ -27,13 +27,20 @@
</url> </url>
<url> <url>
<loc>https://www.mysy-training.com//Display-Detail-Article/optimisation-des-processus-de-gestion-pour-les-organismes-de-formation-le-logiciel-mysy-training-technology</loc> <loc>https://www.mysy-training.com/Display-Detail-Article/optimisation-des-processus-de-gestion-pour-les-organismes-de-formation-le-logiciel-mysy-training-technology</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod> <lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
<priority>1.0000</priority> <priority>1.0000</priority>
</url> </url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/signature-electronique-et-organismes-de-formation</loc>
<lastmod>2024-11-38T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url> <url>
@ -76,26 +83,6 @@
</url> </url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/6281eae593f66d1a10ac2248</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/626fca8d62477b7b15a04b27</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/626fcada62477b7b15a04d97</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url> <url>
<loc>https://www.mysy-training.com/Recherche-Article-formation</loc> <loc>https://www.mysy-training.com/Recherche-Article-formation</loc>
@ -105,42 +92,6 @@
</url> </url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/avis-aux-perfectionnistes-des-styles-css-aa1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/analysez-vos-donnees-textuelles-98b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation-Coeur/analysez-vos-donnees-textuelles-98b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/comment-reussir-ses-premiers-pas-en-tant-que-manager-866</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/create_account</loc>
<lastmod>2024-11-08T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url> <url>
<loc>https://www.mysy-training.com/Connexion</loc> <loc>https://www.mysy-training.com/Connexion</loc>
@ -157,36 +108,6 @@
</url> </url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/supply-chain-lessons-from-the-pandemic-11d</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/planification-de-projets--methode-pert-et-gantt-19f</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/techniques--methodes-pour-bien-negocier--bd6</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/reussir-vos-photos-de-vacances-comment---343</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url> <url>
<loc>https://www.mysy-training.com/tarifs_produits_services</loc> <loc>https://www.mysy-training.com/tarifs_produits_services</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod> <lastmod>2024-10-30T11:35:41+00:00</lastmod>
@ -194,255 +115,5 @@
<priority>1.0000</priority> <priority>1.0000</priority>
</url> </url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/les-metiers-d-avenir-959</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/actualite-sociale-10f</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pratique-de-la-paie--initiation-b10</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/comptabilite-generale--initiation-56e</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/contrat-de-travail-de-a-a-z-809</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/droit-du-travail-928</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/droit-social-pour-managers-45b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-duree-du-travail-et-gestion-des-absences-471</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-gestion-des-cdd-59b</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/entretien-professionnel-802</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/missions-rh-6e2</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/reglementation-rh--l-essentiel-eaf</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/reussir-ses-entretiens-de-recrutement-c40</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/cloturer-votre-annee-sociale-en-toute-securite-8</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/controle-urssaf-4b2</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/dads--declaration-annuelle-de-donnees-sociales-1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/la-mise-en-oeuvre-de-la-dsn-3a0</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/les-outils-de-la-remuneration-9f5</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pilotage-de-la-masse-salariale-301</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/pratique-de-la-paie--perfectionnement-d6c</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/digital-learning-et-developpement-manager-ec5</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/devenir-formateur-occasionnel-559</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/formation-de-tuteur-fc7</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-Article/loi-sapin-7a9</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/prise-de-parole-en-public-6be</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-aromatherapie-integrative-c66</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-aromatherapie-integrative-8c1</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/praticien-en-olfactotherapie-628</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/se-mettre-a-niveau-en-orthographe--formule-en-e-learning--10-heures-de-tutorat-69c</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/se-mettre-a-niveau-en-orthographe-dans-un-contexte-professionnel--certificat-voltaire-ab9</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/technique-de-vente-2b3</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/rediger-avec-methode-et-efficacite-ses-courriers-et-ses-courriels-professionnels-664</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
<url>
<loc>https://www.mysy-training.com/Display-Detail-formation/les-fondamentaux-du-management-b47</loc>
<lastmod>2024-10-30T11:35:41+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>1.0000</priority>
</url>
</urlset> </urlset>

View File

@ -35,7 +35,7 @@ function Account() {
} }
return ( return (
<div className="accountuseractivated"> <div className="accountuseractivated">

View File

@ -25,6 +25,7 @@ import { format } from 'date-fns'
import moment from "moment"; import moment from "moment";
import SendIcon from '@mui/icons-material/Send'; import SendIcon from '@mui/icons-material/Send';
import axios from "axios"; import axios from "axios";
import mysy_logo2 from "../mysy_img2/Logo_MySy.png"
const ButtonHilight = () => { const ButtonHilight = () => {
const history = useHistory(); const history = useHistory();
@ -707,9 +708,12 @@ const ButtonHilight = () => {
<div className={`mini_entete ${show && 'hidden'}`} > <div className={`mini_entete ${show && 'hidden'}`} >
<div className="div_001"> <div className="div_001">
<div className="div_002"> <div className="div_002">
<h1 className="h1_transparent">Connexion MySy Training Technology </h1> <h1 className="h1_transparent">MySy Training Technology. Logiciel de gestion des organismes de formation </h1>
<div className="vvv" > <div className="vvv" >
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" /> </a> <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}> <img class="img-responsive header_img_logo22" src={logowhite} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</a>
</div> </div>
<div className="header_menuPrincipal_left" onClick={handleMarketplace}> <div className="header_menuPrincipal_left" onClick={handleMarketplace}>
Marketplace Marketplace
@ -723,7 +727,7 @@ const ButtonHilight = () => {
style={{ "width": "25%" }} /> Connexion style={{ "width": "25%" }} /> Connexion
</button>} </button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green} {String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={(e) => setDialog_1_open(true)}> Deconnexion <img src={connect_green}
alt="deconnexion" style={{ "width": "25%" }} /> alt="deconnexion" style={{ "width": "25%" }} />
</button>} </button>}
</div> </div>
</div> </div>
@ -765,7 +769,7 @@ const ButtonHilight = () => {
<div className="hilight_menuPrincipal" onClick={(e) => { <div className="hilight_menuPrincipal" onClick={(e) => {
history.push("/fonctionnalites") history.push("/fonctionnalites")
}}> }}>
Solution Fonctionnalites
</div> </div>
<div className="hilight_menuPrincipal" onClick={handleQuisommesNousMenu}> <div className="hilight_menuPrincipal" onClick={handleQuisommesNousMenu}>

View File

@ -163,7 +163,7 @@ const Fonctionnalites_V1 = () => {
</div> </div>
<div className="div2"> <div className="div2">
<div className="text_activite_head"> <div className="text_activite_head" id="lms">
E-Learning (LMS) E-Learning (LMS)
</div> </div>
<div className="image_activite_head"> <div className="image_activite_head">
@ -1034,7 +1034,7 @@ const Fonctionnalites_V1 = () => {
<div className="div1"> <div className="div1">
<br /> <br />
<div className="text_activite_head"> <div className="text_activite_head" id="gestion_administrative">
Gestion Administrative Gestion Administrative
</div> </div>
@ -1159,7 +1159,7 @@ const Fonctionnalites_V1 = () => {
<div className="div3"> <div className="div3">
<br /> <br />
<div className="text_activite_head"> <div className="text_activite_head" id="crm">
Gestion Relation Client Gestion Relation Client
</div> </div>
<div className="tick_fonctionalite"> <div className="tick_fonctionalite">

View File

@ -656,7 +656,9 @@ const Header = () => {
<h1 className="header_h1_transparent">Connexion MySy Training Technology </h1> <h1 className="header_h1_transparent">Connexion MySy Training Technology </h1>
<div className="vvv" > <div className="vvv" >
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive header_img_logo22" src={mysy_logo2} alt="MySy Training Technology" /> </a> <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}> <img class="img-responsive header_img_logo22" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav>
</a>
</div> </div>
<div className="header_menuPrincipal_left" onClick={handleMarketplace}> <div className="header_menuPrincipal_left" onClick={handleMarketplace}>

View File

@ -6,7 +6,7 @@ import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
import SideBar from "./sidebar"; import SideBar from "./sidebar";
import { useCookies } from "react-cookie"; import { useCookies } from "react-cookie";
import ButtonHilight from "./ButtonHilight"; import ButtonHilight from "./ButtonHilight";
const Navigation = () => { const Navigation = () => {
const history = useHistory(); const history = useHistory();

View File

@ -36,7 +36,7 @@ const quisommesnous = () => {
return ( return (
<div className="quisommesnous"> <div className="quisommesnous">
<Helmet> <Helmet>
<title>MySy Training, qui sommes nous ?</title> <title>MySy Training, qui sommes nous 1 ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" /> <meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" /> <meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />

View File

@ -52,7 +52,7 @@ const QuiSommesNous_v2 = () => {
return ( return (
<div className="quisommesnous_v2"> <div className="quisommesnous_v2">
<Helmet> <Helmet>
<title>MySy Training, qui sommes nous ?</title> <title>MySy Training, qui sommes nous 3 ?</title>
<meta name="description" content="éditeur de logiciels pour établissements de formation. Nous proposons des solution de E-Learning, gestion administrative et gestion relation client" /> <meta name="description" content="éditeur de logiciels pour établissements de formation. Nous proposons des solution de E-Learning, gestion administrative et gestion relation client" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="Formations.Gestion administrative.E-Learning.CRM" /> <meta name="title" content="Formations.Gestion administrative.E-Learning.CRM" />

View File

@ -202,7 +202,7 @@ const QuiSommesNous_v4 = () => {
}); });
}, []); }, []);
return ( return (
@ -471,8 +471,6 @@ const QuiSommesNous_v4 = () => {
La solution la moins chère du marché La solution la moins chère du marché
</div> </div>
</div> </div>
</div> </div>

View File

@ -444,15 +444,15 @@ const RechercheArticles_new_v2 = (props) => {
const handleFtionMenu = (event) => { const handleFtionMenu = (event) => {
history.push("/") history.push("/")
}; };
return ( return (
<div style={{ width: "100%", float: "left" }}> <div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style"> <div className="recherchearticles_new_v2_style">
<Helmet> <Helmet>
<title>Le blog, liste des artickes</title> <title>Le blog, liste des articles</title>
<meta name="description" content="Le blog, liste des artickes. Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." /> <meta name="description" content="Le blog, liste des articles. Éditeur Français de logiciels pour organisme de formation. Avec solutions de E-Learning, gestion administrative et gestion relation client nous accompagnons les organismes de formation à réaliser laudit QUALIOPI en toute sérénité. Nous sommes les moins cher du marché. Nous vous accompagnons automatiser vos process : inscription, évaluation, émargement (qr-code), Check-list QUALIOPI, Personnalisation et édition documents, Gestion formateurs, Catalogue formations personnalisé. Nous sommes les moins cher du marché. Nous automatisons vos process : inscription, évaluation, émargement (qr-code), QUALIOPI, Personnalisation des documents, Gestion formateurs, Catalogue personnalisé, bilan pédagogique et financier (PBF). Nos options comme la signature électronique sont inclus dans le tarif de base." />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="MySy Training, contactez-nous" /> <meta name="title" content="MySy Training, contactez-nous" />
<link rel="canonical" href={window.location.href} /> <link rel="canonical" href={window.location.href} />
@ -469,10 +469,8 @@ const RechercheArticles_new_v2 = (props) => {
<div className="Title"> <div className="Title">
<div className="besoin_aide"> <div className="besoin_aide">
Restez informé. Quelques articles pour vous. Restez informé. Quelques articles pour vous.
<div className="detail_text_aide"> <div className="detail_text_aide">
&nbsp; &nbsp;
</div> </div>

View File

@ -2731,28 +2731,28 @@ const Recherche_new_v2 = () => {
form.append("user_state", state); form.append("user_state", state);
// console.log("## form = ", form); // console.log("## form = ", form);
axios.post(myurl, form).then(res => { axios.post(myurl, form).then(res => {
if (String(res.data.status) === String("false")) { if (String(res.data.status) === String("false")) {
alert(res.data.message); alert(res.data.message);
} }
else if (String(res.data.status) === String("true")) { else if (String(res.data.status) === String("true")) {
Dialog_contact_handleClose_buton(); Dialog_contact_handleClose_buton();
alert(res.data.message); alert(res.data.message);
} }
else { else {
} }
}).catch((error) => { }).catch((error) => {
console.warn('contact-nous Not good man :( mysearchtext = '); console.warn('contact-nous Not good man :( mysearchtext = ');
}) })
@ -2892,11 +2892,11 @@ const Recherche_new_v2 = () => {
<DialogActions> <DialogActions>
<div className="div_row"> <div className="div_row">
<div className="div_row_gauche"> <div className="div_row_gauche">
<Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button> <Button onClick={Dialog_contact_handleClose_buton} className="bton_annule_dialog" >Fermer</Button>
</div> </div>
<div className="div_row_droite" style={{ "textAlign": 'center' }}> <div className="div_row_droite" style={{ "textAlign": 'center' }}>
<Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button> <Button onClick={Send_Contact_Message} className="bton_enreg_dialog">Envoyer&nbsp; <SendIcon /></Button>
</div> </div>
</div> </div>
@ -3154,16 +3154,16 @@ const Recherche_new_v2 = () => {
</div>*/} </div>*/}
</div> </div>
<div className="Background_Header"> <div className="Background_Header">
<Header />
</div> </div>
<a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}> {/* <a href={process.env.REACT_APP_BASE_URL} style={{ "textDecoration": "none" }}>
<div className="logo"> <div className="logo">
<img className="Logo_MySy" src={mysy_logo2} alt="MySy Training Technology" /> <img className="Logo_MySy" src={mysy_logo2} alt="MySy Training Technology" />
<nav className="training">TRAINING</nav> <nav className="training">TRAINING</nav>
</div> </div>
</a> </a>*/}
<div className="Menu_Header"> {/* <div className="Menu_Header">
<nav className="header_menu cta_publication_v2" onClick={(e) => { <nav className="header_menu cta_publication_v2" onClick={(e) => {
e.preventDefault(); e.preventDefault();
@ -3180,17 +3180,17 @@ const Recherche_new_v2 = () => {
{/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue} {/* <nav className="header_menu cta_hebergement" onClick={publiecatalogue}
> Héberger mes formations </nav>*/} > Héberger mes formations </nav>* /}
{/*<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav> */} {/*<nav className="header_menu" onClick={handleBlogMenu}> Le blog </nav> * /}
<nav className="header_menu" onClick={handleQuisommesNousMenu}> A propos </nav> <nav className="header_menu" onClick={handleQuisommesNousMenu}> A propos </nav>
<nav className="header_menu" onClick={handleSolutionMenu}> Solution </nav> <nav className="header_menu" onClick={handleSolutionMenu}> Fonctionnalites </nav>
<nav className="header_menu" onClick={handleProduitMenu}> <nav className="header_menu" onClick={handleProduitMenu}>
Prix Tarifs
</nav> </nav>
@ -3243,7 +3243,7 @@ const Recherche_new_v2 = () => {
</nav> </nav>
</div> </div>*/}
<div className="Header_Content"> <div className="Header_Content">
<div className="rectangle_8"> </div> <div className="rectangle_8"> </div>

View File

@ -24,7 +24,7 @@ import Visibility from '@mui/icons-material/Visibility';
import VisibilityOff from '@mui/icons-material/VisibilityOff'; import VisibilityOff from '@mui/icons-material/VisibilityOff';
import 'react-tooltip/dist/react-tooltip.css' import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip' import { Tooltip } from 'react-tooltip'
import Fotter_v3 from "./Fotter_v3";
function SignIn() { function SignIn() {
const [isconnected, setisconnected] = useState(""); const [isconnected, setisconnected] = useState("");
@ -112,14 +112,14 @@ function SignIn() {
url_login = process.env.REACT_APP_API_URL + "myclass/api/partner_login/"; url_login = process.env.REACT_APP_API_URL + "myclass/api/partner_login/";
setmenucompte("partner"); setmenucompte("partner");
partner_connexion = "partner"; partner_connexion = "partner";
} }
else if (String(menucompte) === "user") { else if (String(menucompte) === "user") {
url_login = process.env.REACT_APP_API_URL + "myclass/api/login/"; url_login = process.env.REACT_APP_API_URL + "myclass/api/login/";
setmenucompte("user"); setmenucompte("user");
partner_connexion = "user"; partner_connexion = "user";
} }
// Gestion des Cookies // Gestion des Cookies
@ -170,14 +170,14 @@ function SignIn() {
//console.log('Success:', result['message'], "result['status'] = ", result['status']); //console.log('Success:', result['message'], "result['status'] = ", result['status']);
var val = result['status']; var val = result['status'];
if (String(val) === String("true")) { if (String(val) === String("true")) {
if (String(partner_connexion) === String("partner")) { if (String(partner_connexion) === String("partner")) {
setCookie("tokenmysypart", JSON.parse(result['message']).token, { path: '/' }); setCookie("tokenmysypart", JSON.parse(result['message']).token, { path: '/' });
var acces_right_token_name = String(JSON.parse(result['message']).token)+"_uar"; var acces_right_token_name = String(JSON.parse(result['message']).token) + "_uar";
var acces_right_token_val = JSON.parse(result['message']).user_access_right; var acces_right_token_val = JSON.parse(result['message']).user_access_right;
//acces_right_token_val = [{'key1':'val1'}, {'key2':'val2'}]; //acces_right_token_val = [{'key1':'val1'}, {'key2':'val2'}];
@ -252,8 +252,12 @@ function SignIn() {
function menu_parter_account() { function menu_parter_account() {
//alert(" menu_parter_account = "+String(menucompte)); //alert(" menu_parter_account = "+String(menucompte));
setmenucompte("partner"); setmenucompte("partner");
document.getElementsByName("partner_account")[0].style.backgroundColor = "#81BC3A";
document.getElementsByName("user_account")[0].style.backgroundColor = "#ffffff"; if (document.getElementsByName("partner_account") && document.getElementsByName("partner_account")[0])
document.getElementsByName("partner_account")[0].style.backgroundColor = "#81BC3A";
if (document.getElementsByName("user_account") && document.getElementsByName("user_account")[0])
document.getElementsByName("user_account")[0].style.backgroundColor = "#ffffff";
} }
@ -261,8 +265,12 @@ function SignIn() {
function menu_user_account() { function menu_user_account() {
setmenucompte("user"); setmenucompte("user");
document.getElementsByName("user_account")[0].style.backgroundColor = "#81BC3A";
document.getElementsByName("partner_account")[0].style.backgroundColor = "#ffffff"; if (document.getElementsByName("user_account") && document.getElementsByName("user_account")[0])
document.getElementsByName("user_account")[0].style.backgroundColor = "#81BC3A";
if (document.getElementsByName("partner_account") && document.getElementsByName("partner_account")[0])
document.getElementsByName("partner_account")[0].style.backgroundColor = "#ffffff";
} }
@ -296,13 +304,13 @@ function SignIn() {
// Controle du type de compte // Controle du type de compte
if( String(typecompte) !== "partner" && String(typecompte) !== "user"){ if (String(typecompte) !== "partner" && String(typecompte) !== "user") {
alert("Le type de compte est inconnu"); alert("Le type de compte est inconnu");
document.getElementsByName("is_user_or_pro")[0].style.backgroundColor = "orangered"; document.getElementsByName("is_user_or_pro")[0].style.backgroundColor = "orangered";
return; return;
} }
form.append("account_type", typecompte); form.append("account_type", typecompte);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/InitUserPasswd/"; var myurl = process.env.REACT_APP_API_URL + "myclass/api/InitUserPasswd/";
@ -443,188 +451,200 @@ function SignIn() {
}; };
return ( return (
<div className="signin"> <div style={{ width: "100%", float: "left" }}>
<Helmet>
<title>Connexion MySy Training Technology</title>
<meta name="description" content="utisateur formation connexion" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Connexion MySy Training Technology" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
</Helmet> <div className="signin">
<Header /> <Helmet>
<title>Connexion MySy Training Technology</title>
<meta name="description" content="utisateur formation connexion" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Connexion MySy Training Technology" />
<link rel="canonical" href={`${process.env.REACT_APP_BASE_URL}` + "/mysy-training-login/0/0"} />
</Helmet>
<Header />
<div className="div_mobile"> <div className="div_mobile">
<div>
<h1 className="text_welcome">Se connecter à MySy Training</h1>
</div>
<div className="display_screen_600_901">
<div className="div_centre_master">
<div className="div_centre_002">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu" <div className="div_row block_entete" >
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Organisme de formation</Button> <div className="Background-header">
<div>
<h1 className="text_welcome">Connexion à MySy Training </h1>
</div>
</div> </div>
<div className="div_centre">
<div className="div_row_bis" > </div>
<FormGroup> <div className="block_centrer">
<Label>Votre adresse email</Label>
<Input type="email" placeholder="Email" name="email" />
</FormGroup>
<FormGroup> <div className="display_screen_600_901">
&nbsp; <div className="div_centre_master">
</FormGroup> <div className="div_centre_002">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center", "height": "3rem" }}>Organisme de formation</Button>
</div>
<div className="div_centre">
<div className="div_row_bis" >
<FormGroup>
<Label>Votre adresse email</Label>
<Input type="email" placeholder="Email" name="email" />
</FormGroup>
<FormGroup>
&nbsp;
</FormGroup>
<FormGroup> <FormGroup>
<div className="label_pwd_div"> <div className="label_pwd_div">
<div className="label_div" > <div className="label_div" >
<Label>Votre mot de passe </Label> <Label>Votre mot de passe </Label>
</div> </div>
<div className="show_pwd_div" onClick={handleClickShowPassword}> <div className="show_pwd_div" onClick={handleClickShowPassword}>
{currentpawdvisible ? <Visibility /> : <VisibilityOff />} {currentpawdvisible ? <Visibility /> : <VisibilityOff />}
</div>
</div>
<Input type="password" placeholder="Password" name="pwd" />
</FormGroup>
{/*String(menucompte) === String("partner") && <FormGroup autocomplete="off">
<Label >Clé secrete*</Label>
<Input type="password" placeholder="" name="cle_secrete" id="cle_secrete"
autocomplete="new-password" />
</FormGroup>*/}
{String(initpasswd) === String("true") && closepopup === 1 && <div className="okUpdateData">
La demande reinitialisation a bien ete prise en compte.
Verifiez votre boite email.
</div>}
<div className="forgot_pass" >
{String(initpasswd) !== String("true") && String(closepopup) !== String("1")
&& <Popup trigger={<button className="avisformation"> Mot de passe oublié</button>}
position="center" className="signin popup-reset-pwd">
<div className="signin-content popup-reset-pwd-content">
<div className="div_row" style={{ "textAlign": "center", "background": "orangered",
"height":"2rem", "paddingTop":"5px", "fontSize":"14px", "fontWeight":"bold" }}
> Modifier le mot de passe</div>
<br />
<label for="exampleFormControlTextarea1">Saisir votre email</label>
<br />
<input type="text" id="resetemailvalue" name="resetemailvalue" rows="1" cols="20"
className="zone_mail" />
<br />
<div>
<br/>
<Tooltip className="tooltip_css" id="is_user_or_pro-tooltip" />
<a data-tooltip-id="is_user_or_pro-tooltip" data-tooltip-html="Compte partenaire : création et gestion de formation <br/>
compte utilisateur : non autorisé à la création et gestion de formation">
<label for="is_user_or_pro">Compte partenaire ou utilisateur * ?</label>
<br />
<select id="is_user_or_pro" name="is_user_or_pro" style={{"width":'100%', "height":"2.5rem",
'marginTop':'5px'}}
onChange={(event) => settypecompte(event.target.value)}>
<option selected value="">Choisir </option>
<option value="partner">Partenaire </option>
<option value="user">Utilisateur </option>
</select>
</a>
<br />
</div> </div>
<div className="text_pwd_crit" style={{ "textAlign": "center" }}>
Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot_css"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</div>
<button type="submit" class="btn btn-secondary btn-sm" onClick={resetpasswd_ok}>Envoyer</button> &nbsp; &nbsp; &nbsp;
<button type="submit" class="btn btn-secondary btn-sm" onClick={closepopupinitpwd}> Annuler</button>
</div> </div>
<Input type="password" placeholder="Password" name="pwd" />
</FormGroup>
{String(initpasswd) === String("true") && closepopup === 1 && <div className="okUpdateData">
La demande reinitialisation a bien ete prise en compte.
Verifiez votre boite email.
</div>}
<div className="forgot_pass" >
{String(initpasswd) !== String("true") && String(closepopup) !== String("1")
&& <Popup trigger={<button className="avisformation"> Mot de passe oublié</button>}
position="center" className="signin popup-reset-pwd">
<div className="signin-content popup-reset-pwd-content">
<div className="div_row" style={{
"textAlign": "center", "background": "orangered",
"height": "2rem", "paddingTop": "5px", "fontSize": "14px", "fontWeight": "bold"
}}
> Modifier le mot de passe</div>
<br />
<label for="exampleFormControlTextarea1">Saisir votre email</label>
<br />
<input type="text" id="resetemailvalue" name="resetemailvalue" rows="1" cols="20"
className="zone_mail" />
<br />
<div>
<br />
<Tooltip className="tooltip_css" id="is_user_or_pro-tooltip" />
<a data-tooltip-id="is_user_or_pro-tooltip" data-tooltip-html="Compte partenaire : création et gestion de formation <br/>
compte utilisateur : non autorisé à la création et gestion de formation">
<label for="is_user_or_pro">Compte partenaire ou utilisateur * ?</label>
<br />
<select id="is_user_or_pro" name="is_user_or_pro" style={{
"width": '100%', "height": "2.5rem",
'marginTop': '5px'
}}
onChange={(event) => settypecompte(event.target.value)}>
<option selected value="">Choisir </option>
<option value="partner">Partenaire </option>
<option value="user">Utilisateur </option>
</select>
</a>
<br />
</div>
<div className="text_pwd_crit" style={{ "textAlign": "center" }}>
Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot_css"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</div>
<button type="submit" class="btn btn-secondary btn-sm" onClick={resetpasswd_ok}>Envoyer</button> &nbsp; &nbsp; &nbsp;
<button type="submit" class="btn btn-secondary btn-sm" onClick={closepopupinitpwd}> Annuler</button>
</div>
</Popup>
}
</div>
</div>
<FormGroup>
&nbsp;
</FormGroup>
<div className="div_row22">
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
</div>
</Popup>
}
</div> </div>
</div> </div>
<FormGroup> {isconnected === "false" && <div className="erreurconnexion">
&nbsp; <br />
</FormGroup> {myApimyApiMessage}</div>
}
<div className="div_row22">
<Button variant="contained" color="success" className="div_row22 btn_login button" onClick={onSubmit}>Connectez-Vous</Button>
</div>
<div className="div_row_create_account" onClick={(e) => {
e.preventDefault();
window.location.href = "/create_account";
}}> Vous n'avez pas de compte, Créez-le !!!</div>
</div> </div>
</div> </div>
{isconnected === "false" && <div className="erreurconnexion">
<br />
{myApimyApiMessage}</div>
}
{/*<div className="div_centre_social">
<FacebookLoginButton className="mt-3 mb-3" />
<GoogleLoginButton buttonText="Login" className="mt-3 mb-3" />
</div>*/}
<div className="div_row_create_account" onClick={(e) => {
e.preventDefault();
window.location.href = "/create_account";
}}> Vous n'avez pas de compte, Créez-le !!!</div>
</div>
<div className="pieddepage">
<Footer />
</div> </div>
</div> </div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div> </div>
); );
} }

View File

@ -29,7 +29,7 @@ import TwitterIcon from '@mui/icons-material/Twitter';
import FacebookIcon from '@mui/icons-material/Facebook'; import FacebookIcon from '@mui/icons-material/Facebook';
import LinkedInIcon from '@mui/icons-material/LinkedIn'; import LinkedInIcon from '@mui/icons-material/LinkedIn';
import axios from "axios"; import axios from "axios";
import Fotter_v3 from "./Fotter_v3";
import { RiMailCheckLine, RiPhoneLine, RiCommunityLine } from "react-icons/ri"; import { RiMailCheckLine, RiPhoneLine, RiCommunityLine } from "react-icons/ri";
@ -417,143 +417,155 @@ function SignUp() {
return ( return (
<div className="signup"> <div style={{ width: "100%", float: "left" }}>
<Helmet> <div className="signup">
<title>Créer le compte de votre organisme de formation</title> <Helmet>
<meta name="description" content="Créer le compte de votre organisme de formation. " /> <title>Créer le compte de votre organisme de formation</title>
<meta name="robots" content="index,follow" /> <meta name="description" content="Créer le compte de votre organisme de formation. " />
<meta name="title" content="Créer le compte de votre organisme de formation" /> <meta name="robots" content="index,follow" />
<link rel="canonical" href={window.location.href} /> <meta name="title" content="Créer le compte de votre organisme de formation" />
</Helmet> <link rel="canonical" href={window.location.href} />
<Header /> </Helmet>
<Header />
<div className="div_mobile"> <div className="div_mobile">
{isconnected === "false" && <div className="erreurconnexion"> {isconnected === "false" && <div className="erreurconnexion">
<br />
{myApimyApiMessage}</div>
}
{isconnected === "true" && String(myApimyApiMessage).length > 5 &&
<div className="okUpdateData">
<br /> <br />
Le compte a été correctement créé. Vous allez recevoir un email de validation sous peu.<br /> {myApimyApiMessage}</div>
Pensez à regarder vos spam aussi.</div> }
}
<div className="display_screen_600_901"> {isconnected === "true" && String(myApimyApiMessage).length > 5 &&
<div> <div className="okUpdateData">
<h1 className="text_welcome">Bien commencer avec MySy Training</h1> <br />
</div> Le compte a été correctement créé. Vous allez recevoir un email de validation sous peu.<br />
<div className="div_menu_centre"> Pensez à regarder vos spam aussi.</div>
<div className="div_row"> }
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu" <div className="div_row block_entete" >
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center" }}>Organisme de formation</Button> <div className="Background-header">
<div>
<h1 className="text_welcome">Bien commencer avec MySy Training</h1>
</div>
</div> </div>
<div className="div_row_bis">
{/*String(menucompte) === String("partner") && <FormGroup>
</div>
<div className="block_centrer">
<div className="display_screen_600_901">
<div className="div_menu_centre">
<div className="div_row">
<Button variant="outlined" onClick={menu_user_account} className="signin_menu"
id="user_account" name="user_account"
style={{ "float": "left", "textAlign": "center" }}>Utilisateur</Button>
<Button variant="outlined" onClick={menu_parter_account} className="signin_menu"
id="partner_account" name="partner_account"
style={{ "float": "left", "textAlign": "center" }}>Organisme de formation</Button>
</div>
<div className="div_row_bis">
{/*String(menucompte) === String("partner") && <FormGroup>
<Label className="text_label">Raison Sociale*</Label> <Label className="text_label">Raison Sociale*</Label>
<Input type="text" placeholder="" name="raison_sociale" /> <Input type="text" placeholder="" name="raison_sociale" />
</FormGroup>*/} </FormGroup>*/}
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd"> {String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Raison Sociale*</InputLabel> <InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Raison Sociale*</InputLabel>
<OutlinedInput <OutlinedInput
id="raison_sociale" id="raison_sociale"
name="raison_sociale" name="raison_sociale"
type="text" type="text"
label="Raison Sociale*" label="Raison Sociale*"
className="ch" className="ch"
endAdornment={ endAdornment={
<InputAdornment position="end"> <InputAdornment position="end">
<RiCommunityLine /> &nbsp; <RiCommunityLine /> &nbsp;
</InputAdornment> </InputAdornment>
} }
/> />
</FormControl>}
{/*String(menucompte) === String("partner") && <FormGroup> </FormControl>}
{/*String(menucompte) === String("partner") && <FormGroup>
<Label className="text_label">Telephone*</Label> <Label className="text_label">Telephone*</Label>
<Input type="text" placeholder="" name="telephone" /> <Input type="text" placeholder="" name="telephone" />
</FormGroup>*/} </FormGroup>*/}
{String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd"> {String(menucompte) === String("partner") && <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Telephone*</InputLabel> <InputLabel htmlFor="raison_sociale" style={{ "margin": "0px" }}>Telephone*</InputLabel>
<OutlinedInput <OutlinedInput
id="telephone" id="telephone"
name="telephone" name="telephone"
type="text" type="text"
label="Telephone*" label="Telephone*"
className="ch" className="ch"
endAdornment={ endAdornment={
<InputAdornment position="end"> <InputAdornment position="end">
<RiPhoneLine /> &nbsp; <RiPhoneLine /> &nbsp;
</InputAdornment> </InputAdornment>
} }
/> />
</FormControl>} </FormControl>}
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="email" style={{ "margin": "0px" }}>Email</InputLabel> <InputLabel htmlFor="email" style={{ "margin": "0px" }}>Email</InputLabel>
<OutlinedInput <OutlinedInput
id="email" id="email"
name="email" name="email"
type="email" type="email"
label="email" label="email"
className="ch" className="ch"
endAdornment={ endAdornment={
<InputAdornment position="end"> <InputAdornment position="end">
<RiMailCheckLine /> &nbsp; <RiMailCheckLine /> &nbsp;
</InputAdornment> </InputAdornment>
} }
/> />
</FormControl> </FormControl>
<br /> <br />
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd" style={{ "margin": "0px" }}>Mot de passe</InputLabel> <InputLabel htmlFor="new_pwd" style={{ "margin": "0px" }}>Mot de passe</InputLabel>
<OutlinedInput <OutlinedInput
id="new_pwd" id="new_pwd"
name="new_pwd" name="new_pwd"
type={values.showPassword ? 'text' : 'password'} type={values.showPassword ? 'text' : 'password'}
value={values.password2} value={values.password2}
label="Mot de passe" label="Mot de passe"
onChange={handleChange2('password2')} onChange={handleChange2('password2')}
className="ch" className="ch"
endAdornment={ endAdornment={
<InputAdornment position="end"> <InputAdornment position="end">
<IconButton <IconButton
aria-label="toggle password visibility" aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd} onClick={handleClickShowPassword_new_pwd}
edge="end" edge="end"
> >
{newpawdvisible ? <Visibility /> : <VisibilityOff />} {newpawdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
} }
/> />
</FormControl> </FormControl>
<br /> <br />
{/*<Label className="text_label"> Confirmer mot de passe </Label><br /> {/*<Label className="text_label"> Confirmer mot de passe </Label><br />
<FormControl sx={{ m: 1, }} variant="standard" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, }} variant="standard" size="small" className="texte_area_passwd">
@ -581,184 +593,187 @@ function SignUp() {
/> />
</FormControl>*/} </FormControl>*/}
<FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd"> <FormControl sx={{ m: 1, }} variant="outlined" size="small" className="texte_area_passwd">
<InputLabel htmlFor="new_pwd_conf" style={{ "margin": "0px" }}>Confirmer mot de passe</InputLabel> <InputLabel htmlFor="new_pwd_conf" style={{ "margin": "0px" }}>Confirmer mot de passe</InputLabel>
<OutlinedInput <OutlinedInput
id="new_pwd_conf" id="new_pwd_conf"
name="new_pwd_conf" name="new_pwd_conf"
type={values.showPassword ? 'text' : 'password'} type={values.showPassword ? 'text' : 'password'}
value={values.password2} value={values.password2}
label="Confirmer mot de passe" label="Confirmer mot de passe"
onChange={handleChange2('password2')} onChange={handleChange2('password2')}
className="ch" className="ch"
endAdornment={ endAdornment={
<InputAdornment position="end"> <InputAdornment position="end">
<IconButton <IconButton
aria-label="toggle password visibility" aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd_conf} onClick={handleClickShowPassword_new_pwd_conf}
onMouseDown={handleMouseDownPassword} onMouseDown={handleMouseDownPassword}
edge="end" edge="end"
> >
{confpwdvisible ? <Visibility /> : <VisibilityOff />} {confpwdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton> </IconButton>
</InputAdornment> </InputAdornment>
} }
/>
</FormControl>
<br />
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere">
8 caractères
</li>
<li name="nombre">
1 nombre
</li>
<li name="special">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<li name="identique">
Identiques
</li>
</ul>
</div>
<div className="div_row22">
{String(menucompte) === String("partner") && <div style={{ "textAlign": "left" }}>
<div className="titre1"> Contact Principal </div>
&nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<TextField
required
name="contact_nom"
label="Nom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment>
),
}}
variant="standard"
/>
<TextField
required
name="contact_prenom"
label="Prénom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment>
),
}}
variant="standard"
/> />
</FormControl>
<br />
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere">
8 caractères
</li>
<li name="nombre">
1 nombre
</li>
<li name="special">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<TextField <li name="identique">
required Identiques
name="contact_email" </li>
label="Adresse mail" </ul>
className="texte_area" </div>
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment> <div className="div_row22">
),
}}
variant="standard"
/>
<TextField
required
name="contact_telephone"
label="Téléphone"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</InputAdornment> {String(menucompte) === String("partner") && <div style={{ "textAlign": "left" }}>
), <div className="titre1"> Contact Principal </div>
}}
variant="standard" &nbsp;
/> <Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}>
<br /> <TextField
</Box> required
</div>} name="contact_nom"
<div style={{ "textAlign": "left", "width": "100%", "marginTop": "0.5rem" }}> label="Nom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<input type={"checkbox"} unchecked </InputAdornment>
id="cgu" ),
name="cgu" }}
style={{ "textAlign": "left", "width": "auto", "height": "1rem" }} /> variant="standard"
<label for="cgu" style={{ "textAlign": "left", maxWidth: "90%", "fontSize": "small" }}>Accepter <a href='/sample/MYSY_CGU.pdf' download>les conditions générales d'usage </a></label> />
<TextField
required
name="contact_prenom"
label="Prénom"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
</div> </InputAdornment>
),
<div className="div_row22 text_pwd_crit" style={{ "textAlign": "center", "fontWeight": "bold" }}> }}
<nav className="pasrobot_block"> Je ne suis pas un robot <br /> variant="standard"
<div > />
<div name="pasrobot" > {random1} + {random2} = <input <TextField
type='text' required
name='sommerandom' name="contact_email"
id='sommerandom' label="Adresse mail"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
{...register('sommerandom', { </InputAdornment>
required: { value: true, message: 'sommes de valeurs' }, ),
maxLength: { }}
value: 30, variant="standard"
} />
})} <TextField
required
name="contact_telephone"
label="Téléphone"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
className="pasrobot" </InputAdornment>
placeholder='Le total est ?' ),
/> }}
variant="standard"
/>
<br />
</Box>
</div>}
<div style={{ "textAlign": "left", "width": "100%", "marginTop": "0.5rem" }}>
<input type={"checkbox"} unchecked
id="cgu"
name="cgu"
style={{ "textAlign": "left", "width": "auto", "height": "1rem" }} />
<label for="cgu" style={{ "textAlign": "left", maxWidth: "90%", "fontSize": "small" }}>Accepter <a href='/sample/MYSY_CGU.pdf' download>les conditions générales d'usage </a></label>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div> </div>
</nav>
</div>
<Button variant="contained" color="success"
className="div_row22 btn_login button"
ref={textInput}
onClick={onSubmit}>S'inscrire</Button>
</div>
<div className="div_row22 text_pwd_crit" style={{ "textAlign": "center", "fontWeight": "bold" }}>
<nav className="pasrobot_block"> Je ne suis pas un robot <br />
<div >
<div name="pasrobot" > {random1} + {random2} = <input
type='text'
name='sommerandom'
id='sommerandom'
{...register('sommerandom', {
required: { value: true, message: 'sommes de valeurs' },
maxLength: {
value: 30,
}
})}
className="pasrobot"
placeholder='Le total est ?'
/>
{errors.sommerandom && (
<span className='koUpdateData'>la sommes est incorrect</span>
)}
</div>
</div>
</nav>
</div>
<Button variant="contained" color="success"
className="div_row22 btn_login button"
ref={textInput}
onClick={onSubmit}>S'inscrire</Button>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div >
<div style={{ height: "5rem", width: "100%" }}>
<div className="pieddepage"> <Fotter_v3 />
<Footer />
</div>
</div> </div>
</div > </div>
); );
} }

View File

@ -3,15 +3,16 @@ import SignIn from "../components/SignIn";
import Navigation from "../components/Navigation"; import Navigation from "../components/Navigation";
export default function Login() { export default function Login() {
return ( return (
<div> <div>
<Navigation />
<div> <div>
<SignIn /> <Navigation />
</div> </div>
<SignIn />
</div> </div>
); );
} }

View File

@ -1,36 +1,80 @@
import React from "react"; import React, { useState, useEffect } from "react";
import Navigation from "../components/Navigation"; import Navigation from "../components/Navigation";
import bannerimg2 from "./../mysy_img/MYSY-LOGO-BLUE.png"; import bannerimg2 from "./../mysy_img/MYSY-LOGO-BLUE.png";
import { Helmet } from "react-helmet"; import { Helmet } from "react-helmet";
import Footer from "./../components/Fotter"; import Footer from "./../components/Fotter";
import Header from "./../components/Header"; import Header from "./../components/Header";
import Fotter_v3 from "./../components/Fotter_v3";
const NotFound = () => { const NotFound = () => {
const [tempo, settempo] = useState(".");
setInterval(check, 2000);
window.setTimeout(function () {
window.location.href = process.env.REACT_APP_BASE_URL
}, 9000);
function check() {
var val = tempo + " .";
//alert(" val = "+val);
settempo(val);
}
return ( return (
<div className="notfound">
<div>
<Navigation />
</div>
<Helmet>
<title>MySy Training, Page inconnue</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Page inconnue" />
<link rel="canonical" href={window.location.href} />
</Helmet> <div style={{ width: "100%", float: "left" }}>
<Header />
<div className="notfound">
<div>
<Navigation />
</div>
<Helmet>
<title>MySy Training, Page inconnue</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Page inconnue" />
<link rel="canonical" href={window.location.href} />
</Helmet>
<Header />
<div className="div_mobile">
<div className="div_row block_entete" >
<div className="Background-header">
<div>
<h1 className="text_welcome"> MySy Training Technology</h1>
</div>
</div>
</div>
<div className="block_centrer">
<div className="display_screen_600_901">
<div className="nom_prenom"> Page inconnue</div>
<div className="nom_prenom"> Vous allez être redirigé vers le moteur de recherche dans quelques secondes. {tempo}</div>
<div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Retour vers le moteur de recherche </a> </div>
</div>
</div>
</div>
<div className="div_mobile">
<div className="nom_prenom"> Le site MySy Training Technology ne connait pas cette page</div>
<div className="nom_prenom"> <a href={process.env.REACT_APP_BASE_URL}> Retour vers le moteur de recherche </a> </div>
</div>
<div className="pieddepage">
<Footer />
</div> </div>
<div style={{ height: "5rem", width: "100%" }}>
<Fotter_v3 />
</div>
</div> </div>
) )

View File

@ -34,7 +34,7 @@ const quisommesnous = () => {
<Navigation /> <Navigation />
</div> </div>
<Helmet> <Helmet>
<title>MySy Training, qui sommes nous ?</title> <title>MySy Training, qui sommes nous 2 ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" /> <meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="noindex, nofollow" /> <meta name="robots" content="noindex, nofollow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" /> <meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />

View File

@ -14,7 +14,7 @@ const recherche_draft = () => {
</div> </div>
) )
} }
export default recherche_draft; export default recherche_draft;

View File

@ -5,13 +5,13 @@ import Navigation from "../components/Navigation";
export default function displaydetailarticle() { export default function displaydetailarticle() {
return ( return (
<div> <div>
<div > <div >
<Navigation /> <Navigation />
</div> </div>
<RechercheArticle_new_v2 /> <RechercheArticle_new_v2 />
</div> </div>
); );
} }

View File

@ -30,7 +30,7 @@
color: white; color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: small; font-size: small;
width: 90%; width: 96%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -48,7 +48,7 @@
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
// margin-bottom: 0.1rem; // margin-bottom: 0.1rem;
//border-radius: 1rem; //border-radius: 1rem;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
@ -75,7 +75,7 @@
background-color: #e7f3fb; background-color: #e7f3fb;
background-color: #FFF5DA; background-color: #FFF5DA;
color: #0A043C; color: #0A043C;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px; //border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px; //border-bottom-right-radius: 25px;
@ -174,7 +174,7 @@
color: white; color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.1rem; font-size: 1.1rem;
width: 90%; width: 96%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -192,7 +192,7 @@
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
// margin-bottom: 0.1rem; // margin-bottom: 0.1rem;
//border-radius: 1rem; //border-radius: 1rem;
//position: fixed; //position: fixed;
z-index: 10; z-index: 10;
@ -214,12 +214,12 @@
//border-width: 0.01rem; //border-width: 0.01rem;
width: 100%; width: 100%;
//border-radius: 1rem; //border-radius: 1rem;
// height: 8rem; // height: 8rem;
background-color: #e7f3fb; background-color: #e7f3fb;
background-color: #FFF5DA; background-color: #FFF5DA;
color: #0A043C; color: #0A043C;
z-index: 10; z-index: 10;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px; //border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px; //border-bottom-right-radius: 25px;
@ -332,7 +332,7 @@
color: white; color: white;
font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem; font-size: 1.2rem;
width: 90%; width: 96%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -351,7 +351,7 @@
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
// margin-bottom: 0.1rem; // margin-bottom: 0.1rem;
//border-radius: 1rem; //border-radius: 1rem;
//position: fixed; //position: fixed;
z-index: 10; z-index: 10;
@ -373,11 +373,11 @@
//border-width: 0.01rem; //border-width: 0.01rem;
width: 100%; width: 100%;
//border-radius: 1rem; //border-radius: 1rem;
// height: 8rem; // height: 8rem;
background-color: #FFF5DA; background-color: #FFF5DA;
color: #0A043C; color: #0A043C;
z-index: 10; z-index: 10;
// background-image: url("../../mysy_img/MYSY-banner-compte_v2.png"); // background-image: url("../../mysy_img/MYSY-banner-compte_v2.png");
//border-bottom-left-radius: 25px; //border-bottom-left-radius: 25px;
//border-bottom-right-radius: 25px; //border-bottom-right-radius: 25px;
@ -519,7 +519,7 @@
color: #0A043C; color: #0A043C;
font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 1.2rem; font-size: 1.2rem;
width: 90%; width: 96%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -538,7 +538,7 @@
//border:0px solid black; //border:0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
// margin-bottom: 0.1rem; // margin-bottom: 0.1rem;
//border-radius: 1rem; //border-radius: 1rem;
//position: fixed; //position: fixed;
z-index: 10; z-index: 10;
@ -557,7 +557,7 @@
.header_div_row_bas { .header_div_row_bas {
float: right; float: right;
width: 100%; width: 100%;
// height: 8rem; // height: 8rem;
background-color: #FFF5DA; background-color: #FFF5DA;
color: #0A043C; color: #0A043C;
z-index: 10; z-index: 10;
@ -711,26 +711,125 @@
color: white; color: white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} .training {
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
line-height: 12px;
/* identical to box height */
letter-spacing: 0.83em;
/* Deep Blue */
color: #0A043C;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
width: 50%; width: 50%;
float: left; float: left;
color: white; color: white;
} .training {
@media only screen and (min-width: 992px) and (max-width: 1199px){ width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
line-height: 12px;
/* identical to box height */
letter-spacing: 0.83em;
/* Deep Blue */
color: #0A043C;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
width: 50%; width: 50%;
float: left; float: left;
color: white; color: white;
} .training {
@media only screen and (min-width: 1200px){ width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
line-height: 12px;
/* identical to box height */
letter-spacing: 0.83em;
/* Deep Blue */
color: #0A043C;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
} }
@media only screen and (min-width: 1200px) {
width: 30%; width: 30%;
float: left; float: left;
color: white; color: white;
.training {
width: 108px;
height: 12px;
font-family: 'Albert Sans';
font-style: normal;
font-weight: 900;
font-size: 10px;
line-height: 12px;
/* identical to box height */
letter-spacing: 0.83em;
/* Deep Blue */
color: #0A043C;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}
} }
} }
.header_img_logo22 { .header_img_logo22 {

View File

@ -1,5 +1,9 @@
.notfound { .notfound {
width: 100%;
float: left;
.loader-container { .loader-container {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
@ -15,7 +19,7 @@
left: 0px; left: 0px;
} }
.spinner { .spinner {
width: 20rem; width: 20rem;
height: 10rem; height: 10rem;
border: 8px solid; border: 8px solid;
@ -24,13 +28,13 @@
animation: spin-anim 1.2s linear infinite; animation: spin-anim 1.2s linear infinite;
background-color: red; background-color: red;
color: black; color: black;
} }
.mysy_spinner { .mysy_spinner {
border-radius: 5px; border-radius: 5px;
//border: 1px solid black; //border: 1px solid black;
opacity: 100%; opacity: 100%;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
@ -103,12 +107,12 @@
} }
.div_mobile { .div_mobile {
position: relative; // position: relative;
top: 7rem; top: 7rem;
z-index: 1; z-index: 1;
width: 98%; width: 100%;
height: 100%; height: 100%;
margin: 0.3rem; //margin: 0.3rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -123,6 +127,40 @@
} }
.block_entete {
margin-top: 3rem;
width: 100%;
float: left;
border: none;
background: var(--Beige, #FFF5DA);
}
.block_centrer {
margin: auto;
width: 100%;
float: left;
//margin-top: 2rem;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
// position: absolute;
width: 100%;
height: 3rem;
left: 0px;
background: var(--Beige, #FFF5DA);
}
.display_screen_600_901 {
width: 100%;
float: left;
padding: 5px;
min-height: 70vh;
margin-left: 0pc;
padding-top: 5rem;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -195,8 +233,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -210,6 +248,27 @@
} }
.block_entete {
height: 6rem;
float: left;
border: none;
}
.block_centrer {
margin: auto;
width: 100%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -283,7 +342,7 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
@ -298,6 +357,27 @@
position: absolute; position: absolute;
} }
.block_entete {
height: 8rem;
float: left;
border: none;
}
.block_centrer {
margin: auto;
width: 95%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -368,7 +448,7 @@
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
@ -385,5 +465,42 @@
.img_ok { .img_ok {
max-width: 5%; max-width: 5%;
} }
.block_entete {
height: 10rem;
float: left;
border: none;
}
.block_centrer {
margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}
.Background-header {
position: absolute;
width: 100%;
height: 150px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
}
// end media
.display_screen_600_901 {
width: 95%;
margin-left: 5%;
float: left;
padding: 10px;
min-height: 70vh;
padding-top: 10rem;
}
.text_welcome{
margin-top: 2rem;
} }
} }

View File

@ -2,7 +2,7 @@
width: 100%; width: 100%;
float: left; float: left;
.h1_transparent { .h1_transparent {
color: transparent; color: transparent;
//color: red; //color: red;

View File

@ -3189,7 +3189,7 @@
width: 95%; width: 95%;
height: 367px; height: 367px;
left: 20px; left: 20px;
top: 156px; top: 136px;
} }
.Background_Header { .Background_Header {
@ -6296,7 +6296,7 @@
width: 95%; width: 95%;
height: 367px; height: 367px;
left: 5%; left: 5%;
top: 156px; top: 136px;
} }
.Background_Header { .Background_Header {
@ -9396,7 +9396,7 @@
width: 95%; width: 95%;
height: 367px; height: 367px;
left: 5%; left: 5%;
top: 156px; top: 136px;
} }
.Background_Header { .Background_Header {
@ -12508,7 +12508,7 @@
width: 95%; width: 95%;
height: 367px; height: 367px;
left: 5%; left: 5%;
top: 156px; top: 136px;
} }
.Background_Header { .Background_Header {
@ -12535,7 +12535,7 @@
order: 0; order: 0;
flex-grow: 0; flex-grow: 0;
} }
.training { .training {
width: 108px; width: 108px;

View File

@ -208,6 +208,10 @@
} }
.signin { .signin {
width: 100%;
float: left;
.h1_transparent { .h1_transparent {
color: transparent; color: transparent;
font-size: 0.1rem; font-size: 0.1rem;
@ -393,12 +397,12 @@
} }
.div_mobile { .div_mobile {
position: relative; // position: relative;
top: 7rem; top: 7rem;
z-index: 1; z-index: 1;
width: 98%; width: 100%;
height: 100%; height: 100%;
margin: 0.3rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -483,6 +487,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 1rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -521,7 +526,7 @@
} }
.div_centre_master { .div_centre_master {
width: 90%; width: 94%;
background-color: white; background-color: white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -637,6 +642,37 @@
} }
.block_entete {
margin-top: 3rem;
width: 100%;
float: left;
}
.block_centrer {
margin: auto;
width: 100%;
float: left;
//margin-top: 2rem;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
// position: absolute;
width: 100%;
height: 3rem;
left: 0px;
background: var(--Beige, #FFF5DA);
}
.display_screen_600_901 {
width: 100%;
float: left;
padding: 5px;
min-height: 70vh;
margin-left: 0pc;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -947,8 +983,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -1058,6 +1094,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 3rem; margin-bottom: 3rem;
margin-top: 3rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -1096,7 +1133,7 @@
} }
.div_centre_master { .div_centre_master {
width: 40%; width: 50%;
background-color: white; background-color: white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1211,6 +1248,26 @@
} }
.block_entete {
height: 6rem;
float: left;
}
.block_centrer {
margin: auto;
width: 100%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1508,8 +1565,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -1613,6 +1670,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 3rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -1651,7 +1709,7 @@
} }
.div_centre_master { .div_centre_master {
width: 35%; width: 45%;
background-color: white; background-color: white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1767,6 +1825,26 @@
} }
.block_entete {
height: 8rem;
float: left;
}
.block_centrer {
margin: auto;
width: 95%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -2081,10 +2159,13 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 9rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
} }
.pieddepage { .pieddepage {
@ -2188,6 +2269,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 5rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -2226,7 +2308,7 @@
} }
.div_centre_master { .div_centre_master {
width: 35%; width: 40%;
background-color: white; background-color: white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -2345,17 +2427,47 @@
} }
.block_entete {
height: 10rem;
float: left;
}
.block_centrer {
margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}
.Background-header {
position: absolute;
width: 100%;
height: 150px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
// end media
.css-slyssw { .css-slyssw {
margin-right: 10px !important; margin-right: 10px !important;
padding: 0px !important; padding: 0px !important;
} }
.css-vubbuv{ .css-vubbuv {
font-size: medium !important; font-size: medium !important;
margin-right: 10px !important; margin-right: 10px !important;
} }
// end media .display_screen_600_901 {
width: 95%;
margin-left: 5%;
float: left;
padding: 10px;
min-height: 70vh;
}
} }

View File

@ -1,7 +1,12 @@
.signup { .signup {
width: 100%;
float: left;
input { input {
background-color: transparent !important; background-color: transparent !important;
} }
.MuiInputBase-inputAdornedEnd { .MuiInputBase-inputAdornedEnd {
padding: 0px !important; padding: 0px !important;
max-height: 1rem !important; max-height: 1rem !important;
@ -49,7 +54,7 @@
} }
.css-1pysi21-MuiFormLabel-root-MuiInputLabel-root{ .css-1pysi21-MuiFormLabel-root-MuiInputLabel-root {
font-size: small !important; font-size: small !important;
} }
@ -67,6 +72,7 @@
color: red; color: red;
font-style: italic; font-style: italic;
} }
.okUpdateData { .okUpdateData {
font-size: small; font-size: small;
color: green; color: green;
@ -104,9 +110,11 @@
font-size: small; font-size: small;
font-family: "Signika", sans-serif; font-family: "Signika", sans-serif;
} }
.btn_login { .btn_login {
width: 10rem; width: 10rem;
} }
.button { .button {
width: 100% !important; width: 100% !important;
} }
@ -127,7 +135,8 @@
h4 { h4 {
display: inline-block; display: inline-block;
font-size: large; /*or whatever you want*/ font-size: large;
/*or whatever you want*/
color: white; color: white;
} }
@ -192,13 +201,13 @@
} }
.div_mobile { .div_mobile {
position: relative; //position: relative;
top: 5rem; //top: 5rem;
z-index: 1; z-index: 1;
width: 98%; width: 100%;
height: 100%; height: 100%;
margin: 0.3rem; //margin: 0.3rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@ -240,9 +249,9 @@
.overlay-custom-class-name { .overlay-custom-class-name {
z-index: 101; z-index: 101;
} }
.div_001 { .div_001 {
width: 90%; width: 90%;
margin-left: auto; margin-left: auto;
@ -295,8 +304,8 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 1rem;
} }
.text_pwd_crit { .text_pwd_crit {
color: #3b3e40; color: #3b3e40;
margin-bottom: 0px; margin-bottom: 0px;
@ -314,6 +323,7 @@
font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-family: "verdana", "Quicksand", "Signika", "sans-serif";
font-size: 0.8rem; font-size: 0.8rem;
} }
.signin_menu { .signin_menu {
width: 50%; width: 50%;
text-align: left; text-align: left;
@ -335,6 +345,7 @@
text-transform: none; text-transform: none;
/* Lowering the shadow */ /* Lowering the shadow */
} }
.signin_menu:focus { .signin_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -345,7 +356,7 @@
margin: auto; margin: auto;
//border: 1px solid black; //border: 1px solid black;
//border-width: 0.01rem; //border-width: 0.01rem;
width: 90%; width: 95%;
padding-bottom: 10px; padding-bottom: 10px;
border-radius: 0px; border-radius: 0px;
text-align: left; text-align: left;
@ -436,7 +447,7 @@
color: #3b3e40; color: #3b3e40;
} }
.pasrobot_block{ .pasrobot_block {
border: 2px solid black; border: 2px solid black;
width: 50%; width: 50%;
margin-left: auto; margin-left: auto;
@ -445,9 +456,44 @@
margin-top: 10px; margin-top: 10px;
} }
.block_entete {
// margin-top: 3rem;
width: 100%;
float: left;
background: var(--Beige, #FFF5DA);
}
.block_centrer {
margin: auto;
width: 100%;
float: left;
//margin-top: 2rem;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
// position: absolute;
width: 100%;
height: 3rem;
left: 0px;
background: var(--Beige, #FFF5DA);
margin-top: 5rem;
}
.display_screen_600_901 {
width: 100%;
float: left;
padding: 5px;
min-height: 70vh;
margin-left: 0pc;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */ /*style petites-moyennes tablettes */
.img_logo { .img_logo {
display: block; display: block;
@ -633,8 +679,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -645,11 +691,13 @@
float: left; float: left;
margin-top: 2rem; margin-top: 2rem;
@media only screen and (min-height: 1000px) { /* Ipad */ @media only screen and (min-height: 1000px) {
/* Ipad */
margin-top: 6rem; margin-top: 6rem;
} }
@media only screen and (min-height: 1179px) { /* Ipad Air */ @media only screen and (min-height: 1179px) {
/* Ipad Air */
margin-top: 15rem; margin-top: 15rem;
} }
@ -743,8 +791,10 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 3rem; margin-bottom: 3rem;
margin-top: 3rem;
} }
.text_pwd_crit { .text_pwd_crit {
color: #3b3e40; color: #3b3e40;
margin-bottom: 0px; margin-bottom: 0px;
@ -784,6 +834,7 @@
text-transform: none; text-transform: none;
/* Lowering the shadow */ /* Lowering the shadow */
} }
.signin_menu:focus { .signin_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -794,7 +845,7 @@
margin: auto; margin: auto;
//border: 1px solid black; //border: 1px solid black;
//border-width: 0.01rem; //border-width: 0.01rem;
width: 45%; width: 70%;
padding-bottom: 10px; padding-bottom: 10px;
border-radius: 0px; border-radius: 0px;
text-align: left; text-align: left;
@ -852,6 +903,7 @@
margin: 0.4rem !important; margin: 0.4rem !important;
height: 1.8rem !important; height: 1.8rem !important;
} }
.css-1ptx2yq-MuiInputBase-root-MuiInput-root { .css-1ptx2yq-MuiInputBase-root-MuiInput-root {
margin-top: 2px !important; margin-top: 2px !important;
} }
@ -865,7 +917,7 @@
color: #3b3e40; color: #3b3e40;
} }
.pasrobot_block{ .pasrobot_block {
border: 2px solid black; border: 2px solid black;
width: 50%; width: 50%;
margin-left: auto; margin-left: auto;
@ -874,6 +926,26 @@
margin-top: 10px; margin-top: 10px;
} }
.block_entete {
height: 8rem;
float: left;
}
.block_centrer {
margin: auto;
width: 100%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -942,7 +1014,7 @@
} }
li:hover { li:hover {
/* color: #33799b; /* color: #33799b;
padding-left: 0; padding-left: 0;
text-transform: uppercase;*/ text-transform: uppercase;*/
} }
@ -1062,8 +1134,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -1166,6 +1238,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 3rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -1207,6 +1280,7 @@
text-transform: none; text-transform: none;
/* Lowering the shadow */ /* Lowering the shadow */
} }
.signin_menu:focus { .signin_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -1217,7 +1291,7 @@
margin: auto; margin: auto;
//border: 1px solid black; //border: 1px solid black;
//border-width: 0.01rem; //border-width: 0.01rem;
width: 40%; width: 60%;
padding-bottom: 10px; padding-bottom: 10px;
border-radius: 0px; border-radius: 0px;
text-align: left; text-align: left;
@ -1289,7 +1363,7 @@
color: #3b3e40; color: #3b3e40;
} }
.pasrobot_block{ .pasrobot_block {
border: 2px solid black; border: 2px solid black;
width: 50%; width: 50%;
margin-left: auto; margin-left: auto;
@ -1298,9 +1372,31 @@
margin-top: 10px; margin-top: 10px;
} }
.block_entete {
height: 8rem;
float: left;
}
.block_centrer {
margin: auto;
width: 95%;
// border: 3px solid #73AD21;
padding: 10px;
}
.Background-header {
position: absolute;
width: 100%;
height: 100px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
/*style grande tablettes & Pc portable */ /*style grande tablettes & Pc portable */
.img_logo { .img_logo {
display: block; display: block;
@ -1486,8 +1582,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 11rem; // top: 11rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
} }
@ -1498,7 +1594,7 @@
float: left; float: left;
margin-top: 2rem; margin-top: 2rem;
@media only screen and (min-height: 1001px) and (max-height: 1110px) { @media only screen and (min-height: 1001px) and (max-height: 1110px) {
margin-top: 8rem; margin-top: 8rem;
} }
@ -1595,6 +1691,7 @@
line-height: 2rem; line-height: 2rem;
color: #3b3e40; color: #3b3e40;
margin-bottom: 2rem; margin-bottom: 2rem;
margin-top: 5rem;
} }
.text_pwd_crit { .text_pwd_crit {
@ -1618,7 +1715,7 @@
.signin_menu { .signin_menu {
width: 50%; width: 50%;
text-align: left; text-align: left;
font-size: 1rem; font-size: 1rem;
//font-weight: bold; //font-weight: bold;
background-color: whitesmoke; background-color: whitesmoke;
color: #3b3e40; color: #3b3e40;
@ -1636,6 +1733,7 @@
text-transform: none; text-transform: none;
/* Lowering the shadow */ /* Lowering the shadow */
} }
.signin_menu:focus { .signin_menu:focus {
//border: 3px dotted green; //border: 3px dotted green;
background-color: #e7f3fb; background-color: #e7f3fb;
@ -1646,7 +1744,7 @@
margin: auto; margin: auto;
//border: 1px solid black; //border: 1px solid black;
//border-width: 0.01rem; //border-width: 0.01rem;
width: 35%; width: 40%;
padding-bottom: 10px; padding-bottom: 10px;
border-radius: 0px; border-radius: 0px;
text-align: left; text-align: left;
@ -1718,7 +1816,7 @@
color: #3b3e40; color: #3b3e40;
} }
.pasrobot_block{ .pasrobot_block {
border: 2px solid black; border: 2px solid black;
width: 50%; width: 50%;
margin-left: auto; margin-left: auto;
@ -1727,28 +1825,61 @@
margin-top: 10px; margin-top: 10px;
} }
.css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root{ .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root {
margin-right: 10px !important; margin-right: 10px !important;
padding: 0px !important; padding: 0px !important;
} }
.MuiInputBase-inputAdornedEnd{
.MuiInputBase-inputAdornedEnd {
height: 2.5rem !important; height: 2.5rem !important;
max-height: 2.5rem !important; max-height: 2.5rem !important;
} }
.block_entete {
height: 10rem;
float: left;
}
.block_centrer {
margin: auto;
width: 100%;
padding: 10px;
max-width: 1400px !important;
}
.Background-header {
position: absolute;
width: 100%;
height: 150px;
left: 0px;
background: var(--Beige, #FFF5DA);
}
} }
.css-i4bv87-MuiSvgIcon-root{ // end media
.css-i4bv87-MuiSvgIcon-root {
font-size: medium !important; font-size: medium !important;
} }
.css-1laqsz7-MuiInputAdornment-root{ .css-1laqsz7-MuiInputAdornment-root {
padding-right: 10px !important; padding-right: 10px !important;
} }
.css-vubbuv{ .css-vubbuv {
font-size: medium !important; font-size: medium !important;
margin-right: 10px !important; margin-right: 10px !important;
} }
} .display_screen_600_901 {
width: 95%;
margin-left: 5%;
float: left;
padding: 10px;
min-height: 70vh;
}
}