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" />
|
<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
|
||||||
|
|
|
@ -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">
|
||||||
|
<h1> {DetailArticleAvis.title_formation} </h1>
|
||||||
<div className="besoin_aide">
|
{DetailArticleAvis && DetailArticleAvis.date_avis && <div className="detail_text_aide">
|
||||||
Besoin d’aide ?
|
{(String(DetailArticleAvis.date_avis)).substring(0, 16)}
|
||||||
<div className="detail_text_aide">
|
</div>}
|
||||||
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>
|
|
||||||
|
|
||||||
{/* <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>*/}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -1077,36 +1048,27 @@ 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" }}>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
|
<div style={{ "width": "100%", "height": "15rem", textAlign: "center" }}>
|
||||||
|
<img src={img_met_digital} alt="Formation gestion projets" className="img_photo" id="projets" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="avis">
|
||||||
|
|
||||||
|
|
||||||
|
{<div style={{ "marginTop": "1rem" }}>
|
||||||
|
|
||||||
|
{parse(DetailArticleAvis.avis)}
|
||||||
|
|
||||||
|
|
||||||
|
</div>}
|
||||||
|
</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} />
|
||||||
|
|
|
@ -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,125 +446,126 @@ const RechercheArticles_new_v2 = (props) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="recherchearticles_new_v2_style">
|
<div style={{ width: "100%", float: "left" }}>
|
||||||
<Helmet>
|
<div className="recherchearticles_new_v2_style">
|
||||||
<title>Recherche articles formation</title>
|
<Helmet>
|
||||||
<meta name="description" content="Liste des articles sur les formations" />
|
<title>Recherche articles formation</title>
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="description" content="Liste des articles sur les formations" />
|
||||||
</Helmet>
|
<meta name="robots" content="index,follow" />
|
||||||
<Menu
|
</Helmet>
|
||||||
keepMounted
|
<Menu
|
||||||
anchorEl={PartnerMenu}
|
keepMounted
|
||||||
onClose={PartnerMenu_Close}
|
anchorEl={PartnerMenu}
|
||||||
open={Boolean(PartnerMenu)}
|
onClose={PartnerMenu_Close}
|
||||||
style={{ "top": "2rem" }}
|
open={Boolean(PartnerMenu)}
|
||||||
|
style={{ "top": "2rem" }}
|
||||||
|
|
||||||
>
|
>
|
||||||
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
|
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
|
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
|
||||||
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
|
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
|
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
|
||||||
|
|
||||||
</Menu>
|
</Menu>
|
||||||
|
|
||||||
<Menu
|
<Menu
|
||||||
keepMounted
|
keepMounted
|
||||||
anchorEl={AccountMenu}
|
anchorEl={AccountMenu}
|
||||||
onClose={AccountMenu_Close}
|
onClose={AccountMenu_Close}
|
||||||
open={Boolean(AccountMenu)}
|
open={Boolean(AccountMenu)}
|
||||||
style={{ "top": "2rem" }}
|
style={{ "top": "2rem" }}
|
||||||
|
|
||||||
> <MenuItem onClick={handleMyAccount} className="mymenu_item"
|
> <MenuItem onClick={handleMyAccount} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }}>Mon Compte</MenuItem>
|
style={{ "fontSize": "0.7rem" }}>Mon Compte</MenuItem>
|
||||||
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
|
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
|
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
|
||||||
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
|
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
|
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
|
||||||
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
|
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
|
||||||
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
|
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
|
||||||
</Menu>
|
</Menu>
|
||||||
|
|
||||||
|
|
||||||
<Menu
|
<Menu
|
||||||
keepMounted
|
keepMounted
|
||||||
anchorEl={ProduitMenu}
|
anchorEl={ProduitMenu}
|
||||||
onClose={ProduitMenu_Close}
|
onClose={ProduitMenu_Close}
|
||||||
open={Boolean(ProduitMenu)}
|
open={Boolean(ProduitMenu)}
|
||||||
style={{ "top": "2rem" }} >
|
style={{ "top": "2rem" }} >
|
||||||
<MenuItem onClick={handleProduitService} className="mymenu_item">
|
<MenuItem onClick={handleProduitService} className="mymenu_item">
|
||||||
<button className='bton_menu'>Prix & Services </button></MenuItem>
|
<button className='bton_menu'>Prix & Services </button></MenuItem>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</Menu>
|
</Menu>
|
||||||
|
|
||||||
<div className="div_row2">
|
<div className="div_row2">
|
||||||
|
|
||||||
<div className="div_row_bas">
|
<div className="div_row_bas">
|
||||||
<div className="div_001">
|
<div className="div_001">
|
||||||
<div className="div_002">
|
<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>
|
<a href={process.env.REACT_APP_BASE_URL}> <img class="img-responsive img_logo" src={logowhite} alt="MySy Training Technology" /> </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="div_003">
|
<div className="div_003">
|
||||||
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
|
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
|
||||||
|
|
||||||
<div className="menuPrincipal_bton" onClick={handleAccountConnexion}>
|
<div className="menuPrincipal_bton" onClick={handleAccountConnexion}>
|
||||||
<div style={{ "textAlign": "left" }}>
|
<div style={{ "textAlign": "left" }}>
|
||||||
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
|
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
|
||||||
style={{ "width": "25%" }} /> Connexion
|
style={{ "width": "25%" }} /> Connexion
|
||||||
</button>}
|
</button>}
|
||||||
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
|
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
|
||||||
style={{ "width": "25%" }} />
|
style={{ "width": "25%" }} />
|
||||||
</button>}
|
</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>
|
||||||
</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>
|
|
||||||
|
|
||||||
|
<div className="text_head">
|
||||||
<div className="text_head">
|
<hr className="div_004" />
|
||||||
<hr className="div_004" />
|
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
|
||||||
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
|
</div>
|
||||||
</div>
|
{/*<form onSubmit={handleSubmit(onSubmit)} className="div_005">
|
||||||
{/*<form onSubmit={handleSubmit(onSubmit)} className="div_005">
|
|
||||||
<div class="form">
|
<div class="form">
|
||||||
|
|
||||||
<i class="fa fa-search"></i>
|
<i class="fa fa-search"></i>
|
||||||
|
@ -582,60 +584,59 @@ const RechercheArticles_new_v2 = (props) => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</form>*/}
|
</form>*/}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="div_mobile">
|
||||||
<div className="div_mobile">
|
|
||||||
|
|
||||||
<div className="div_row" style={{ float: "left", "height": "20rem" }}>
|
<div className="div_row" style={{ float: "left", "height": "20rem" }}>
|
||||||
<div className="Background-header">
|
<div className="Background-header">
|
||||||
|
|
||||||
<div className="Title">
|
<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>
|
|
||||||
|
|
||||||
<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 className="besoin_aide">
|
||||||
|
Besoin d’aide ?
|
||||||
|
<div className="detail_text_aide">
|
||||||
|
|
||||||
</div>
|
</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" >
|
||||||
|
<FaSearch onClick={searchFunction} /></span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div className="block_centrer">
|
||||||
|
{/*<div className="aricles_a_la_une">
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="div_row">
|
|
||||||
{/*<div className="aricles_a_la_une">
|
|
||||||
<div className="img_article">
|
<div className="img_article">
|
||||||
imgg
|
imgg
|
||||||
</div>
|
</div>
|
||||||
|
@ -648,9 +649,9 @@ const RechercheArticles_new_v2 = (props) => {
|
||||||
</div>*/}
|
</div>*/}
|
||||||
|
|
||||||
|
|
||||||
<div className="liste_articles">
|
<div className="liste_articles">
|
||||||
|
|
||||||
{/*result && myApiResponse === "True" && <div className="okUpdateData">
|
{/*result && myApiResponse === "True" && <div className="okUpdateData">
|
||||||
<Pagination
|
<Pagination
|
||||||
className="pagination-bar"
|
className="pagination-bar"
|
||||||
currentPage={currentPage2}
|
currentPage={currentPage2}
|
||||||
|
@ -662,15 +663,15 @@ const RechercheArticles_new_v2 = (props) => {
|
||||||
|
|
||||||
</div>*/}
|
</div>*/}
|
||||||
|
|
||||||
{searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => (
|
{searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_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} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
))}
|
))}
|
||||||
|
|
||||||
|
|
||||||
{/*result && <div>
|
{/*result && <div>
|
||||||
<Pagination
|
<Pagination
|
||||||
className="pagination-bar"
|
className="pagination-bar"
|
||||||
currentPage={currentPage2}
|
currentPage={currentPage2}
|
||||||
|
@ -681,11 +682,17 @@ const RechercheArticles_new_v2 = (props) => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
*/}
|
*/}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style={{ height: "5rem", border: "1px solid", width: "100%" }}>
|
||||||
|
<Fotter_test />
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue