recette2
cherif 2024-10-23 14:19:32 +02:00
parent 9b500adf0c
commit da67054a66
24 changed files with 5611 additions and 1106 deletions

View File

@ -147,7 +147,7 @@ function App() {
<scrollToTop /> <scrollToTop />
<Switch> <Switch>
<Route path="/" exact component={Recherche_new_v2} /> <Route path="/" exact component={QuiSommesNous_v3} />
<Route path="/v3" exact component={Recherche_new_v3} /> <Route path="/v3" exact component={Recherche_new_v3} />
<Route path="/v4" exact component={Recherche_new_v4} /> <Route path="/v4" exact component={Recherche_new_v4} />

View File

@ -1763,7 +1763,7 @@ function Abonnement(props) {
<div className="div_basique_header"> &nbsp; <div className="div_basique_header"> &nbsp;
</div> </div>
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Prix & Services
</div> </div>
<div className="produits_service_label height_publication_header"> <div className="produits_service_label height_publication_header">
<b> Moteur de Recherche </b> <b> Moteur de Recherche </b>

View File

@ -27,43 +27,57 @@ const Article = (props) => {
<div className="div_row"> <div className="div_row">
<div className="div_row_gauche" onClick={(e) => { <div className="div_row_border" >
e.preventDefault(); <div style={{ "width": "100%", textAlign: "center" }}>
window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}>
<div style={{ "width": "100%", "height": "8rem" }}>
<div className="gauche_img"> <div className="gauche_img">
<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">
<p className="met_text" id="projets" > {(String(props.article.title_formation)).substring(0, 50)} </p> <div className="met_text" id="projets" > {(String(props.article.title_formation)).substring(0, 50)} </div>
<div className="met_text_detail" >
<p className="met_text_detail" >
<div className="art_criteres">
Avis :
</div>
<div className="art_criteres_value"> <div className="art_criteres_value">
{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>
</p> </div>
<p className="met_text_detail" >
<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)"
}} onClick={(e) => {
e.preventDefault();
window.location.href = "/Display-Detail-Article/" + props.article.internal_url
}}> Lire plus </div>
{/*<p className="met_text_detail" >
<div className="art_criteres"> <div className="art_criteres">
&nbsp; </div> &nbsp; </div>
<div className="art_criteres_value_left"> <div className="art_criteres_value_left">
&nbsp; &nbsp;
</div> </div>
<div className="art_criteres_value_right"> <div className="art_criteres_value_right">
{(String(props.article.date_avis)).substring(0, 10)} {(String(props.article.date_avis)).substring(0, 10)}
</div> </div>
<div style={{ width: "100%"}}>
<div style={{
"cursor": "pointer", width: "80%", marginLeft: "10%", textAlign: 'left',
border: "1px solid #d5d8dc"
}}> Lire plus </div>
</div>
</p> </p>*/}
</div> </div>
</div> </div>
@ -73,7 +87,7 @@ const Article = (props) => {
{/* <div className="div_row_droite" onClick={(e) => { {/* <div className="div_row_droite" 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
}}> }}>
@ -114,7 +128,7 @@ const Article = (props) => {
</div> */} </div> */}
</div> </div>
{/* <div className="forma_rightbox" onClick={(e) => { {/* <div className="forma_rightbox" onClick={(e) => {
e.preventDefault(); e.preventDefault();

View File

@ -142,7 +142,7 @@ function ProduitsServices() {
<div className="div_basique_header"> &nbsp; <div className="div_basique_header"> &nbsp;
</div> </div>
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Prix & Services
</div> </div>
<div className="produits_service_label height_publication_header"> <div className="produits_service_label height_publication_header">
<b> Moteur de Recherche </b> <b> Moteur de Recherche </b>

View File

@ -33,7 +33,7 @@ import ListeArticle from "./ListeArticles";
import slidearticle1 from "../mysy_img/Image_article2.jpg"; import slidearticle1 from "../mysy_img/Image_article2.jpg";
import slidearticle2 from "../mysy_img/Image_article1.png"; import slidearticle2 from "../mysy_img/Image_article1.png";
const DisplayDetailArticle = (props) => { const DisplayDetailArticle = (props) => {
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']); const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
const { articleId } = useParams(); const { articleId } = useParams();

File diff suppressed because it is too large Load Diff

View File

@ -47,7 +47,7 @@ const Footer = () => {
</div> </div>
<div className='Column_div'> <div className='Column_div'>
<div className='Heading_p'>Produits & Services</div> <div className='Heading_p'>Prix & Services</div>
<a href="/Produits-Services" className='FooterLink_a'>Nos packs</a> <a href="/Produits-Services" className='FooterLink_a'>Nos packs</a>
<a href="/Produits-Services" className='FooterLink_a'>Publier votre catalogue </a> <a href="/Produits-Services" className='FooterLink_a'>Publier votre catalogue </a>

View File

@ -0,0 +1,131 @@
import * as React from 'react';
import { styled } from '@mui/material/styles';
import Paper from '@mui/material/Paper';
import Grid from '@mui/material/Grid';
import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
import { SocialIcon } from 'react-social-icons';
import {
Box,
Container,
Row,
Column,
FooterLink,
Heading,
} from "./FooterStyles";
const Fotter_test = () => {
// Integration du gestionnaire de cookie : axeptio
window.axeptioSettings = {
clientId: "6273ecd99c50de9cfb190555",
cookiesVersion: "mysy training technology-fr",
};
(function (d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk-slim.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
return (
<div className='footer'>
<div style={{ "minHeight": "5rem", "width":"100%" }}>
&nbsp;
</div>
<div className='Box_div'>
<div className='Container_div'>
<div className='Row_Div'>
<div className='Column_div'>
<div className='Heading_p'>MySy Training</div>
<a href="/QuiSommesNous/#desc" className='FooterLink_a'>À propos de nous</a>
<a href="/QuiSommesNous/#vision" className='FooterLink_a'>Notre vision</a>
<a href="/ContactezNous" className='FooterLink_a'>Nous contacter</a>
</div>
<div className='Column_div'>
<div className='Heading_p'>Prix & Services</div>
<a href="/Produits-Services" className='FooterLink_a'>Nos packs</a>
<a href="/Produits-Services" className='FooterLink_a'>Publier votre catalogue </a>
</div>
<div className='Column_div'>
<div className='Heading_p'>Social Media</div>
<div style={{ 'float': "center", "textAlign": "center" }}>
<div className="media_sociaux">
<FacebookShareButton
url={"https://www.facebook.com/MySy-Training-114572794561371/"}
>
<SocialIcon network="facebook" className="SocialIcon" />
</FacebookShareButton>
&nbsp;
<TwitterShareButton
url={"https://twitter.com/mysy_training"}
hashtag={"#MySyTraining"}
>
<SocialIcon network="twitter" className="SocialIcon" />
</TwitterShareButton>
&nbsp;
<LinkedinShareButton
url={"https://www.linkedin.com/"}
summary={"ee"}
source={"https://www.linkedin.com/in/mysy-training-96b53a237/"}
>
<SocialIcon network="linkedin" className="SocialIcon" />
</LinkedinShareButton>
</div>
</div>
{/*
<a href="https://www.facebook.com/profile.php?id=100080411044908" className='FooterLink_a'>
<i className="fab fa-facebook-f">
<span style={{ marginLeft: "10px" }}>
Facebook
</span>
</i>
</a>
<a href="https://www.linkedin.com/in/mysy-training-96b53a237/" className='FooterLink_a'>
<i className="fab fa-instagram">
<span style={{ marginLeft: "10px" }}>
LinkedIn
</span>
</i>
</a>
<a href="https://twitter.com/mysy_training" className='FooterLink_a'>
<i className="fab fa-twitter">
<span style={{ marginLeft: "10px" }}>
Twitter
</span>
</i>
</a>*/}
</div>
</div>
</div>
<br />
<hr />
<i className='copyright'>
Copyright © 2024 MySy. Tous droits réservés. &nbsp;
<a href='/sample/MYSY_POLITIQUE_CONFIDENTIALITE.pdf' download target = "_blank">| Confidentialité | Cookies | données personnelles &nbsp; </a>
<a href='/sample/MYSY_CGU.pdf' download target = "_blank">| Conditions dutilisation &nbsp; </a>
<a href='/sample/MYSY_MENTIONS_LEGALES.pdf' download target = "_blank">| Mentions légales </a>
<a href='/sample/Conditions_Generales-Vente_CGV.pdf' download target = "_blank">| CGV </a>
</i>
</div>
</div>
);
};
export default Fotter_test;

