02/02/2026 - 18h

branche_01062025
Cherif 2026-02-02 17:51:42 +01:00
parent 01cbd39080
commit c5703167fc
20 changed files with 104374 additions and 6995 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

13482
src/components/Employes_ARG.js Normal file

File diff suppressed because it is too large Load Diff

View File

@ -598,7 +598,7 @@ function New_C_Sign_In_2025() {
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
top: '7rem',
margin: "2px",
},
}}
@ -772,7 +772,8 @@ function New_C_Sign_In_2025() {
}} >
<nav style={{
width: "10%",
float: "right"
float: "right",
cursor:'pointer',
}}
onClick={handleClickShowPassword_mobile}>
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
@ -827,11 +828,11 @@ function New_C_Sign_In_2025() {
</div>
<div className="text-wrapper-6">TRAINING</div>
</div>
<div className="back">
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper-7" style={{ cursor: 'pointer' }} onClick={(e) => {
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/");
}}>Retour à l'accueil</div>
}}>
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper-7" >Retour à l'accueil</div>
</div>
<div className="status-bar-mini">
<div className="status-mini">
@ -852,11 +853,11 @@ function New_C_Sign_In_2025() {
<div className="log-in-page-desktop">
<div className="div">
<div className="back">
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper" style={{ cursor: 'pointer' }} onClick={(e) => {
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/");
}}>Retour à l'accueil</div>
}}>
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper" >Retour à l'accueil</div>
</div>
<div className="sign-in">
<div className="sign-in-content">
@ -934,7 +935,8 @@ function New_C_Sign_In_2025() {
}} >
<nav style={{
width: "10%",
float: "right"
float: "right",
cursor:'pointer',
}}
onClick={handleClickShowPassword_desktop}>
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}

View File

