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) {
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");
}
else {
setmyApiResponse("False");
}
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>
{DetailArticleAvis && DetailArticleAvis.title_formation &&
<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>*/}
<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,17 +1048,8 @@ 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>
{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" />
@ -1096,7 +1058,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
<div className="avis">
{(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && DetailArticleAvis.avis && <div style={{ "marginTop": "1rem" }}>
{<div style={{ "marginTop": "1rem" }}>
{parse(DetailArticleAvis.avis)}
@ -1106,7 +1068,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
</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,6 +446,7 @@ const RechercheArticles_new_v2 = (props) => {
};
return (
<div style={{ width: "100%", float: "left" }}>
<div className="recherchearticles_new_v2_style">
<Helmet>
<title>Recherche articles formation</title>
@ -591,13 +593,12 @@ const RechercheArticles_new_v2 = (props) => {
<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.
&nbsp;
</div>
</div>
@ -634,7 +635,7 @@ const RechercheArticles_new_v2 = (props) => {
</div>
<div className="div_row">
<div className="block_centrer">
{/*<div className="aricles_a_la_une">
<div className="img_article">
imgg
@ -688,6 +689,12 @@ const RechercheArticles_new_v2 = (props) => {
</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%;
@ -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;