View File

@ -61,7 +61,7 @@ const Footer_v2 = () => {
</div> </div>
<div className='div_colonne_25' > <div className='div_colonne_25' >
<div className='entete_txt'> Produits & Services</div> <div className='entete_txt'> Prix & Services</div>
<div className='a_link'> Nos offres </div> <div className='a_link'> Nos offres </div>
<div className='a_link'> Publier votre catalogue</div> <div className='a_link'> Publier votre catalogue</div>
<div className='a_link'> Minscrire</div> <div className='a_link'> Minscrire</div>

View File

@ -437,7 +437,7 @@ const Partner_Product_Service = (props) => {
Dans le cas précis des produits et service, "props.class_external_code" est utilisé comme Dans le cas précis des produits et service, "props.class_external_code" est utilisé comme
l'_id du produit*/ l'_id du produit*/
//console.log(" ### Vos Produits & Services props.class_external_code = ", props.class_external_code); //console.log(" ### Vos Prix & Services props.class_external_code = ", props.class_external_code);
setselected_id(props.class_external_code); setselected_id(props.class_external_code);
Display_Detail_Product_Data(props.class_external_code); Display_Detail_Product_Data(props.class_external_code);
@ -1163,7 +1163,7 @@ const Partner_Product_Service = (props) => {
</DialogActions> </DialogActions>
</Dialog> </Dialog>
<h3> Vos Produits & Services </h3> <h3> Vos Prix & Services </h3>
<div className="div_row"> <div className="div_row">
<div className="titre1"> Utilisez les filtres !</div> <div className="titre1"> Utilisez les filtres !</div>
<div className="div_row" style={{ "marginBottom": "5px" }}> <div className="div_row" style={{ "marginBottom": "5px" }}>

View File

@ -123,7 +123,7 @@ function ProduitsServices() {
return ( return (
<div className="produitsservices"> <div className="produitsservices">
<Helmet> <Helmet>
<title>Produits & Services</title> <title>Prix & Services</title>
<meta name="description" content="Produits et Services" /> <meta name="description" content="Produits et Services" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta name="title" content="Produits et Services" /> <meta name="title" content="Produits et Services" />
@ -288,7 +288,7 @@ function ProduitsServices() {
<div className="div_row"> <div className="div_row">
<div className="div_row_description"> <div className="div_row_description">
<div className="div_basique_header" style={{ "background": "#E9ECEF" }}> Produits & Services </div> <div className="div_basique_header" style={{ "background": "#E9ECEF" }}> Prix & Services </div>
<hr style={{ "margin": "1px" }} /> <hr style={{ "margin": "1px" }} />
<div style={{ "marginBottom": "0px", "fontSize": "small" }} className="block_vide_produit_service"> <div style={{ "marginBottom": "0px", "fontSize": "small" }} className="block_vide_produit_service">
<nav style={{ "marginBottom": "0.8rem", "fontSize": "small", "textAlign": 'center', "fontWeight": "700" }}> &nbsp; </nav> <nav style={{ "marginBottom": "0.8rem", "fontSize": "small", "textAlign": 'center', "fontWeight": "700" }}> &nbsp; </nav>

View File

@ -21,7 +21,7 @@ import { confirmAlert } from 'react-confirm-alert'; // Import
import { useCookies } from "react-cookie"; 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";
let PageSize = 5; let PageSize = 5;
const RechercheArticles = (props) => { const RechercheArticles = (props) => {
const [userconnected, setuserconnected] = useState(""); const [userconnected, setuserconnected] = useState("");
@ -524,7 +524,7 @@ const RechercheArticles = (props) => {
</div> </div>
<div className="menuPrincipal" onClick={handleProduitMenu}> <div className="menuPrincipal" onClick={handleProduitMenu}>
Prix & Services Prix & Services
</div> </div>
<div className="menuPrincipal" onClick={handleFtionMenu}> <div className="menuPrincipal" onClick={handleFtionMenu}>
@ -533,15 +533,15 @@ const RechercheArticles = (props) => {
<div className="menuPrincipal" onClick={(e) => { <div className="menuPrincipal" onClick={(e) => {
e.preventDefault(); e.preventDefault();
var date2 = new Date(); var date2 = new Date();
const format2 = "YYYY-MM"; const format2 = "YYYY-MM";
var dateTime2 = moment(date2).format(format2); var dateTime2 = moment(date2).format(format2);
window.open( window.open(
"https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2), "https://calendly.com/mysytraining/demo-mysy-training-solution?month=" + String(dateTime2),
'_blank' '_blank'
); );
}} }}
style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}> style={{ "background": "red", "borderRadius": "5px", "paddingLeft": "3px", "paddingRight": "3px" }}>
Reserver une Demo Reserver une Demo
</div> </div>
@ -642,7 +642,7 @@ const RechercheArticles = (props) => {
{result && <div> {result && <div>
<Pagination <Pagination
className="pagination-bar" className="pagination-bar"
currentPage={currentPage2} currentPage={currentPage2}
totalCount={result.length} totalCount={result.length}
pageSize={PageSize} pageSize={PageSize}

View File

@ -0,0 +1,694 @@
import React, { useRef, useState, useMemo, useEffect } from "react";
import { useForm } from "react-hook-form";
import axios from "axios";
import Articles from "../components/Article";
import { FaSearch, FaRegArrowAltCircleDown, FaRegArrowAltCircleUp } from 'react-icons/fa';
import { format } from 'date-fns'
import moment from "moment";
import Pagination from "./TestPagination";
import data from "./data/mock-data.json";
import { useHistory } from "react-router-dom";
import { getCookie, removeCookie } from 'react-use-cookie';
import { Helmet } from "react-helmet";
import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined';
import Button from '@mui/material/Button';
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
import Footer from "./Fotter";
import Header from "./Header";
import MenuItem from "@material-ui/core/MenuItem";
import Menu from "@material-ui/core/Menu";
import { confirmAlert } from 'react-confirm-alert'; // Import
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";
let PageSize = 5;
const RechercheArticles_new_v2 = (props) => {
const [userconnected, setuserconnected] = useState("");
const [SearchText, setSearchText] = useState("");
const [result, setResult] = useState("");
const [myApiResponse, setmyApiResponse] = useState("false");
const [displayAllClasses, setdisplayAllClasses] = useState(true);
const [showelement, setshowelement] = useState("init");
const [country_code, setcountry_code] = useState("");
const [country_name, setcountry_name] = useState("");
const [city, setcity] = useState("");
const [postal, setpostal] = useState("");
const [latitude, setlatitude] = useState("");
const [longitude, setlongitude] = useState("");
const [IPv4, setIPv4] = useState("");
const [state, setstate] = useState("");
const [userIp, setuserIp] = useState("");
const [currentPage, setCurrentPage] = useState(1);
const [currentPage2, setCurrentPage2] = useState(1);
const [fin, setfin] = useState(0);
const [ismobilephone, setismobilephone] = useState();
const [TrainingDistanciel, setTrainingDistanciel] = useState();
const stored_user = getCookie('tokenmysych');
const history = useHistory();
const url = process.env.REACT_APP_API_URL + "myclass/api/add_user_account/";
const {
register,
formState: { errors },
handleSubmit,
watch,
} = useForm();
const pwd = useRef({});
pwd.current = watch("pwd", "");
const onSubmit = async (data) => {
const formData = new FormData();
//await sleep(20);
formData.append('search_text', data.name);
formData.append('name', data.name);
formData.append('surname', data.surname);
formData.append('email', data.email);
formData.append('pwd', data.pwd);
const res = await fetch(
url,
{
method: "POST",
mode: 'cors',
cache: 'no-cache',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
redirect: 'follow',
referrerPolicy: 'no-referrer',
body: formData,
}
);
const results = await res.json();
//console.log(results);
};
const [Trainingdistance, setTrainingdistance] = useState(0);
const handleInput = (e) => {
setTrainingdistance(e.target.value);
}
const [Trainingduration, setTrainingduration] = useState(0);
const handleInputDuration = (e) => {
setTrainingduration(e.target.value);
}
function showdisplayfilter(event) {
if (showelement == "true") {
setshowelement("false");
}
else if (showelement == "false") {
setshowelement("true");
}
}
function clearsearchtext(event) {
setSearchText("");
document.getElementById("SearchText").value = "";
}
function SearchTextHandle(event) {
setSearchText(event.target.value);
}
function displayAllClassesHandle(event) {
setdisplayAllClasses(event.target.checked);
if (event.target.checked == true)
document.getElementById("SearchText").disabled = true;
else
document.getElementById("SearchText").disabled = false;
}
const [searchFunction_api, setsearchFunction_api] = useState();
const [searchFunction_message, setsearchFunction_message] = useState();
const [searchFunction_result, setsearchFunction_result] = useState([]);
function searchFunction(e) {
var token = "";
if (typeof (stored_user) != "undefined") {
token = stored_user
}
var form = new FormData();
form.append("search_text", SearchText);
form.append("token", token);
// Ajout des info IP user
form.append("user_ip", IPv4);
form.append("user_country_code", country_code);
form.append("user_country_name", country_name);
form.append("user_city", city);
form.append("user_postal", postal);
form.append("user_latitude", latitude);
form.append("user_longitude", longitude);
form.append("user_state", state);
var myurl = ""
/* if (document.getElementById("allelement").checked !== true &&
document.getElementById("SearchText").disabled !== true) {
//alert(" recherche classique laaa ");
myurl = process.env.REACT_APP_API_URL + "myclass/api/recherche_articles_avis/";
}
else if (document.getElementById("allelement").checked === true &&
document.getElementById("SearchText").disabled === true) {
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
}*/
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_articles_avis/";
axios.post(myurl, form).then(res => {
if (String(res.data.status) != String("false")) {
//console.log(" In test res.data.status = " + res.data.status);
//console.log(" In test res.data.message = " + res.data.message);
setsearchFunction_api(res.data.status);
setsearchFunction_result(res.data.message);
setmyApiResponse("True");
setResult(res.data.message)
}
else {
//console.log(" In test res.data.status = " + res.data.status);
//console.log(" In test res.data.message = " + res.data.message);
setmyApiResponse("False");
setsearchFunction_api(res.data.status);
setsearchFunction_message(res.data.message);
//setmyApimyApiMessage("")
}
}).catch((error) => {
console.warn('Not good man :( mysearchtext = ');
setmyApiResponse("False");
setsearchFunction_api("False");
//setmyApimyApiMessage("")
})
}
const currentTableData2 = useMemo(() => {
if (result) {
const firstPageIndex = (currentPage2 - 1) * PageSize;
const lastPageIndex = firstPageIndex + PageSize;
setfin(1);
return result.slice(firstPageIndex, lastPageIndex);
}
else {
return [];
setfin(0);
}
}, [currentPage2]);
useEffect(() => {
setdisplayAllClasses("true");
async function chloadfunction() {
if (document.getElementById('allelement')) {
document.getElementById("allelement").checked = true;
}
// document.getElementById("SearchText").disabled = true;
}
chloadfunction();
searchFunction();
whosisconnected();
}, []);
const [PartnerMenu, setPartnerMenu] = React.useState(null);
const [AccountMenu, setAccountMenu] = React.useState(null);
const [someoneconnected, setsomeoneconnected] = useState("0");
const [partnerconnected, setpartnerconnected] = useState("0");
const [cookie, setCookie, removeCookie] = useCookies(['tokenmysych']);
const stored_part = getCookie('tokenmysypart');
function whosisconnected() {
var local_user_connect = 0;
var local_part_connect = 0;
if (typeof (stored_user) === "undefined" || String(stored_user) === '') {
setuserconnected("0");
local_user_connect = 0;
} else {
setuserconnected("1");
setsomeoneconnected("1");
local_user_connect = 1;
//alert(" user connected OK");
}
if (typeof (stored_part) === "undefined" || String(stored_part) === '') {
setpartnerconnected("0");
local_part_connect = 0;
} else {
setpartnerconnected("1");
setsomeoneconnected("1");
local_part_connect = 1;
// alert(" partner connected OK");
}
}
function handleAccountLogout() {
if (String(userconnected) === String("1")) {
user_logout();
}
else if (String(partnerconnected) === String("1")) {
part_logout();
}
}
function user_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_user) != "undefined") {
setCookie("tokenmysych", "");
}
history.push("/recherche-formation");
}
function user_logout() {
confirmAlert({
title: '',
message: 'Confirmez la deconnexion (user)',
buttons: [
{
label: 'Oui',
onClick: () => user_logout_confirmation()
},
{
label: 'Non',
onClick: () => { return }
}
]
});
}
const PartnerMenu_Close = () => {
setPartnerMenu(null);
};
const AccountMenu_Close = () => {
setAccountMenu(null);
};
const handlePartnerMenu = (event) => {
setPartnerMenu(event.currentTarget);
};
const handleAccountMenu = (event) => {
setAccountMenu(event.currentTarget);
};
const handleClose_Account = () => {
alert(" my account");
setAccountMenu(null);
};
const handleAccountConnexion = () => {
setAccountMenu(null);
history.push("/Connexion")
};
const handleMyAccount = () => {
setAccountMenu(null);
history.push("/mysy-user-account")
};
const handleAccountCreation = () => {
setAccountMenu(null);
history.push("/create_account")
};
const handlePartnerConnexion = () => {
setAccountMenu(null);
history.push("/PartnerLogin")
};
function user_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_user) != "undefined") {
setCookie("tokenmysych", "");
}
history.push("/recherche-formation");
}
function user_logout() {
confirmAlert({
title: '',
message: 'Confirmez la deconnexion (user)',
buttons: [
{
label: 'Oui',
onClick: () => user_logout_confirmation()
},
{
label: 'Non',
onClick: () => { return }
}
]
});
}
const handleMyPartnerAccount = () => {
setAccountMenu(null);
history.push("/Partner")
};
const [partcookie, setpartCookie, removepartCookie] = useCookies(['tokenmysypart']);
function handleAccountConnexion_v2() {
if (String(userconnected) === String("1")) {
handleMyAccount();
}
else if (String(partnerconnected) === String("1")) {
handleMyPartnerAccount();
}
}
function part_logout_confirmation() {
/* si c'est une connexion partner qui est active */
if (typeof (stored_part) != "undefined") {
const stored_cookie = getCookie('tokenmysypart');
var acces_right_token_name = stored_cookie + "_uar";
setpartCookie("tokenmysypart", "", { path: '/' });
setpartCookie(acces_right_token_name, "", { path: '/' });
removeCookie(acces_right_token_name, { path: '/' });
}
history.push("/recherche-formation");
}
function part_logout() {
confirmAlert({
title: '',
message: 'Confirmez la deconnexion (pro)',
buttons: [
{
label: 'Oui',
onClick: () => part_logout_confirmation()
},
{
label: 'Non',
onClick: () => { return }
}
]
});
}
const [ProduitMenu, setproduitMenu] = React.useState(null);
const [AvisMenu, setavisMenu] = React.useState(null);
const handleProduitMenu = (event) => {
setproduitMenu(event.currentTarget);
};
const handleProduitService = () => {
setproduitMenu(null);
history.push("/Produits-Services/")
};
const handleQuisommesNousMenu = () => {
setproduitMenu(null);
history.push("/QuiSommesNous/")
};
const ProduitMenu_Close = () => {
setproduitMenu(null);
};
function publiecatalogue() {
history.push("/Partner", { mysy_arg: 'partner' });
}
const handleFtionMenu = (event) => {
history.push("/")
};
return (
<div className="recherchearticles_new_v2_style">
<Helmet>
<title>Recherche articles formation</title>
<meta name="description" content="Liste des articles sur les formations" />
<meta name="robots" content="index,follow" />
</Helmet>
<Menu
keepMounted
anchorEl={PartnerMenu}
onClose={PartnerMenu_Close}
open={Boolean(PartnerMenu)}
style={{ "top": "2rem" }}
>
<MenuItem onClick={handlePartnerConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Mon Compte</MenuItem>
<MenuItem onClick={PartnerMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }} >Deconnexion</MenuItem>
</Menu>
<Menu
keepMounted
anchorEl={AccountMenu}
onClose={AccountMenu_Close}
open={Boolean(AccountMenu)}
style={{ "top": "2rem" }}
> <MenuItem onClick={handleMyAccount} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Mon Compte</MenuItem>
<MenuItem onClick={handleAccountConnexion} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Connexion</MenuItem>
<MenuItem onClick={handleAccountCreation} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Creation</MenuItem>
<MenuItem onClick={AccountMenu_Close} className="mymenu_item"
style={{ "fontSize": "0.7rem" }}>Deconnexion</MenuItem>
</Menu>
<Menu
keepMounted
anchorEl={ProduitMenu}
onClose={ProduitMenu_Close}
open={Boolean(ProduitMenu)}
style={{ "top": "2rem" }} >
<MenuItem onClick={handleProduitService} className="mymenu_item">
<button className='bton_menu'>Prix & Services </button></MenuItem>
</Menu>
<div className="div_row2">
<div className="div_row_bas">
<div className="div_001">
<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>
</div>
<div className="div_003">
<h1 className="h1_transparent">Recherche Formations Tutoriels</h1>
<div className="menuPrincipal_bton" onClick={handleAccountConnexion}>
<div style={{ "textAlign": "left" }}>
{String(someoneconnected) !== String("1") && <button className="buton_ch22" onClick={handleAccountConnexion}> <img src={connect_white}
style={{ "width": "25%" }} /> Connexion
</button>}
{String(someoneconnected) === String("1") && <button className="buton_ch22" onClick={handleAccountLogout}> Deconnexion<img src={connect_green}
style={{ "width": "25%" }} />
</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 className="text_head">
<hr className="div_004" />
<font style={{ "color": "#81BC3A", "fontWeight": "bold" }}>Recherche </font> de Formations & Tutoriels
</div>
{/*<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"}
/>
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
&nbsp;<FaSearch onClick={searchFunction} /></span>
</div>
</form>*/}
</div>
</div>
<div className="div_mobile">
<div className="div_row" style={{ float: "left", "height": "20rem" }}>
<div className="Background-header">
<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.
</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>
</div>
<div className="div_row">
{/*<div className="aricles_a_la_une">
<div className="img_article">
imgg
</div>
<div className="desc_article">
destail aricle
</div>
</div>*/}
<div className="liste_articles">
{/*result && myApiResponse === "True" && <div className="okUpdateData">
<Pagination
className="pagination-bar"
currentPage={currentPage2}
totalCount={result.length}
pageSize={PageSize}
onPageChange={page => setCurrentPage2(page)}
/>
</div>*/}
{searchFunction_result && searchFunction_result.length > 0 && currentTableData2 && searchFunction_result.map((formation) => (
<div style={{ width: "32%", float: "left", marginRight: "5px" }}>
<Articles article={JSON.parse(formation)} key={JSON.parse(formation).title_formation} />
</div>
))}
{/*result && <div>
<Pagination
className="pagination-bar"
currentPage={currentPage2}
totalCount={result.length}
pageSize={PageSize}
onPageChange={page => setCurrentPage2(page)}
/>
</div>
*/}
</div>
</div>
</div>
</div>
)
}
export default RechercheArticles_new_v2;

View File

@ -456,7 +456,7 @@ function UpgradeToPro() {
<div className="div_basique_header"> &nbsp; <div className="div_basique_header"> &nbsp;
</div> </div>
<div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}> <div style={{ "marginBottom": "1rem", "background": "#E9ECEF" }}>
Produits & Services Prix & Services
</div> </div>
<div className="produits_service_label"> <div className="produits_service_label">
Publication des formations Publication des formations

View File

@ -136,7 +136,7 @@ const SideBar = () => {
</NavLink> </NavLink>
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}> <NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
Produits & Services Prix & Services
</NavLink> </NavLink>
<NavLink exact to={"/Partner"} activeClassName={"nav-active"}> <NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
@ -194,7 +194,7 @@ const SideBar = () => {
</NavLink> </NavLink>
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}> <NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
Produits & Services Prix & Services
</NavLink> </NavLink>
<NavLink exact to={"/Partner"} activeClassName={"nav-active"}> <NavLink exact to={"/Partner"} activeClassName={"nav-active"}>
@ -263,7 +263,7 @@ const SideBar = () => {
</NavLink> </NavLink>
<NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}> <NavLink exact to={"/Produits-Services"} activeClassName={"nav-active"}>
Produits & Services Prix & Services
</NavLink> </NavLink>
<NavLink exact to={"/Display-Detail-formation/:classId"} activeClassName={"nav-active"}> <NavLink exact to={"/Display-Detail-formation/:classId"} activeClassName={"nav-active"}>

View File

@ -1,16 +1,20 @@
import DisplayDetailArticle from "../components/DisplayDetailArticle"; import DisplayDetailArticle from "../components/DisplayDetailArticle";
import DisplayDetailArticle_new_v2 from "../components/DisplayDetailArticle_new_v2";
import Navigation from "../components/Navigation"; import Navigation from "../components/Navigation";
export default function displaydetailclass() { export default function displaydetailarticle() {
return ( return (
<div> <div>
<div > <div >
<Navigation /> <Navigation />
</div> </div>
<DisplayDetailArticle /> <DisplayDetailArticle_new_v2 />
</div> </div>
); );
} }

View File

@ -1,14 +1,15 @@
import RechercheArticle from "../components/RechercheArticles"; import RechercheArticle from "../components/RechercheArticles";
import RechercheArticle_new_v2 from "../components/RechercheArticles_new_v2";
import Navigation from "../components/Navigation"; import Navigation from "../components/Navigation";
export default function displaydetailclass() { export default function displaydetailarticle() {
return ( return (
<div> <div>
<div > <div >
<Navigation /> <Navigation />
</div> </div>
<RechercheArticle /> <RechercheArticle_new_v2 />
</div> </div>

View File

@ -34,6 +34,7 @@
border-radius: 30px; border-radius: 30px;
margin-right: 0.5%; margin-right: 0.5%;
} }
.div_row { .div_row {
//border: 0px solid black; //border: 0px solid black;
border-width: 0.01rem; border-width: 0.01rem;
@ -90,6 +91,7 @@
border-radius: 12px; border-radius: 12px;
padding: 5px; padding: 5px;
} }
.met_container { .met_container {
text-align: center; text-align: center;
padding: 1px 2px; padding: 1px 2px;
@ -137,6 +139,9 @@
float: left; float: left;
text-align: left; text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -160,6 +165,8 @@
.droite_txt { .droite_txt {
width: 100%; width: 100%;
float: right; float: right;
padding: 5px;
height: 20rem;
} }
} }
@ -256,6 +263,7 @@
border-radius: 12px; border-radius: 12px;
padding: 5px; padding: 5px;
} }
.met_container { .met_container {
text-align: center; text-align: center;
padding: 1px 2px; padding: 1px 2px;
@ -266,12 +274,19 @@
.met_text { .met_text {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
font-size: medium;
font-weight: normal;
//white-space: nowrap;
//overflow: hidden;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center;
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;
} }
.met_text_detail { .met_text_detail {
@ -303,6 +318,9 @@
float: left; float: left;
text-align: left; text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -320,13 +338,15 @@
} }
.gauche_img { .gauche_img {
width: 20%; width: 100%;
float: left; float: left;
} }
.droite_txt { .droite_txt {
width: 80%; width: 100%;
float: right; float: right;
padding: 5px;
height: 20rem;
} }
} }
@ -342,6 +362,7 @@
//width: 40%!important; //width: 40%!important;
padding: 0.2rem !important; padding: 0.2rem !important;
} }
.media_sociaux { .media_sociaux {
svg { svg {
margin-top: 0 !important; margin-top: 0 !important;
@ -375,6 +396,21 @@
margin-right: auto; margin-right: auto;
} }
.div_row_border {
float: left;
border: 0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
padding: 5px;
margin-right: 5px;
// cursor: pointer;
}
.div_row_gauche { .div_row_gauche {
float: left; float: left;
border: 0px solid black; border: 0px solid black;
@ -421,6 +457,7 @@
border-radius: 12px; border-radius: 12px;
padding: 5px; padding: 5px;
} }
.met_container { .met_container {
text-align: center; text-align: center;
padding: 1px 2px; padding: 1px 2px;
@ -431,12 +468,19 @@
.met_text { .met_text {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
font-size: medium;
font-weight: normal;
//white-space: nowrap;
//overflow: hidden;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center;
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;
} }
.met_text_detail { .met_text_detail {
@ -468,6 +512,9 @@
float: left; float: left;
text-align: left; text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -485,13 +532,15 @@
} }
.gauche_img { .gauche_img {
width: 30%; width: 100%;
float: left; float: left;
} }
.droite_txt { .droite_txt {
width: 70%; width: 100%;
float: right; float: right;
padding: 5px;
height: 20rem;
} }
} }
@ -541,6 +590,22 @@
margin-right: auto; margin-right: auto;
} }
.div_row_border {
float: left;
border: 0px solid black;
border-width: 0.01rem;
width: 100%;
border-radius: 5px;
text-align: left;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-bottom: 5px;
padding: 5px;
margin-right: 5px;
//cursor: pointer;
}
.div_row_gauche { .div_row_gauche {
float: left; float: left;
border: 0px solid black; border: 0px solid black;
@ -586,7 +651,9 @@
border-top-right-radius: 12px; border-top-right-radius: 12px;
border-radius: 12px; border-radius: 12px;
padding: 5px; padding: 5px;
height: 15rem;
} }
.met_container { .met_container {
text-align: center; text-align: center;
padding: 1px 2px; padding: 1px 2px;
@ -597,12 +664,21 @@
.met_text { .met_text {
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
font-size: medium;
font-weight: normal;
//white-space: nowrap;
//overflow: hidden;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center;
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;
} }
.met_text_detail { .met_text_detail {
@ -615,6 +691,9 @@
text-align: left; text-align: left;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 100%;
float: left;
height: 12rem;
} }
.art_criteres { .art_criteres {
@ -630,10 +709,13 @@
} }
.art_criteres_value { .art_criteres_value {
width: 88%; width: 100%;
float: left; float: left;
text-align: left; text-align: left;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
text-align: justify;
font-family: Verdana, Georgia, Arial;
line-height: 26px;
} }
.art_criteres_value_left { .art_criteres_value_left {
@ -651,13 +733,15 @@
} }
.gauche_img { .gauche_img {
width: 30%; width: 100%;
float: left; float: left;
} }
.droite_txt { .droite_txt {
width: 70%; width: 100%;
float: right; float: right;
padding: 5px;
height: 25rem;
} }
} }
} }

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -553,7 +553,95 @@
height: 0.5rem; height: 0.5rem;
} }
.btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
color: white;
border: "solid 1px";
height: 4rem;
width: 80%;
font-size: 18px;
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.5rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.4rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 100%;
float: left;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
margin-bottom: 5px;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
font-size: small;
color: #464646
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1143,7 +1231,94 @@
.block_vide_produit_service { .block_vide_produit_service {
height: 7rem; height: 7rem;
} }
.btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
color: white;
border: "solid 1px";
height: 4rem;
width: 80%;
font-size: 18px;
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.24rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
font-size: small;
color: #464646
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -1737,7 +1912,94 @@
.block_vide_produit_service { .block_vide_produit_service {
height: 8rem; height: 8rem;
} }
.btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
color: white;
border: "solid 1px";
height: 4rem;
width: 80%;
font-size: 18px;
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 2.3125rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
font-size: small;
color: #464646
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -2325,98 +2587,101 @@
cursor: pointer; cursor: pointer;
} }
.block_vide_produit_service {} .btn_abonnement_v2 {
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
color: white;
border: "solid 1px";
height: 4rem;
width: 80%;
font-size: 18px;
font-family: Verdana, Georgia, Arial;
background: #81BC3A;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 2.3125rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 25rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #073462;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
font-size: small;
color: #464646
}
} }
// end media // end media
.btn_abonnement_v2 {
width: 100%;
white-space: nowrap;
padding-left: 0px;
padding-right: 0px;
color: white;
border: "solid 1px";
height: 3rem;
}
.div_ul_detail_pack {
color: #424f61;
line-height: 2;
font-size: 14px;
font-family: Verdana, Georgia, Arial;
}
.div_block_header {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 2.3125rem;
justify-content: center;
}
.div_block_prix {
font-family: Verdana, Georgia, Arial;
color: #424f61;
text-align: center;
font-size: 1.8rem;
justify-content: center;
}
.div_block_fonction {
width: 100%;
float: left;
}
.div_block_fonction_detail {
width: 30%;
float: left;
margin: 10px;
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
background: #FFF;
min-height: 20rem;
// padding: 15px;
border-radius: 8px;
border: 2px solid #708f8f;
}
.div_block_fonction_detail_titre {
font-family: Verdana, Georgia, Arial;
color: #3E6EE3;
line-Height: 29px;
font-size: 20px;
margin-bottom: 5px;
width: 100%;
font-weight: 400;
text-align: center;
letter-spacing: 1px;
height: 5rem;
//padding-left: 2rem;
}
.div_block_fonction_detail_img {
width: 100%;
float: left;
}
.div_block_fonction_detail_img_inside {
width: 4rem;
}
.div_block_fonction_detail_desc {
width: 100%;
float: left;
text-align: left;
line-height: 1.8em;
font-size: small;
color: #464646
}
.hr_break { .hr_break {
border: 5px solid grey; border: 5px solid grey;

View File

@ -892,7 +892,7 @@ padding-left: 2rem;
margin-right: auto; margin-right: auto;
} }
} }
.buton_ch22 { .buton_ch22 {
border: 2px solid white; border: 2px solid white;
background-color: transparent; background-color: transparent;

File diff suppressed because it is too large Load Diff

View File

@ -127,4 +127,6 @@
@import "./components/reherche_new_v3"; @import "./components/reherche_new_v3";
@import "./components/displaydetailclass_new_v3"; @import "./components/displaydetailclass_new_v3";
@import "./components/reherche_new_v4"; @import "./components/reherche_new_v4";
@import "./components/footer_catalog_pub"; @import "./components/footer_catalog_pub";
@import "./components/displaydetailarticle_new_v2";
@import "./components/recherchearticles_new_v2_style";