recette2
cherif 2024-10-23 18:29:24 +02:00
parent da67054a66
commit d309728184
6 changed files with 257 additions and 254 deletions

View File

@ -33,7 +33,7 @@ const Article = (props) => {
<img src={img_met_digital} alt="Formation gestion projets" className="img_categorie" id="projets" />
</div>
<div className="droite_txt">
<div className="met_text" id="projets" > {(String(props.article.title_formation)).substring(0, 50)} </div>
<div className="met_text" id="projets" > {(String(props.article.title_formation)).substring(0, 45)} </div>
<div className="met_text_detail" >
@ -43,16 +43,20 @@ const Article = (props) => {
{parse(String(props.article.avis).replace(/(<([^>]+)>)/ig, ''))}
</div>
<div style={{ width: '100%', "textAlign": "right", paddingRight: "10px" }}> {(String(props.article.date_avis)).substring(0, 10)} </div>
</div>
<div style={{
width: '100%', "textAlign": "right", paddingRight: "10px", float: "left", height: "2rem",
fontStyle: "italic"
}}> {(String(props.article.date_avis)).substring(0, 10)} </div>
<div style={{
"cursor": "pointer", width: "100%", textAlign: 'center',
border: "1px solid #d5d8dc", height: "4rem", float: "left",
height: "3rem", borderRadius: "5px", paddingTop: "10px",
background:"#f8f9f9", boxShadow:"-3px 0px 5px 3px rgba(0,0,0,0.1)"
background: "#f8f9f9", boxShadow: "-3px 0px 5px 3px rgba(0,0,0,0.1)",
}} onClick={(e) => {
e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url

View File

@ -314,17 +314,15 @@ const DisplayDetailArticle_new_v2 = (props) => {
//alert("myurl = "+myurl);
axios.post(myurl, form).then(res => {
if (res.data.status != "False") {
//console.log(" In test res.data.status = " + res.data.status);
//console.log(" In test res.data.message = " + res.data.message);
if (res.data.message.length > 0) {
setmyApiResponse("True");
}
else {
setmyApiResponse("False");
}
console.log(" In test res.data.status = " + res.data.status);
console.log(" In test res.data.message = " + res.data.message);
if (String(res.data.status) === "true") {
setmyApiResponse("True");
setResult(res.data.message);
setDetailArticleAvis(JSON.parse(res.data.message));
console.log(" ### OKKK")
}
else {
//console.log(" In Erreur res.data.status = " + res.data.status);
@ -1024,45 +1022,18 @@ const DisplayDetailArticle_new_v2 = (props) => {
</div>
<div className="div_mobile">
<div className="div_row" style={{ float: "left", "height": "17rem" }}>
<div className="div_row" style={{ float: "left", "height": "7rem", background: "#FFFAED" }}>
<div className="Background-header">
<div className="Title">
<div className="Support"> SUPPORT
</div>
<div className="besoin_aide">
Besoin daide ?
<div className="detail_text_aide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</div>
</div>
{/* <div className="barre_recherche">
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div class="form">
<i class="fa fa-search"></i>
<input
type="text"
class="form-control form-input"
placeholder="Search Texte (Title, Description)"
onChange={SearchTextHandle}
id={"SearchText"}
name={"SearchText"}
style={{ "width": "80%", float: "left" }}
/>
<nav style={{ "width": "15%", float: "left", paddingTop: "5px" }}>
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
&nbsp;<FaSearch onClick={searchFunction} /></span>
</nav>
</div>
</form>
</div>*/}
{DetailArticleAvis && DetailArticleAvis.title_formation &&
<div className="besoin_aide">
<h1> {DetailArticleAvis.title_formation} </h1>
{DetailArticleAvis && DetailArticleAvis.date_avis && <div className="detail_text_aide">
{(String(DetailArticleAvis.date_avis)).substring(0, 16)}
</div>}
</div>}
</div>
@ -1077,36 +1048,27 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div className="aricles_a_la_une">
<div className="desc_article">
{(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") &&
<div>
<div className="titre_article">
{DetailArticleAvis.title_formation}
<div className="titre_date_publication">
Publié le {(String(DetailArticleAvis.date_avis)).substring(0, 16)}
</div>
</div>
<div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}>
<img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" />
</div>
<div className="avis">
{(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && DetailArticleAvis.avis && <div style={{ "marginTop": "1rem" }}>
{parse(DetailArticleAvis.avis)}
</div>}
</div>
{DetailArticleAvis && DetailArticleAvis.avis && <div className="desc_article">
{<div>
<div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}>
<img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" />
</div>
<div className="avis">
{<div style={{ "marginTop": "1rem" }}>
{parse(DetailArticleAvis.avis)}
</div>}
</div>
</div>
}
</div>
</div>}
</div>
@ -1126,7 +1088,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div style={{ width: '100%' }}>
<div className="liste_articles">
<div style={{ textAlign: "left", width: "100%", "float": "left" }}> Cela pourrait aussi vous intéresser</div>
<div className="titre_possible_interet" > Cela pourrait aussi vous intéresser</div>
{Get_3_Articles_result && Get_3_Articles_result.map((formation) => (
<div style={{ width: "32%", float: "left", marginRight: "5px" }}>
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />

View File

@ -22,6 +22,7 @@ import { useCookies } from "react-cookie";
import connect_white from "../mysy_img/connect_white_v2.png";
import connect_green from "../mysy_img/connect_green.png";
import { BsFillXCircleFill } from "react-icons/bs";
import Fotter_test from "./Fotter_test";
let PageSize = 5;
const RechercheArticles_new_v2 = (props) => {
@ -445,125 +446,126 @@ const RechercheArticles_new_v2 = (props) => {
};
return (
<div className="recherchearticles_new_v2_style">
<Helmet>
<title>Recherche articles formation</title>
<meta name="description" content="Liste des articles sur les formations" />
<meta name="robots" content="index,follow" />
</Helmet>
<Menu
keepMounted
anchorEl={PartnerMenu}
onClose={PartnerMenu_Close}
open={Boolean(PartnerMenu)}
style={{ "top": "2rem" }}
<div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style">
<Helmet>
<title>Recherche articles formation</title>
<meta name="description" content="Liste des articles sur les formations" />
<meta name="robots" content="index,follow" />
</Helmet>
<Menu
keepMounted
anchorEl={PartnerMenu}
onClose={PartnerMenu_Close}
open={Boolean(PartnerMenu)}
style={{ "top": "2rem" }}
>
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
>
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
</Menu>
</Menu>
<Menu
keepMounted
anchorEl={AccountMenu}
onClose={AccountMenu_Close}
open={Boolean(AccountMenu)}
style={{ "top": "2rem" }}
<Menu
keepMounted
anchorEl={AccountMenu}
onClose={AccountMenu_Close}
open={Boolean(AccountMenu)}
style={{ "top": "2rem" }}
> <MenuItem onClick={handleMyAccount} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Mon Compte</MenuItem>
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
</Menu>
> <MenuItem onClick={handleMyAccount} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Mon Compte</MenuItem>
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
</Menu>
<Menu
keepMounted
anchorEl={ProduitMenu}
onClose={ProduitMenu_Close}
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Prix & Services </button></MenuItem>
<Menu
keepMounted
anchorEl={ProduitMenu}
onClose={ProduitMenu_Close}
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Prix & Services </button></MenuItem>
</Menu>
<div className="div_row2">
</Menu>
<div className="div_row_bas">
<div className="div_001">
<div className="div_002">
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive img_logo" src={logowhite} alt="MySy Training Technology" /> </a>
</div>
<div className="div_row2">
<div className="div_003">
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
<div className="div_row_bas">
<div className="div_001">
<div className="div_002">
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive img_logo" src={logowhite} alt="MySy Training Technology" /> </a>
</div>
<div className="menuPrincipal_bton" onClick={handleAccountConnexion}>
<div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
style={{ "width": "25%" }} /> Connexion
</button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
style={{ "width": "25%" }} />
</button>}
<div className="div_003">
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
<div className="menuPrincipal_bton" onClick={handleAccountConnexion}>
<div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
style={{ "width": "25%" }} /> Connexion
</button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
style={{ "width": "25%" }} />
</button>}
</div>
</div>
{String(someoneconnected) === String("1") && <div className="menuPrincipal" onClick={handleAccountConnexion_v2}>
Mon Compte
</div>}
{String(someoneconnected) !== String("1") && <div className="menuPrincipal" onClick={handleAccountCreation}>
S'inscrire
</div>}
<div className="menuPrincipal" onClick={handleQuisommesNousMenu}>
Qui Sommes nous ?
</div>
<div className="menuPrincipal" onClick={handleProduitMenu}>
Prix & Services
</div>
<div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations
</div>
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
</div>
</div>
{String(someoneconnected) === String("1") && <div className="menuPrincipal" onClick={handleAccountConnexion_v2}>
Mon Compte
</div>}
{String(someoneconnected) !== String("1") && <div className="menuPrincipal" onClick={handleAccountCreation}>
S'inscrire
</div>}
<div className="menuPrincipal" onClick={handleQuisommesNousMenu}>
Qui Sommes nous ?
</div>
<div className="menuPrincipal" onClick={handleProduitMenu}>
Prix & Services
</div>
<div className="menuPrincipal" onClick={handleFtionMenu}>
Les formations
</div>
<div className="menuPrincipal" onClick={(e) => {
e.preventDefault();
var date2 = new Date();
const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2);
window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank'
);
}}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo
</div>
</div>
</div>
<div className="text_head">
<hr className="div_004" />
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
</div>
{/*<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div className="text_head">
<hr className="div_004" />
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
</div>
{/*<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div class="form">
<i class="fa fa-search"></i>
@ -582,60 +584,59 @@ const RechercheArticles_new_v2 = (props) => {
</div>
</form>*/}
</div>
</div>
</div>
<div className="div_mobile">
<div className="div_mobile">
<div className="div_row" style={{ float: "left", "height": "20rem" }}>
<div className="Background-header">
<div className="div_row" style={{ float: "left", "height": "20rem" }}>
<div className="Background-header">
<div className="Title">
<div className="Support"> SUPPORT
</div>
<div className="besoin_aide">
Besoin daide ?
<div className="detail_text_aide">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</div>
</div>
<div className="barre_recherche">
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div class="form">
<i class="fa fa-search"></i>
<input
type="text"
class="form-control form-input"
placeholder="Search Texte (Title, Description)"
onChange={SearchTextHandle}
id={"SearchText"}
name={"SearchText"}
style={{ "width": "80%", float: "left" }}
/>
<nav style={{ "width": "15%", float: "left", paddingTop:"5px" }}>
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
&nbsp;<FaSearch onClick={searchFunction} /></span>
</nav>
<div className="Title">
<div className="besoin_aide">
Besoin daide ?
<div className="detail_text_aide">
&nbsp;
</div>
</form>
</div>
<div className="barre_recherche">
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
<div class="form">
<i class="fa fa-search"></i>
<input
type="text"
class="form-control form-input"
placeholder="Search Texte (Title, Description)"
onChange={SearchTextHandle}
id={"SearchText"}
name={"SearchText"}
style={{ "width": "80%", float: "left" }}
/>
<nav style={{ "width": "15%", float: "left", paddingTop: "5px" }}>
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
&nbsp;<FaSearch onClick={searchFunction} /></span>
</nav>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div className="div_row">
{/*<div className="aricles_a_la_une">
<div className="block_centrer">
{/*<div className="aricles_a_la_une">
<div className="img_article">
imgg
</div>
@ -648,9 +649,9 @@ const RechercheArticles_new_v2 = (props) => {
</div>*/}
<div className="liste_articles">
<div className="liste_articles">
{/*result && myApiResponse === "True" && <div className="okUpdateData">
{/*result && myApiResponse === "True" && <div className="okUpdateData">
<Pagination
className="pagination-bar"
currentPage={currentPage2}
@ -662,15 +663,15 @@ const RechercheArticles_new_v2 = (props) => {
</div>*/}
{searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => (
<div style={{ width: "32%", float: "left", marginRight: "5px" }}>
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />
</div>
{searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => (
<div style={{ width: "32%", float: "left", marginRight: "5px" }}>
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />
</div>
))}
))}
{/*result && <div>
{/*result && <div>
<Pagination
className="pagination-bar"
currentPage={currentPage2}
@ -681,11 +682,17 @@ const RechercheArticles_new_v2 = (props) => {
</div>
*/}
</div>
</div>
</div>
</div>
</div>
<div style={{ height: "5rem", border: "1px solid", width: "100%" }}>
<Fotter_test />
</div>
</div>
)

View File

@ -141,7 +141,7 @@
margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
// line-height: 26px;
}
.art_criteres_value_left {
@ -280,7 +280,7 @@
font-family: Verdana, Georgia, Arial;
font-style: normal;
font-weight: 400;
font-size: 20px;
font-size: 16px;
line-height: 22px;
text-align: justify;
color: #0A043C;
@ -320,7 +320,7 @@
margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
// line-height: 26px;
}
.art_criteres_value_left {
@ -398,7 +398,7 @@
.div_row_border {
float: left;
border: 0px solid black;
border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
@ -474,7 +474,7 @@
font-family: Verdana, Georgia, Arial;
font-style: normal;
font-weight: 400;
font-size: 20px;
font-size: 18px;
line-height: 22px;
text-align: justify;
color: #0A043C;
@ -514,7 +514,7 @@
margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
// line-height: 26px;
}
.art_criteres_value_left {
@ -592,7 +592,7 @@
.div_row_border {
float: left;
border: 0px solid black;
border: 1px solid #d5d8dc;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
@ -670,7 +670,7 @@
font-family: Verdana, Georgia, Arial;
font-style: normal;
font-weight: 400;
font-size: 20px;
font-size: 18px;
line-height: 22px;
text-align: justify;
color: #0A043C;
@ -715,7 +715,7 @@
margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
// line-height: 26px;
}
.art_criteres_value_left {

View File

@ -366,8 +366,8 @@
z-index: 1;
width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
// padding-right: 2rem;
// padding-left: 2rem;
}
.pieddepage {
@ -585,8 +585,8 @@
z-index: 1;
width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
// padding-right: 2rem;
// padding-left: 2rem;
}
.pieddepage {
@ -804,8 +804,8 @@
z-index: 1;
width: 100%;
height: 100%;
padding-right: 2rem;
padding-left: 2rem;
// padding-right: 2rem;
// padding-left: 2rem;
}
.pieddepage {
@ -909,9 +909,9 @@
// end media
.Background-header {
position: absolute;
// position: absolute;
width: 100%;
height: 280px;
height: 150px;
left: 0px;
background: #FFFAED;
@ -983,7 +983,7 @@
.aricles_a_la_une {
width: 100%;
float: left;
margin-top: 1rem;
margin-top: 5rem;
font-size: small;
letter-spacing: 1px;
font-family: 'Albert Sans';
@ -1099,5 +1099,24 @@
padding: 10px;
}
.titre_possible_interet{
margin-bottom: 0.1rem;
letter-spacing: 1px;
height: 60px;
font-family: Verdana, Georgia, Arial;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 22px;
text-align: justify;
color: #0A043C;
margin-top: 2rem;
line-height: 30px;
font-weight: 600;
width: 100%;
float: left;
}
}

View File

@ -1,4 +1,8 @@
.recherchearticles_new_v2_style {
width: 100%;
float: left;
.h1_transparent {
color: transparent;
//color: red;
@ -104,7 +108,7 @@
}
.div_mobile {
position: relative;
// position: relative;
//border:1px solid black;
//border-width: 0.01rem;
//background-color: #e6ebe2;
@ -358,8 +362,7 @@
}
.div_mobile {
position: absolute;
top: 9rem;
z-index: 1;
width: 100%;
height: 100%;
@ -577,8 +580,7 @@
}
.div_mobile {
position: absolute;
top: 9rem;
z-index: 1;
width: 100%;
height: 100%;
@ -796,8 +798,8 @@
}
.div_mobile {
position: absolute;
top: 9rem;
// position: absolute;
// top: 9rem;
z-index: 1;
width: 100%;
height: 100%;
@ -897,7 +899,7 @@
}
.div_row {
width: 100%;
float: left;
@ -940,6 +942,14 @@
color: #0A043C;
}
.block_centrer {
margin: auto;
width: 70%;
border: 3px solid #73AD21;
padding: 10px;
}
.besoin_aide {
width: 100%;
@ -1012,6 +1022,7 @@
.buton_ch22 {
border: 2px solid white;
background-color: transparent;