From d3097281849156298f453b39500e234f40817c1a Mon Sep 17 00:00:00 2001 From: cherif Date: Wed, 23 Oct 2024 18:29:24 +0200 Subject: [PATCH] sdsq --- src/components/Article.js | 12 +- src/components/DisplayDetailArticle_new_v2.js | 106 ++---- src/components/RechercheArticles_new_v2.js | 311 +++++++++--------- src/styles/components/_article.scss | 18 +- .../components/_displaydetailarticle.scss | 37 ++- .../_recherchearticles_new_v2_style.scss | 27 +- 6 files changed, 257 insertions(+), 254 deletions(-) diff --git a/src/components/Article.js b/src/components/Article.js index d9c5b8f..20ad83c 100644 --- a/src/components/Article.js +++ b/src/components/Article.js @@ -33,7 +33,7 @@ const Article = (props) => { Formation gestion projets
-
{(String(props.article.title_formation)).substring(0, 50)}
+
{(String(props.article.title_formation)).substring(0, 45)}
@@ -43,16 +43,20 @@ const Article = (props) => { {parse(String(props.article.avis).replace(/(<([^>]+)>)/ig, ''))}
-
{(String(props.article.date_avis)).substring(0, 10)}
+
- +
{(String(props.article.date_avis)).substring(0, 10)}
{ e.preventDefault(); window.location.href = "/Display-Detail-Article/" + props.article.internal_url diff --git a/src/components/DisplayDetailArticle_new_v2.js b/src/components/DisplayDetailArticle_new_v2.js index 33b7011..88065ce 100644 --- a/src/components/DisplayDetailArticle_new_v2.js +++ b/src/components/DisplayDetailArticle_new_v2.js @@ -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) => {
-
+
-
SUPPORT -
- -
- Besoin d’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. -
-
- - {/*
-
-
- - - - - - - -
-
-
*/} + {DetailArticleAvis && DetailArticleAvis.title_formation && +
+

{DetailArticleAvis.title_formation}

+ {DetailArticleAvis && DetailArticleAvis.date_avis &&
+ {(String(DetailArticleAvis.date_avis)).substring(0, 16)} +
} +
}
@@ -1077,36 +1048,27 @@ const DisplayDetailArticle_new_v2 = (props) => {
-
- {(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && -
- -
- - {DetailArticleAvis.title_formation} -
- Publié le {(String(DetailArticleAvis.date_avis)).substring(0, 16)} -
-
- -
- Formation gestion projets -
- -
- - - {(!DetailArticleAvis.type || String(DetailArticleAvis.type) !== "blog") && DetailArticleAvis.avis &&
- - {parse(DetailArticleAvis.avis)} - - -
} -
+ {DetailArticleAvis && DetailArticleAvis.avis &&
+ {
+
+ Formation gestion projets
+ +
+ + + {
+ + {parse(DetailArticleAvis.avis)} + + +
} +
+ +
} -
+
}
@@ -1126,7 +1088,7 @@ const DisplayDetailArticle_new_v2 = (props) => {
-
Cela pourrait aussi vous intéresser
+
Cela pourrait aussi vous intéresser
{Get_3_Articles_result && Get_3_Articles_result.map((formation) => (
diff --git a/src/components/RechercheArticles_new_v2.js b/src/components/RechercheArticles_new_v2.js index 9c875bf..4566837 100644 --- a/src/components/RechercheArticles_new_v2.js +++ b/src/components/RechercheArticles_new_v2.js @@ -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 ( -
- - Recherche articles formation - - - - +
+ + Recherche articles formation + + + + - Mon Compte - Deconnexion + > + Mon Compte + Deconnexion - +
- Mon Compte - Connexion - Creation - Deconnexion - + > Mon Compte + Connexion + Creation + Deconnexion + - - - + + + - - -
+
-
-
-
- -
+
-
-

Recherche Formations Tutoriels

+
+
+
+ +
-
-
- {String(someoneconnected) !== String("1") && } - {String(someoneconnected) === String("1") && } +
+

Recherche Formations Tutoriels

+ +
+
+ {String(someoneconnected) !== String("1") && } + {String(someoneconnected) === String("1") && } +
+
+ + + {String(someoneconnected) === String("1") &&
+ Mon Compte +
} + + {String(someoneconnected) !== String("1") &&
+ S'inscrire +
} + +
+ Qui Sommes nous ? +
+ +
+ Prix & Services +
+ +
+ Les formations +
+ + +
{ + 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
- - {String(someoneconnected) === String("1") &&
- Mon Compte -
} - - {String(someoneconnected) !== String("1") &&
- S'inscrire -
} - -
- Qui Sommes nous ? -
- -
- Prix & Services -
- -
- Les formations -
- - -
{ - 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 -
-
- -
-
- Recherche de Formations & Tutoriels -
- {/*
+
+
+ Recherche de Formations & Tutoriels +
+ {/*
@@ -582,60 +584,59 @@ const RechercheArticles_new_v2 = (props) => {
*/} +
-
-
+
-
-
+
+
-
- -
SUPPORT -
- -
- Besoin d’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. -
-
- -
-
-
- - - - - +
+ +
+ Besoin d’aide ? +
+  
- +
+ +
+
+
+ + + + + + + +
+
+
+
+
+
- - - -
-
- {/*
+
+ {/*
imgg
@@ -648,9 +649,9 @@ const RechercheArticles_new_v2 = (props) => {
*/} -
+
- {/*result && myApiResponse === "True" &&
+ {/*result && myApiResponse === "True" &&
{
*/} - {searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => ( -
- -
+ {searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => ( +
+ +
- ))} + ))} - {/*result &&
+ {/*result &&
{
*/} -
+
+
+ +
+
+ +
) diff --git a/src/styles/components/_article.scss b/src/styles/components/_article.scss index 1cb1d43..5fbd306 100644 --- a/src/styles/components/_article.scss +++ b/src/styles/components/_article.scss @@ -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 { diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss index 8fb928c..c6b4996 100644 --- a/src/styles/components/_displaydetailarticle.scss +++ b/src/styles/components/_displaydetailarticle.scss @@ -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; + } + + } \ No newline at end of file diff --git a/src/styles/components/_recherchearticles_new_v2_style.scss b/src/styles/components/_recherchearticles_new_v2_style.scss index 8f57546..fd82786 100644 --- a/src/styles/components/_recherchearticles_new_v2_style.scss +++ b/src/styles/components/_recherchearticles_new_v2_style.scss @@ -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;