sdsq
parent
da67054a66
commit
d309728184
|
@ -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
|
||||
|
|
|
@ -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 d’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.
|
||||
</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" >
|
||||
<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} />
|
||||
|
|
|
@ -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 d’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.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -616,7 +617,7 @@ const RechercheArticles_new_v2 = (props) => {
|
|||
name={"SearchText"}
|
||||
style={{ "width": "80%", float: "left" }}
|
||||
/>
|
||||
<nav style={{ "width": "15%", float: "left", paddingTop:"5px" }}>
|
||||
<nav style={{ "width": "15%", float: "left", paddingTop: "5px" }}>
|
||||
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
|
||||
<FaSearch onClick={searchFunction} /></span>
|
||||
</nav>
|
||||
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue