diff --git a/src/components/ESign.js b/src/components/ESign.js index fdb918c..2a312f2 100644 --- a/src/components/ESign.js +++ b/src/components/ESign.js @@ -77,7 +77,7 @@ function ESign() { form.append("secret_key_open", selected_e_doc_secret); form.append("user_email", user_email); - + setLoading(true); axios.post(myurl, form).then(res => { diff --git a/src/components/Employes.js b/src/components/Employes.js index b77ec10..7e70dc7 100644 --- a/src/components/Employes.js +++ b/src/components/Employes.js @@ -60,6 +60,7 @@ import { LineChart } from '@mui/x-charts/LineChart'; import BarChartIcon from '@mui/icons-material/BarChart'; import SsidChartIcon from '@mui/icons-material/SsidChart'; import { RiFileExcel2Line } from "react-icons/ri"; +import AttachFileIcon from '@mui/icons-material/AttachFile'; const Employes = (props) => { const history = useHistory(); @@ -4596,7 +4597,7 @@ const Employes = (props) => { }; // -- Gestion pièces jointes - + const [Download_one_attached_document_api, setDownload_one_attached_document_api] = useState(); const [Download_one_attached_document_result, setDownload_one_attached_document_result] = useState(); const [Download_one_attached_document_message, setDownload_one_attached_document_message] = useState(); @@ -4643,8 +4644,7 @@ const Employes = (props) => { - - console.log("file_size = ", file_size, " file_type = ", file_type); + //console.log("file_size = ", file_size, " file_type = ", file_type); if (file_size > 10000000) { alert("Le fichier ne doit pas depasser un 1 Méga octets"); console.log("Le fichier ne doit pas depasser un 1 Méga octets"); @@ -10764,7 +10764,7 @@ const Employes = (props) => {
{Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => (
-
+
Supprimer diff --git a/src/components/Fotter_Catalog_Pub.js b/src/components/Fotter_Catalog_Pub.js new file mode 100644 index 0000000..adae336 --- /dev/null +++ b/src/components/Fotter_Catalog_Pub.js @@ -0,0 +1,73 @@ +import React, { useRef, useState, useEffect } 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_Catalog_Pub = (props) => { + + const [partner_id, setpartner_id] = useState(props.partner_data); + // 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"); + + function Display_CGV_File() { + + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = props.partner_data.catalog_pub_cgv_pdf; + + downloadLink.download = fileName; + downloadLink.click(); + } + + function Display_CGU_File() { + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = props.partner_data.catalog_pub_cgu_pdf; + downloadLink.download = fileName; + downloadLink.click(); + } + + + + return ( +
+
+   +
+ +
+ +
+ + Copyright © 2024 {props.partner_data.nom} . Tous droits réservés.   + + + +
+ +
+ + ); +}; +export default Fotter_Catalog_Pub; diff --git a/src/components/Mon_Catalogue_Public.js b/src/components/Mon_Catalogue_Public.js index b05f198..02622a2 100644 --- a/src/components/Mon_Catalogue_Public.js +++ b/src/components/Mon_Catalogue_Public.js @@ -14,7 +14,7 @@ import { Helmet } from "react-helmet"; import AideRecherche from "./AideRecherche" import { useParams } from 'react-router-dom' -import Footer_v2 from "./Fotter_v2"; +import Fotter_Catalog_Pub from "./Fotter_Catalog_Pub"; import Footer from "./Fotter"; import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined'; import Button from '@mui/material/Button'; @@ -56,7 +56,7 @@ import DialogTitle from '@mui/material/DialogTitle'; import { CiCircleRemove, CiCircleMinus } from "react-icons/ci"; let PageSize = 10; -const Mon_Catalogue_Public = () => { +const Mon_Catalogue_Public = (props) => { @@ -2640,6 +2640,17 @@ const Mon_Catalogue_Public = () => { var catalog_pub_message_1_txt = JSON.parse(x).catalog_pub_message_1_txt; + var catalog_pub_cgv_pdf = "" + if (JSON.parse(x).catalog_pub_cgv_pdf) + catalog_pub_cgv_pdf = JSON.parse(x).catalog_pub_cgv_pdf; + + + var catalog_pub_cgu_pdf = "" + if (JSON.parse(x).catalog_pub_cgu_pdf) + catalog_pub_cgu_pdf = JSON.parse(x).catalog_pub_cgu_pdf; + + + var catalog_pub_message_1_taille = "" if (JSON.parse(x).catalog_pub_message_1_taille) catalog_pub_message_1_taille = JSON.parse(x).catalog_pub_message_1_taille; @@ -2700,6 +2711,9 @@ const Mon_Catalogue_Public = () => { "nom": nom, "label": nom, + "catalog_pub_cgv_pdf": catalog_pub_cgv_pdf, + "catalog_pub_cgu_pdf": catalog_pub_cgu_pdf, + "catalog_pub_logo": catalog_pub_logo, "catalog_pub_banniere_img": catalog_pub_banniere_img, "catalog_pub_message_1_txt": catalog_pub_message_1_txt, @@ -2724,7 +2738,7 @@ const Mon_Catalogue_Public = () => { "theme_code": theme_code, }; - console.log(" --- node = ", node); + //console.log(" --- node = ", node); new_data2.push(node); }); @@ -3564,54 +3578,11 @@ const Mon_Catalogue_Public = () => {
-
- -
- -
- -
-
- MySy Training Technology - -
-
- -
- Devenir partenaire -
- - -
- Devenez notre partenaire et publiez vos formations tout en bénéficiant d'un accompagnement sur mesure pour votre plan de marketing. -
- -
- -
- -
- -
- -
- - Devenir partenaire MySy Training -
- -
-
-
- - - -
+
-
@@ -4624,125 +4595,12 @@ const Mon_Catalogue_Public = () => { - - -
- -
-
Notre actualité - -
- -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- -
- -
- -
- -
- -
- 19 DECEMBRE 2022 -
- -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit -
- -
- - -
- - - - -
- -
- -
-
- - -
- -
- - Voir tous nos articles - -
-
- -
-
-
- -
- -
- - -
- -
- - - -
+ +
-
} {/******* FIN Gestion du THEME PAR DEFAULT " */} diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index 0a45ef1..f70c94d 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -12,7 +12,7 @@ import EmailIcon from '@mui/icons-material/Email' import LanguageIcon from '@mui/icons-material/Language'; import HomeIcon from '@mui/icons-material/Home' import { Button, Form, FormGroup, Label } from "reactstrap"; - +import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; import { useHistory } from "react-router-dom"; import TwitterIcon from '@mui/icons-material/Twitter'; import FacebookIcon from '@mui/icons-material/Facebook'; @@ -30,7 +30,7 @@ import CancelPresentationIcon from '@mui/icons-material/CancelPresentation'; import { makeStyles } from "@material-ui/core/styles"; import { IconButton } from '@material-ui/core'; - +import fileDownload from 'js-file-download'; import OpenInNewIcon from '@mui/icons-material/OpenInNew'; import Dialog from '@mui/material/Dialog'; import DialogActions from '@mui/material/DialogActions'; @@ -39,7 +39,14 @@ import DialogContentText from '@mui/material/DialogContentText'; import DialogTitle from '@mui/material/DialogTitle'; import ColorPicker from 'react-pick-color'; import { gridClasses } from '@mui/x-data-grid'; +import AttachFileIcon from '@mui/icons-material/AttachFile'; +import DeleteForeverIcon from '@mui/icons-material/DeleteForever'; + +import DownloadingIcon from '@mui/icons-material/Downloading'; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { CiTrash } from "react-icons/ci"; const useStyles = makeStyles((theme) => ({ @@ -1922,7 +1929,7 @@ function UpdateParnterInfo(props) { setLoading(false); if (String(res.data.status) === "true") { //console.log(" In Get_Partner_Catalog_Pub_Config res.data.status = " + res.data.status); - console.log(" In Get_Partner_Catalog_Pub_Config res.data.message r_class = " + res.data.message); + // console.log(" In Get_Partner_Catalog_Pub_Config res.data.message r_class = " + res.data.message); setGet_Partner_Catalog_Pub_Config_api("true"); setGet_Partner_Catalog_Pub_Config_result(res.data.message); @@ -1930,6 +1937,17 @@ function UpdateParnterInfo(props) { setselected_catalog_pub_theme_id(JSON.parse(res.data.message).theme_id); + var local_cgu = ""; + if (JSON.parse(res.data.message).cgu_pdf) + local_cgu = JSON.parse(res.data.message).cgu_pdf; + setp_detail_cgu_file_pdf(local_cgu); + + + var local_cgv = ""; + if (JSON.parse(res.data.message).cgv_pdf) + local_cgv = JSON.parse(res.data.message).cgv_pdf; + setp_detail_cgv_file_pdf(local_cgv); + var theme_id_preview = "data:image/png;base64," + JSON.parse(res.data.message).theme_preview; setselected_catalog_pub_theme_preview(theme_id_preview); @@ -2674,6 +2692,9 @@ function UpdateParnterInfo(props) { const [quel_text, setquel_text] = React.useState(""); + const [p_detail_cgv_file_pdf, setp_detail_cgv_file_pdf] = React.useState(""); + const [p_detail_cgu_file_pdf, setp_detail_cgu_file_pdf] = React.useState(""); + const [p_text2_taille, setp_text2_taille] = React.useState("12"); const [p_text2_gras, setp_text2_gras] = React.useState(false); const [p_text2_color, setp_text2_color] = React.useState("#000000"); @@ -2724,6 +2745,299 @@ function UpdateParnterInfo(props) { }; + + /// ======= CGV + + const changeHandler2_cgv = (event) => { + hiddenFileInput_cgv.current.click(); + }; + + + const [cgv_file_name, setcgv_file_name] = useState(); + const hiddenFileInput_cgv = React.useRef(null); + const [handleSubmission_cgv_api, sethandleSubmission_cgv_api] = useState(); + const [handleSubmission_cgv_result, sethandleSubmission_cgv_result] = useState(); + const [handleSubmission_cgv_message, sethandleSubmission_cgv_message] = useState(); + + const handleSubmission_cgv = event => { + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + sethandleSubmission_cgv_message(""); + + sethandleSubmission_cgv_api(""); + + // console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); + if (file_size > 1000000) { + alert("Le fichier ne doit pas dépasser un 1 Méga octets"); + return; + } + + setcgv_file_name(event.target.files[0].name); + + reader(event.target.files[0], (err, res) => { + // console.log("#### res === ", res); // Base64 `data:image/...` String result. + setpdf_cgv_file_pdf(res); + }); + + + + }; + + + const [pdf_cgv_file_pdf, setpdf_cgv_file_pdf] = useState(); + + const [Add_Update_Catalog_Pub_CGV_api, setAdd_Update_Catalog_Pub_CGV_api] = useState(); + const [Add_Update_Catalog_Pub_CGV_message, setAdd_Update_Catalog_Pub_CGV_message] = useState(); + const [Add_Update_Catalog_Pub_CGV_result, setAdd_Update_Catalog_Pub_CGV_result] = useState(); + function Add_Update_Catalog_Pub_CGV() { + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_catalog_pub_config_id); + form.append("cgv_pdf", pdf_cgv_file_pdf); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Add_Update_Catalog_Pub_CGV res.data.status = " + res.data.status); + //console.log(" In Add_Update_Catalog_Pub_CGV res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setAdd_Update_Catalog_Pub_CGV_api("true"); + setAdd_Update_Catalog_Pub_CGV_result(res.data.message); + + setcgv_file_name(""); + setpdf_cgv_file_pdf(""); + Get_Partner_Catalog_Pub_Config(); + alert(res.data.message); + + } + else { + setAdd_Update_Catalog_Pub_CGV_api("false"); + setAdd_Update_Catalog_Pub_CGV_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_CGV = ' + error); + setAdd_Update_Catalog_Pub_CGV_api("false"); + alert(" Impossible de supprimer le fichier CGV "); + + }) + } + + const [Supprimer_Catalog_Pub_CGV_api, setSupprimer_Catalog_Pub_CGV_api] = useState(); + const [Supprimer_Catalog_Pub_CGV_message, setSupprimer_Catalog_Pub_CGV_message] = useState(); + const [Supprimer_Catalog_Pub_CGV_result, setSupprimer_Catalog_Pub_CGV_result] = useState(); + function Supprimer_Catalog_Pub_CGV() { + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_catalog_pub_config_id); + form.append("cgv_pdf", ""); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Supprimer_Catalog_Pub_CGV res.data.status = " + res.data.status); + //console.log(" In Supprimer_Catalog_Pub_CGV res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setSupprimer_Catalog_Pub_CGV_api("true"); + setSupprimer_Catalog_Pub_CGV_result(res.data.message); + + setcgv_file_name(""); + setpdf_cgv_file_pdf(""); + Get_Partner_Catalog_Pub_Config(); + alert(res.data.message); + + } + else { + setSupprimer_Catalog_Pub_CGV_api("false"); + setSupprimer_Catalog_Pub_CGV_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Supprimer_Catalog_Pub_CGV = ' + error); + setSupprimer_Catalog_Pub_CGV_api("false"); + alert(" Impossible de supprimer le fichier CGV "); + + }) + } + + + function Display_CGV_File() { + + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = p_detail_cgv_file_pdf; + downloadLink.download = fileName; + downloadLink.click(); + } + + // === CGU + const changeHandler2_cgu = (event) => { + hiddenFileInput_cgu.current.click(); + }; + + + const [cgu_file_name, setcgu_file_name] = useState(); + const hiddenFileInput_cgu = React.useRef(null); + const [handleSubmission_cgu_api, sethandleSubmission_cgu_api] = useState(); + const [handleSubmission_cgu_result, sethandleSubmission_cgu_result] = useState(); + const [handleSubmission_cgu_message, sethandleSubmission_cgu_message] = useState(); + + const handleSubmission_cgu = event => { + const fileUploaded = event.target.files[0]; + let file_size = event.target.files[0].size; + let file_type = event.target.files[0].type; + + sethandleSubmission_cgu_message(""); + + sethandleSubmission_cgu_api(""); + + // console.log("file_size = ", file_size, " file_type = ", file_type, " naturalWidth = ", fileUploaded.naturalWidth); + if (file_size > 1000000) { + alert("Le fichier ne doit pas dépasser un 1 Méga octets"); + return; + } + + setcgu_file_name(event.target.files[0].name); + + reader(event.target.files[0], (err, res) => { + // console.log("#### res === ", res); // Base64 `data:image/...` String result. + setpdf_cgu_file_pdf(res); + }); + + + + }; + + + const [pdf_cgu_file_pdf, setpdf_cgu_file_pdf] = useState(); + + const [Add_Update_Catalog_Pub_CGU_api, setAdd_Update_Catalog_Pub_CGU_api] = useState(); + const [Add_Update_Catalog_Pub_CGU_message, setAdd_Update_Catalog_Pub_CGU_message] = useState(); + const [Add_Update_Catalog_Pub_CGU_result, setAdd_Update_Catalog_Pub_CGU_result] = useState(); + function Add_Update_Catalog_Pub_CGU() { + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_catalog_pub_config_id); + form.append("cgu_pdf", pdf_cgu_file_pdf); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Add_Update_Catalog_Pub_CGU res.data.status = " + res.data.status); + //console.log(" In Add_Update_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setAdd_Update_Catalog_Pub_CGU_api("true"); + setAdd_Update_Catalog_Pub_CGU_result(res.data.message); + + setcgv_file_name(""); + setpdf_cgu_file_pdf(""); + Get_Partner_Catalog_Pub_Config(); + alert(res.data.message); + + } + else { + setAdd_Update_Catalog_Pub_CGU_api("false"); + setAdd_Update_Catalog_Pub_CGU_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Add_Update_Catalog_Pub_CGU = ' + error); + setAdd_Update_Catalog_Pub_CGU_api("false"); + alert(" Impossible de supprimer le fichier CGV "); + + }) + } + + const [Supprimer_Catalog_Pub_CGU_api, setSupprimer_Catalog_Pub_CGU_api] = useState(); + const [Supprimer_Catalog_Pub_CGU_message, setSupprimer_Catalog_Pub_CGU_message] = useState(); + const [Supprimer_Catalog_Pub_CGU_result, setSupprimer_Catalog_Pub_CGU_result] = useState(); + function Supprimer_Catalog_Pub_CGU() { + var form = new FormData(); + + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("_id", selected_catalog_pub_config_id); + form.append("cgu_pdf", ""); + + //console.log(" form == ", form); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Add_Update_Partner_Catalog_Pub_Config/"; + + setLoading(true); + axios.post(myurl, form).then(res => { + setLoading(false); + //console.log(" In Supprimer_Catalog_Pub_CGU res.data.status = " + res.data.status); + //console.log(" In Supprimer_Catalog_Pub_CGU res.data.message r_class = " + res.data.message); + + if (String(res.data.status) === String("true")) { + setSupprimer_Catalog_Pub_CGU_api("true"); + setSupprimer_Catalog_Pub_CGU_result(res.data.message); + + setcgv_file_name(""); + setpdf_cgu_file_pdf(""); + Get_Partner_Catalog_Pub_Config(); + alert(res.data.message); + + } + else { + setSupprimer_Catalog_Pub_CGU_api("false"); + setSupprimer_Catalog_Pub_CGU_message(res.data.message); + alert(res.data.message); + } + + }).catch((error) => { + setLoading(false); + console.warn('UpdateStagiaireData : Not good man :( Supprimer_Catalog_Pub_CGU = ' + error); + setSupprimer_Catalog_Pub_CGU_api("false"); + alert(" Impossible de supprimer le fichier CGU "); + + }) + } + + + function Display_CGU_File() { + + const downloadLink = document.createElement("a"); + const fileName = "file.pdf"; + downloadLink.href = p_detail_cgu_file_pdf; + downloadLink.download = fileName; + downloadLink.click(); + } + + return (
@@ -4405,6 +4719,240 @@ function UpdateParnterInfo(props) {
+
+
Footer : Les pièces joints
+
+ + +
+ +
+ {p_detail_cgv_file_pdf &&
+ +
+   + + Supprimer + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le fichier sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + +
+ +
} + +
+ + {cgv_file_name && } + + + + + {String(Add_Update_Catalog_Pub_CGV_api) === "true" &&
La mise à jour a été correctement faite
} + {String(Add_Update_Catalog_Pub_CGV_api) === "false" &&
{Add_Update_Catalog_Pub_CGV_message}
} + +
+ + {pdf_cgv_file_pdf &&
+
+   +
+ {
+ +
+ +
+ +
+ + +
+ +
} +
+   +
+ +
} +
+ +
+ {p_detail_cgu_file_pdf &&
+ +
+   + + Supprimer + + } + modal + nested + position="center center" + > + {close => ( +
+ +
MySy Information
+
+ {' '} + + En confirmant cette opération, le fichier sera définitivement supprimé.
+ +
+
+
+ + +
+
+ +
+
+
+ )} +
+ + +
+ +
} + +
+ + {cgu_file_name && } + + + + + {String(Add_Update_Catalog_Pub_CGU_api) === "true" &&
La mise à jour a été correctement faite
} + {String(Add_Update_Catalog_Pub_CGU_api) === "false" &&
{Add_Update_Catalog_Pub_CGU_message}
} + +
+ + {pdf_cgu_file_pdf &&
+
+   +
+ {
+ +
+ +
+ +
+ + +
+ +
} +
+   +
+ +
} +
+ +
+ + +
+ } @@ -5039,6 +5587,8 @@ function UpdateParnterInfo(props) { } + +
Supppression de compte
diff --git a/src/styles/components/_footer_catalog_pub.scss b/src/styles/components/_footer_catalog_pub.scss new file mode 100644 index 0000000..6c60562 --- /dev/null +++ b/src/styles/components/_footer_catalog_pub.scss @@ -0,0 +1,362 @@ +.footer_catalog_pub { + + a { + text-decoration: none; + cursor: pointer; + color: white; + } + + .social-svg-mask { + fill: white !important; + } + + .social-container { + width: 80% !important; + height: 80% !important; + left: 5px !important; + } + + .media_sociaux { + text-align: left !important; + } + + .SocialIcon { + top: 5px !important; + left: 10px !important; + } + + background: rgb(250, 245, 245); + height: 50%; + font-size: 0.8rem !important; + + @media only screen and (max-width: 600px) { + .copyright { + font-size: 0.5rem; + } + + .SocialIcon { + top: 5px !important; + width: 30px !important; + height: 30px !important; + //left: 10px !important; + } + + .Box_div { + padding: 1rem 1rem; + background: #104277; + color: white !important; + bottom: 0; + width: 100%; + min-height: 2rem; + + @media (max-width: 601px) { + padding: 3px 3px; + } + } + + .Container_div { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + /* background: red; */ + } + + .Column_div { + display: flex; + flex-direction: column; + text-align: left; + margin-left: 0.8rem; + } + + .Row_Div { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + grid-gap: 3%; + + @media (max-width: 1000px) { + grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); + } + } + + .FooterLink_a { + color: white; + margin-bottom: 0.2rem; + font-size: 0.6rem; + text-decoration: none; + cursor: pointer; + + &:hover { + color: green; + transition: 200ms ease-in; + } + } + + .Heading_p { + font-size: 0.7rem; + color: #81bc3a; + margin-bottom: 0rem; + font-weight: bold; + } + + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + } + + a:active { + text-decoration: none; + } + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .copyright { + font-size: 0.6rem; + } + + .Box_div { + padding: 1rem 1rem; + background: #104277; + color: white !important; + bottom: 0; + width: 100%; + //min-height: 25rem; + + @media (max-width: 601px) { + padding: 2rem 30px; + } + } + + .Container_div { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + /* background: red; */ + } + + .Column_div { + display: flex; + flex-direction: column; + text-align: left; + margin-left: 20px; + } + + .Row_Div { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); + grid-gap: 15%; + + @media (max-width: 1000px) { + grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); + } + } + + .FooterLink_a { + color: white; + margin-bottom: 0.2rem; + font-size: small; + text-decoration: none; + cursor: pointer; + + &:hover { + color: green; + transition: 200ms ease-in; + } + } + + .Heading_p { + font-size: 0.85rem; + color: #81bc3a; + margin-bottom: 0.5rem; + font-weight: bold; + } + + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + } + + a:active { + text-decoration: none; + } + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .copyright { + font-size: 0.7rem; + } + + .Box_div { + padding: 1rem 1rem; + background: #104277; + color: white !important; + bottom: 0; + width: 100%; + //min-height: 20rem; + + @media (max-width: 601px) { + padding: 2rem 30px; + } + } + + .Container_div { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + /* background: red; */ + } + + .Column_div { + display: flex; + flex-direction: column; + text-align: left; + margin-left: 20px; + } + + .Row_Div { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); + grid-gap: 15%; + + @media (max-width: 1000px) { + grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); + } + } + + .FooterLink_a { + color: white; + margin-bottom: 0.2rem; + font-size: small; + text-decoration: none; + cursor: pointer; + + &:hover { + color: green; + transition: 200ms ease-in; + } + } + + .Heading_p { + font-size: medium; + color: #81bc3a; + margin-bottom: 0.5rem; + font-weight: bold; + } + + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + } + + a:active { + text-decoration: none; + } + } + + @media only screen and (min-width: 1200px) { + .copyright { + font-size: 0.7rem; + } + + .Box_div { + padding: 1rem 1rem; + background: #104277; + color: white !important; + bottom: 0; + width: 100%; + //min-height: 20rem; + + @media (max-width: 601px) { + padding: 2rem 30px; + } + } + + .Container_div { + display: flex; + flex-direction: column; + justify-content: center; + max-width: 1000px; + margin: 0 auto; + /* background: red; */ + } + + .Column_div { + display: flex; + flex-direction: column; + text-align: left; + margin-left: 20px; + } + + .Row_Div { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); + grid-gap: 15%; + + @media (max-width: 1000px) { + grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); + } + } + + .FooterLink_a { + color: white; + margin-bottom: 0.2rem; + font-size: small; + text-decoration: none; + cursor: pointer; + + &:hover { + color: green; + transition: 200ms ease-in; + } + } + + .Heading_p { + font-size: 0.9rem; + color: #81bc3a; + margin-bottom: 0.5rem; + font-weight: bold; + } + + a:link { + text-decoration: none; + } + + a:visited { + text-decoration: none; + } + + a:hover { + text-decoration: none; + } + + a:active { + text-decoration: none; + } + } +} \ No newline at end of file diff --git a/src/styles/components/_updateparnterinfo.scss b/src/styles/components/_updateparnterinfo.scss index 6381c49..2dd97aa 100644 --- a/src/styles/components/_updateparnterinfo.scss +++ b/src/styles/components/_updateparnterinfo.scss @@ -68,7 +68,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor:unset; font-style: italic; background-color: gray; font-weight: normal; @@ -308,7 +308,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor:unset; font-style: italic; background-color: gray; font-weight: normal; @@ -500,7 +500,7 @@ overflow-y: scroll; padding-right: 1rem !important; } - } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { text-align: left; @@ -543,7 +543,7 @@ text-align: center; margin-bottom: 0.8rem; color: white; - cursor: pointer; + cursor:unset; font-style: italic; background-color: gray; font-weight: normal; @@ -778,7 +778,7 @@ font-size: medium; text-align: center; color: white; - cursor: pointer; + cursor:unset; font-style: italic; background-color: gray; font-weight: normal; diff --git a/src/styles/index.scss b/src/styles/index.scss index 763ed46..3e8ca08 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -126,4 +126,5 @@ @import "./components/moduleactivite"; @import "./components/reherche_new_v3"; @import "./components/displaydetailclass_new_v3"; -@import "./components/reherche_new_v4"; \ No newline at end of file +@import "./components/reherche_new_v4"; +@import "./components/footer_catalog_pub"; \ No newline at end of file