@ -150,7 +150,7 @@ function New_C_Sign_Up_2025() {
const onSubmit_mobile = async (data) => {
window.scrollTo({
top: 0,
behavior: "smooth",
@ -388,7 +388,7 @@ function New_C_Sign_Up_2025() {
formData.append("email", mymail);
formData.append("pwd", new_pwd);
fetch(
url_sign_up,
@ -444,8 +444,8 @@ function New_C_Sign_Up_2025() {
const onSubmit = async (data) => {
window.scrollTo({
top: 0,
behavior: "smooth",
@ -682,7 +682,7 @@ function New_C_Sign_Up_2025() {
}
formData.append("email", mymail);
formData.append("pwd", new_pwd);
fetch(
url_sign_up,
@ -802,7 +802,7 @@ function New_C_Sign_Up_2025() {
function resetpasswd_ok(e) {
// Controle du mail
var mymail = reset_login_email;
//alert(" le mail de reset = "+mymail);
@ -827,7 +827,7 @@ function New_C_Sign_Up_2025() {
var calcul_total = parseInt(random1) + parseInt(random2);
if (parseInt(total) != parseInt(calcul_total)) {
document.getElementsByName("pasrobot")[0].style.border = "1px solid red";
@ -922,19 +922,37 @@ function New_C_Sign_Up_2025() {
}*/
const handleClickShowPassword = () => {
const handleClickShowPassword_desktop = () => {
if (currentpawdvisible == false) {
document.getElementsByName("new_pwd")[0].type = "text";
document.getElementsByName("new_pwd_conf")[0].type = "text";
document.getElementsByName("new_pwd_desktop")[0].type = "text";
document.getElementsByName("new_pwd_conf_desktop")[0].type = "text";
setcurrentpawdvisible(true);
}
else if (currentpawdvisible == true) {
document.getElementsByName("new_pwd")[0].type = "password";
document.getElementsByName("new_pwd_conf")[0].type = "password";
document.getElementsByName("new_pwd_desktop")[0].type = "password";
document.getElementsByName("new_pwd_conf_desktop")[0].type = "password";
setcurrentpawdvisible(false);
}
};
const handleClickShowPassword_mobile = () => {
if (currentpawdvisible == false) {
document.getElementsByName("new_pwd_mobile")[0].type = "text";
document.getElementsByName("new_pwd_conf_mobile")[0].type = "text";
setcurrentpawdvisible(true);
}
else if (currentpawdvisible == true) {
document.getElementsByName("new_pwd_mobile")[0].type = "password";
document.getElementsByName("new_pwd_conf_mobile")[0].type = "password";
setcurrentpawdvisible(false);
}
};
const [login_email, setlogin_email] = useState("");
const [login_pwd, setlogin_pwd] = useState("");
@ -1009,7 +1027,7 @@ function New_C_Sign_Up_2025() {
style: {
overflowY: 'unset',
position: 'absolute',
top: '5rem',
top: '7rem',
margin: "2px",
},
}}
@ -1057,7 +1075,7 @@ function New_C_Sign_Up_2025() {
fullWidth
//variant="standard"
placeholder="Calculez la somme des valeurs"
/>
@ -1214,8 +1232,8 @@ function New_C_Sign_Up_2025() {
required
type="password"
autoComplete="current-password"
id="new_pwd"
name="new_pwd"
id="new_pwd_mobile"
name="new_pwd_mobile"
InputLabelProps={{
shrink: true,
}}
@ -1249,8 +1267,8 @@ function New_C_Sign_Up_2025() {
required
type="password"
autoComplete="current-password"
id="new_pwd_conf"
name="new_pwd_conf"
id="new_pwd_conf_mobile"
name="new_pwd_conf_mobile"
InputLabelProps={{
shrink: true,
}}
@ -1287,9 +1305,10 @@ function New_C_Sign_Up_2025() {
}} >
<nav style={{
width: "10%",
float: "right"
float: "right",
cursor: 'pointer',
}}
onClick={handleClickShowPassword}>
onClick={handleClickShowPassword_mobile}>
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
</nav>
@ -1494,8 +1513,8 @@ function New_C_Sign_Up_2025() {
</div>
<div className="create-account">
<p className="text-wrapper-4">Vous avez déjà un compte ?</p>
<div className="text-wrapper-5" style={{cursor:'pointer'}} onClick={(e) => {
history.push("/signin");
<div className="text-wrapper-5" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/signin");
}}>Connectez-vous</div>
</div>
</div>
@ -1508,16 +1527,16 @@ function New_C_Sign_Up_2025() {
<img className="vector-2" />
</div>
<div className="overlap-group">
<img src={Sign_In_Logo_MySy_SVG} />
<img src={Sign_In_Logo_MySy_SVG} />
</div>
</div>
<div className="text-wrapper-6">TRAINING</div>
</div>
<div className="back">
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/");
}}>
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper-7" style={{cursor:'pointer'}} onClick={(e) => {
history.push("/");
}}>Retour à l'accueil</div>
<div className="text-wrapper-7" >Retour à l'accueil</div>
</div>
<div className="status-bar-mini">
<div className="status-mini">
@ -1540,11 +1559,11 @@ function New_C_Sign_Up_2025() {
<div className="log-in-page-desktop">
<div className="div">
<div className="back">
<div className="back" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/");
}}>
<img className="line-arrow-left" src={Sign_In_Line_Arrow_Left_SVG} />
<div className="text-wrapper" style={{cursor:'pointer'}} onClick={(e) => {
history.push("/");
}}>Retour à l'accueil</div>
<div className="text-wrapper" >Retour à l'accueil</div>
</div>
<div className="sign-in">
<div className="sign-in-content">
@ -1577,7 +1596,6 @@ function New_C_Sign_Up_2025() {
value={compte_raison_sociale}
onChange={(event) => {
setcompte_raison_sociale(event.target.value);
}}
/>
@ -1652,8 +1670,8 @@ function New_C_Sign_Up_2025() {
required
type="password"
autoComplete="current-password"
id="new_pwd"
name="new_pwd"
id="new_pwd_desktop"
name="new_pwd_desktop"
InputLabelProps={{
shrink: true,
}}
@ -1687,8 +1705,8 @@ function New_C_Sign_Up_2025() {
required
type="password"
autoComplete="current-password"
id="new_pwd_conf"
name="new_pwd_conf"
id="new_pwd_conf_desktop"
name="new_pwd_conf_desktop"
InputLabelProps={{
shrink: true,
}}
@ -1725,9 +1743,10 @@ function New_C_Sign_Up_2025() {
}} >
<nav style={{
width: "10%",
float: "right"
float: "right",
cursor: 'pointer',
}}
onClick={handleClickShowPassword}>
onClick={handleClickShowPassword_desktop}>
{currentpawdvisible ? <Visibility style={{ fontSize: '15px' }} /> : <VisibilityOff style={{ fontSize: '15px' }} />}
</nav>
@ -1928,8 +1947,8 @@ function New_C_Sign_Up_2025() {
</div>
<div className="create-account">
<p className="text-wrapper-6">Vous avez déjà un compte ?</p>
<div className="text-wrapper-7" style={{cursor:'pointer'}} onClick={(e) => {
history.push("/signin");
<div className="text-wrapper-7" style={{ cursor: 'pointer' }} onClick={(e) => {
history.push("/signin");
}}>Connectez-vous</div>
</div>
</div>
@ -1942,7 +1961,7 @@ function New_C_Sign_Up_2025() {
<img className="vector-2" />
</div>
<div className="overlap">
<img src={Sign_In_Logo_MySy_SVG} />
<img src={Sign_In_Logo_MySy_SVG} />
</div>
</div>
<div className="text-wrapper-8">TRAINING</div>

View File

@ -2399,11 +2399,11 @@ const Session_Admission_FI = (props) => {
const New_Option_Famille_Situation = [
{ "id": "marie", "label": "Marié", "value": "marie" },
{ "id": "pacse", "label": "Pacsé Conduire", "value": "pacse" },
{ "id": "pacse", "label": "Pacsé", "value": "pacse" },
{ "id": "divorce", "label": "Divorcé", "value": "divorce" },
{ "id": "separe", "label": "Séparé", "value": "separe" },
{ "id": "celibataire", "label": "Célibataire", "value": "célibataire" },
{ "id": "veuf", "label": "Veuf", "value": "veuf" },
{ "id": "veuf", "label": "Veuf/ve", "value": "veuf" },
{ "id": "autre", "label": "Autre", "value": "autre" },
{ "id": "", "label": "", "value": "" },
]
@ -2413,7 +2413,7 @@ const Session_Admission_FI = (props) => {
{ "id": "pied", "label": "Pied", "value": "pied" },
{ "id": "velo", "label": "Vélo", "value": "velo" },
{ "id": "voiture", "label": "Voiture", "value": "voiture" },
{ "id": "transport", "label": "Non", "value": "transport" },
{ "id": "transport", "label": "Transport", "value": "transport" },
{ "id": "autre", "label": "Autre", "value": "autre" },
{ "id": "", "label": "", "value": "" },
]

View File

@ -38,7 +38,7 @@ const ContactForm = ({ style = {} }) => {
const handleSubmit = (e) => {
e.preventDefault();
var sender_mail = "";
var sender_tel = "";
var token = "";
@ -75,10 +75,10 @@ const ContactForm = ({ style = {} }) => {
var re = /\S+@\S+\.\S+/;
if (re.test(mysender_email) == false) {
// alert("L'adresse email est incorrecte");
// alert("L'adresse email est incorrecte");
setdisplay_alert_mysy("1");
setalert_message("L'adresse email est incorrecte");
setalert_type("error");
setalert_message("L'adresse email est incorrecte");
setalert_type("error");
return;
}
@ -90,7 +90,7 @@ const ContactForm = ({ style = {} }) => {
return;
}
var myurl = process.env.REACT_APP_API_URL + "myclass/api/add_user_message/";
@ -174,12 +174,13 @@ const ContactForm = ({ style = {} }) => {
container: {
display: 'flex',
flexDirection: 'column',
padding: '40px',
padding: '10px',
gap: '20px',
background: '#FFFFFF',
borderRadius: '8px',
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
maxWidth: '100%',
with: "100%",
...style
},
rowContainer: {
@ -277,85 +278,87 @@ const ContactForm = ({ style = {} }) => {
return (
<form onSubmit={handleSubmit} style={formStyles.container}>
{/*** Affichage des messages d'alerte*/}
{display_alert_mysy && String(display_alert_mysy) === "1" &&
<Module_Alert_Confirmation alert_message={alert_message}
alert_type={alert_type}
clear_alert_message={clear_alert_message}
clear_alert_type={clear_alert_type}
clear_display_alert_mysy={clear_display_alert_mysy}
/>
}
{/*** FIN Affichage des messages d'alerte*/}
<div className="contact_automatic_files" style={{ width: '80%', margin: "auto", maxWidth: '1150px' }}>
<form onSubmit={handleSubmit} className='form_elements'>
{/*** Affichage des messages d'alerte*/}
{display_alert_mysy && String(display_alert_mysy) === "1" &&
<Module_Alert_Confirmation alert_message={alert_message}
alert_type={alert_type}
clear_alert_message={clear_alert_message}
clear_alert_type={clear_alert_type}
clear_display_alert_mysy={clear_display_alert_mysy}
/>
}
{/*** FIN Affichage des messages d'alerte*/}
<div style={formStyles.rowContainer}>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Nom</label>
<input
type="text"
name="name"
placeholder="Votre nom"
value={formData.name}
onChange={handleChange}
style={formStyles.input}
/>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>E-mail</label>
<input
type="email"
name="email"
placeholder="Votre e-mail"
value={formData.email}
onChange={handleChange}
style={formStyles.input}
/>
<div style={formStyles.rowContainer}>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Nom</label>
<input
type="text"
name="name"
placeholder="Votre nom"
value={formData.name}
onChange={handleChange}
style={formStyles.input}
/>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>E-mail</label>
<input
type="email"
name="email"
placeholder="Votre e-mail"
value={formData.email}
onChange={handleChange}
style={formStyles.input}
/>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Téléphone</label>
<input
type="text"
name="telephone"
placeholder="Votre numéro de téléphone"
value={formData.telephone}
onChange={handleChange}
style={formStyles.input}
/>
</div>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Téléphone</label>
<input
type="text"
name="telephone"
placeholder="Votre numéro de téléphone"
value={formData.telephone}
<label style={formStyles.label}>Sujet</label>
<select
name="subject"
value={formData.subject}
onChange={handleChange}
style={formStyles.input}
style={formStyles.select}
>
<option value="">Sélectionner un sujet</option>
<option value="general">Général</option>
<option value="support">Support</option>
<option value="business">Business</option>
</select>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Votre message</label>
<textarea
name="message"
placeholder="Votre message"
value={formData.message}
onChange={handleChange}
style={formStyles.textarea}
/>
</div>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Sujet</label>
<select
name="subject"
value={formData.subject}
onChange={handleChange}
style={formStyles.select}
>
<option value="">Sélectionner un sujet</option>
<option value="general">Général</option>
<option value="support">Support</option>
<option value="business">Business</option>
</select>
</div>
<div style={formStyles.inputGroup}>
<label style={formStyles.label}>Votre message</label>
<textarea
name="message"
placeholder="Votre message"
value={formData.message}
onChange={handleChange}
style={formStyles.textarea}
/>
</div>
<button type="submit" style={formStyles.button}>
Envoyer votre message
</button>
</form>
<button type="submit" style={formStyles.button}>
Envoyer votre message
</button>
</form>
</div>
);
};

View File

@ -16,7 +16,7 @@ const Contact_Layout = () => {
return (
<div style={{ width: '100%', minHeight: '100vh', display: 'flex', flexDirection: 'column' }} id="debut">
<div className="contact_automatic_files" style={{ width: '100%', minHeight: '100vh', display: 'flex', flexDirection: 'column' }} id="debut">
<Helmet>
<meta name="description" content="É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" />
@ -26,7 +26,7 @@ const Contact_Layout = () => {
<div style={{ flexGrow: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', background: 'url(/img/contact_img_backgrou.png)', backgroundSize: 'cover', padding: '90px 0' }}>
<h1 style={{ fontFamily: 'DM Sans', fontSize: '36px', fontWeight: 700, color: '#16274F', textAlign: 'center', marginBottom: '20px' }}>Un besoin, une question ?<br />Nous sommes à votre disposition.</h1>
<h1 className="hero_text">Un besoin, une question ?<br />Nous sommes à votre disposition.</h1>
<p style={{ fontFamily: 'Inter', fontSize: '16px', color: '#4B5162', textAlign: 'center', maxWidth: '600px', marginBottom: '0px' }}>
C'est à vous. Dites-nous tout &nbsp; &nbsp; <span style={{ 'fontSize': '30px' }}>&#9997;</span>
</p>
@ -34,10 +34,7 @@ const Contact_Layout = () => {
<div style={{ flexGrow: 0, width: '80%', maxWidth: '1116px', margin: '20px 0' }}>
<h1 style={{
fontFamily: 'DM Sans', fontSize: '30px', fontWeight: 700, color: '#16274F', textAlign: 'left',
marginBottom: '20px'
}}>
<h1 className="hero_text">
Mysy Training Technology,<br />
Votre satisfaction est notre priorité.
</h1>

View File

@ -1,10 +1,85 @@
.contact_automatic_files {
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 600px) {
.hero_text {
font-family: DM Sans;
font-size: 26px;
font-weight: 700;
color: #16274F;
text-align: center;
margin-bottom: 20px;
@media only screen and (min-width: 601px) and (max-width: 991px) {}
}
.form_elements {
display: flex;
flex-direction: column;
padding: 5px;
gap: 20px;
background: rgb(255, 255, 255);
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
max-width: 1116px;
flex-grow: 0;
width: 100%;
margin: 20px 0px;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
.hero_text {
font-family: DM Sans;
font-size: 30px;
font-weight: 700;
color: #16274F;
text-align: center;
margin-bottom: 20px;
}
.form_elements {
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
background: rgb(255, 255, 255);
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
max-width: 1116px;
flex-grow: 0;
width: 100%;
margin: 20px 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero_text {
font-family: DM Sans;
font-size: 36px;
font-weight: 700;
color: #16274F;
text-align: center;
margin-bottom: 20px;
}
.form_elements {
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
background: rgb(255, 255, 255);
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
max-width: 1116px;
flex-grow: 0;
width: 100%;
margin: 20px 0px;
}
}
@media only screen and (min-width: 1200px) {
@ -41,43 +116,69 @@
font-size: 16px;
cursor: pointer;
}
.defaultStyles{
.defaultStyles {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px;
min-width: 300px;
background-color:inherit ;
background-color: inherit;
color: #16274f;
font-family: 'Inter, sans-serif';
}
.columnStyles{
.columnStyles {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.socialIconsContainerStyles{
.socialIconsContainerStyles {
display: flex;
flex-direction: row;
gap: 16px;
margin-top: 16px;
}
}
.socialIconStyles{
width: 32px;
height: 32px;
cursor: pointer;
}
.socialIconStyles {
width: 32px;
height: 32px;
cursor: pointer;
}
.hero_text {
font-family: DM Sans;
font-size: 36px;
font-weight: 700;
color: #16274F;
text-align: center;
margin-bottom: 20px;
}
.form_elements {
display: flex;
flex-direction: column;
padding: 20px;
gap: 20px;
background: rgb(255, 255, 255);
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px;
max-width: 1116px;
flex-grow: 0;
width: 100%;
margin: 20px 0px;
}
}
}

View File

@ -22,7 +22,7 @@
align-items: center;
width: 100%;
margin: 0 auto;
}
}
.logo-menu {
display: flex;

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

View File

@ -2376,7 +2376,7 @@
.block_login_pwd {
padding-left: 5px;
width: 33%;
width: 50%;
float: left;
}
@ -2483,7 +2483,7 @@
font-size: small;
background: #81BC3A;
text-align: center;
width: 80%;
color: white;
font-size: 11px;
height: 1.5rem;