qsd
parent
9b500adf0c
commit
da67054a66
|
@ -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} />
|
||||||
|
|
|
@ -1763,7 +1763,7 @@ function Abonnement(props) {
|
||||||
<div className="div_basique_header">
|
<div className="div_basique_header">
|
||||||
</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>
|
||||||
|
|
|
@ -27,31 +27,39 @@ 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 style={{ width: '100%', "textAlign": "right", paddingRight: "10px" }}> {(String(props.article.date_avis)).substring(0, 10)} </div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<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">
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,8 +70,14 @@ const Article = (props) => {
|
||||||
{(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>
|
||||||
|
|
|
@ -142,7 +142,7 @@ function ProduitsServices() {
|
||||||
<div className="div_basique_header">
|
<div className="div_basique_header">
|
||||||
</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>
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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%" }}>
|
||||||
|
|
||||||
|
</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>
|
||||||
|
|
||||||
|
|
||||||
|
<TwitterShareButton
|
||||||
|
url={"https://twitter.com/mysy_training"}
|
||||||
|
hashtag={"#MySyTraining"}
|
||||||
|
>
|
||||||
|
<SocialIcon network="twitter" className="SocialIcon" />
|
||||||
|
</TwitterShareButton>
|
||||||
|
|
||||||
|
|
||||||
|
<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.
|
||||||
|
<a href='/sample/MYSY_POLITIQUE_CONFIDENTIALITE.pdf' download target = "_blank">| Confidentialité | Cookies | données personnelles </a>
|
||||||
|
<a href='/sample/MYSY_CGU.pdf' download target = "_blank">| Conditions d’utilisation </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;
|
|
@ -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'> M’inscrire</div>
|
<div className='a_link'> M’inscrire</div>
|
||||||
|
|
|
@ -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" }}>
|
||||||
|
|
|
@ -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" }}> </nav>
|
<nav style={{ "marginBottom": "0.8rem", "fontSize": "small", "textAlign": 'center', "fontWeight": "700" }}> </nav>
|
||||||
|
|
|
@ -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("");
|
||||||
|
|
|
@ -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" >
|
||||||
|
<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 d’aide ?
|
||||||
|
<div className="detail_text_aide">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="barre_recherche">
|
||||||
|
<form onSubmit={handleSubmit(onSubmit)} className="div_005">
|
||||||
|
<div class="form">
|
||||||
|
|
||||||
|
<i class="fa fa-search"></i>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="form-control form-input"
|
||||||
|
placeholder="Search Texte (Title, Description)"
|
||||||
|
onChange={SearchTextHandle}
|
||||||
|
id={"SearchText"}
|
||||||
|
name={"SearchText"}
|
||||||
|
style={{ "width": "80%", float: "left" }}
|
||||||
|
/>
|
||||||
|
<nav style={{ "width": "15%", float: "left", paddingTop:"5px" }}>
|
||||||
|
{SearchText.length > 2 && <span_clear> <BsFillXCircleFill onClick={clearsearchtext} /> </span_clear>} <span class="left-pan" >
|
||||||
|
<FaSearch onClick={searchFunction} /></span>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</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;
|
|
@ -456,7 +456,7 @@ function UpgradeToPro() {
|
||||||
<div className="div_basique_header">
|
<div className="div_basique_header">
|
||||||
</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
|
||||||
|
|
|
@ -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"}>
|
||||||
|
|
|
@ -1,14 +1,18 @@
|
||||||
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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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
|
@ -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,21 +2587,17 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block_vide_produit_service {}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// end media
|
|
||||||
|
|
||||||
.btn_abonnement_v2 {
|
.btn_abonnement_v2 {
|
||||||
width: 100%;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
color: white;
|
color: white;
|
||||||
border: "solid 1px";
|
border: "solid 1px";
|
||||||
height: 3rem;
|
height: 4rem;
|
||||||
|
width: 80%;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Verdana, Georgia, Arial;
|
||||||
|
background: #81BC3A;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -2379,7 +2637,7 @@
|
||||||
// -webkit-box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
// -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);
|
// box-shadow: 2px 5px 16px 0px, inset -50px 45px 50px -30px rgba(0, 0, 0, 0);
|
||||||
background: #FFF;
|
background: #FFF;
|
||||||
min-height: 20rem;
|
min-height: 25rem;
|
||||||
// padding: 15px;
|
// padding: 15px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
border: 2px solid #708f8f;
|
border: 2px solid #708f8f;
|
||||||
|
@ -2387,7 +2645,7 @@
|
||||||
|
|
||||||
.div_block_fonction_detail_titre {
|
.div_block_fonction_detail_titre {
|
||||||
font-family: Verdana, Georgia, Arial;
|
font-family: Verdana, Georgia, Arial;
|
||||||
color: #3E6EE3;
|
color: #073462;
|
||||||
line-Height: 29px;
|
line-Height: 29px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
@ -2417,6 +2675,13 @@
|
||||||
font-size: small;
|
font-size: small;
|
||||||
color: #464646
|
color: #464646
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// end media
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.hr_break {
|
.hr_break {
|
||||||
border: 5px solid grey;
|
border: 5px solid grey;
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -128,3 +128,5 @@
|
||||||
@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";
|
Loading…
Reference in New Issue