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

View File

@ -314,17 +314,15 @@ const DisplayDetailArticle_new_v2 = (props) => {
//alert("myurl = "+myurl); //alert("myurl = "+myurl);
axios.post(myurl, form).then(res => { 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.status = " + res.data.status); console.log(" In test res.data.message = " + res.data.message);
//console.log(" In test res.data.message = " + res.data.message); if (String(res.data.status) === "true") {
if (res.data.message.length > 0) {
setmyApiResponse("True"); setmyApiResponse("True");
}
else {
setmyApiResponse("False");
}
setResult(res.data.message); setResult(res.data.message);
setDetailArticleAvis(JSON.parse(res.data.message)); setDetailArticleAvis(JSON.parse(res.data.message));
console.log(" ### OKKK")
} }
else { else {
//console.log(" In Erreur res.data.status = " + res.data.status); //console.log(" In Erreur res.data.status = " + res.data.status);
@ -1024,45 +1022,18 @@ const DisplayDetailArticle_new_v2 = (props) => {
</div> </div>
<div className="div_mobile"> <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="Background-header">
<div className="Title"> <div className="Title">
<div className="Support"> SUPPORT {DetailArticleAvis && DetailArticleAvis.title_formation &&
</div>
<div className="besoin_aide"> <div className="besoin_aide">
Besoin daide ? <h1> {DetailArticleAvis.title_formation} </h1>
<div className="detail_text_aide"> {DetailArticleAvis && DetailArticleAvis.date_avis && <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. {(String(DetailArticleAvis.date_avis)).substring(0, 16)}
</div> </div>}
</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>*/}
</div> </div>
@ -1077,17 +1048,8 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div className="aricles_a_la_une"> <div className="aricles_a_la_une">
<div className="desc_article"> {DetailArticleAvis && DetailArticleAvis.avis && <div className="desc_article">
{(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && {<div>
<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" }}> <div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}>
<img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" /> <img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" />
@ -1096,7 +1058,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div className="avis"> <div className="avis">
{(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && DetailArticleAvis.avis && <div style={{ "marginTop": "1rem" }}> {<div style={{ "marginTop": "1rem" }}>
{parse(DetailArticleAvis.avis)} {parse(DetailArticleAvis.avis)}
@ -1106,7 +1068,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
</div> </div>
} }
</div> </div>}
</div> </div>
@ -1126,7 +1088,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div style={{ width: '100%' }}> <div style={{ width: '100%' }}>
<div className="liste_articles"> <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) => ( {Get_3_Articles_result && Get_3_Articles_result.map((formation) => (
<div style={{ width: "32%", float: "left", marginRight: "5px" }}> <div style={{ width: "32%", float: "left", marginRight: "5px" }}>
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} /> <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_white from "../mysy_img/connect_white_v2.png";
import connect_green from "../mysy_img/connect_green.png"; import connect_green from "../mysy_img/connect_green.png";
import { BsFillXCircleFill } from "react-icons/bs"; import { BsFillXCircleFill } from "react-icons/bs";
import Fotter_test from "./Fotter_test";
let PageSize = 5; let PageSize = 5;
const RechercheArticles_new_v2 = (props) => { const RechercheArticles_new_v2 = (props) => {
@ -445,6 +446,7 @@ const RechercheArticles_new_v2 = (props) => {
}; };
return ( return (
<div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style"> <div className="recherchearticles_new_v2_style">
<Helmet> <Helmet>
<title>Recherche articles formation</title> <title>Recherche articles formation</title>
@ -591,13 +593,12 @@ const RechercheArticles_new_v2 = (props) => {
<div className="Title"> <div className="Title">
<div className="Support"> SUPPORT
</div>
<div className="besoin_aide"> <div className="besoin_aide">
Besoin daide ? Besoin daide ?
<div className="detail_text_aide"> <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. &nbsp;
</div> </div>
</div> </div>
@ -634,7 +635,7 @@ const RechercheArticles_new_v2 = (props) => {
</div> </div>
<div className="div_row"> <div className="block_centrer">
{/*<div className="aricles_a_la_une"> {/*<div className="aricles_a_la_une">
<div className="img_article"> <div className="img_article">
imgg imgg
@ -688,6 +689,12 @@ const RechercheArticles_new_v2 = (props) => {
</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; margin-bottom: 0.5rem;
text-align: justify; text-align: justify;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
line-height: 26px; // line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -280,7 +280,7 @@
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 16px;
line-height: 22px; line-height: 22px;
text-align: justify; text-align: justify;
color: #0A043C; color: #0A043C;
@ -320,7 +320,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify; text-align: justify;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
line-height: 26px; // line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -398,7 +398,7 @@
.div_row_border { .div_row_border {
float: left; float: left;
border: 0px solid black; border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
@ -474,7 +474,7 @@
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 18px;
line-height: 22px; line-height: 22px;
text-align: justify; text-align: justify;
color: #0A043C; color: #0A043C;
@ -514,7 +514,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify; text-align: justify;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
line-height: 26px; // line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -592,7 +592,7 @@
.div_row_border { .div_row_border {
float: left; float: left;
border: 0px solid black; border: 1px solid #d5d8dc;
border-width: 0.01rem; border-width: 0.01rem;
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
@ -670,7 +670,7 @@
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 18px;
line-height: 22px; line-height: 22px;
text-align: justify; text-align: justify;
color: #0A043C; color: #0A043C;
@ -715,7 +715,7 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify; text-align: justify;
font-family: Verdana, Georgia, Arial; font-family: Verdana, Georgia, Arial;
line-height: 26px; // line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {

View File

@ -366,8 +366,8 @@
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-right: 2rem; // padding-right: 2rem;
padding-left: 2rem; // padding-left: 2rem;
} }
.pieddepage { .pieddepage {
@ -585,8 +585,8 @@
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-right: 2rem; // padding-right: 2rem;
padding-left: 2rem; // padding-left: 2rem;
} }
.pieddepage { .pieddepage {
@ -804,8 +804,8 @@
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-right: 2rem; // padding-right: 2rem;
padding-left: 2rem; // padding-left: 2rem;
} }
.pieddepage { .pieddepage {
@ -909,9 +909,9 @@
// end media // end media
.Background-header { .Background-header {
position: absolute; // position: absolute;
width: 100%; width: 100%;
height: 280px; height: 150px;
left: 0px; left: 0px;
background: #FFFAED; background: #FFFAED;
@ -983,7 +983,7 @@
.aricles_a_la_une { .aricles_a_la_une {
width: 100%; width: 100%;
float: left; float: left;
margin-top: 1rem; margin-top: 5rem;
font-size: small; font-size: small;
letter-spacing: 1px; letter-spacing: 1px;
font-family: 'Albert Sans'; font-family: 'Albert Sans';
@ -1099,5 +1099,24 @@
padding: 10px; 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 { .recherchearticles_new_v2_style {
width: 100%;
float: left;
.h1_transparent { .h1_transparent {
color: transparent; color: transparent;
//color: red; //color: red;
@ -104,7 +108,7 @@
} }
.div_mobile { .div_mobile {
position: relative; // position: relative;
//border:1px solid black; //border:1px solid black;
//border-width: 0.01rem; //border-width: 0.01rem;
//background-color: #e6ebe2; //background-color: #e6ebe2;
@ -358,8 +362,7 @@
} }
.div_mobile { .div_mobile {
position: absolute;
top: 9rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -577,8 +580,7 @@
} }
.div_mobile { .div_mobile {
position: absolute;
top: 9rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -796,8 +798,8 @@
} }
.div_mobile { .div_mobile {
position: absolute; // position: absolute;
top: 9rem; // top: 9rem;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -940,6 +942,14 @@
color: #0A043C; color: #0A043C;
} }
.block_centrer {
margin: auto;
width: 70%;
border: 3px solid #73AD21;
padding: 10px;
}
.besoin_aide { .besoin_aide {
width: 100%; width: 100%;
@ -1012,6 +1022,7 @@
.buton_ch22 { .buton_ch22 {
border: 2px solid white; border: 2px solid white;
background-color: transparent; background-color: transparent;