diff --git a/src/components/Abonnement.js b/src/components/Abonnement.js index 65b57be..53d639a 100644 --- a/src/components/Abonnement.js +++ b/src/components/Abonnement.js @@ -25,7 +25,7 @@ import PaymentMethod from "./PaymentMethode"; import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import fileDownload from 'js-file-download' import PayementComponent_Carte from "./PaymentMethode_Carte" - +import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; function Abonnement(props) { @@ -573,14 +573,14 @@ function Abonnement(props) {
Votre plan actuel
Vous êtes actuellement sur un plan : {String(currentpack2).toUpperCase()}
 
-
Mode de Paiement
+
Mode de Paiement
{paymentmode && Object.keys(paymentmode).length > 0 && paymentmode.map((payment) => ( @@ -1257,8 +1263,8 @@ function CheckOut(props) {
Carte Bancaire
-   - +   +
:not(style)': { m: 1 }, width: '100%', }}> @@ -1569,7 +1575,7 @@ function CheckOut(props) {
- + {(String(okcommande) !== String("ko") || (String(props.packs).toLowerCase() === String("decouverte"))) && } diff --git a/src/components/DisplayPartnerTrainingsPagination.js b/src/components/DisplayPartnerTrainingsPagination.js index d1cdd59..2586dd4 100644 --- a/src/components/DisplayPartnerTrainingsPagination.js +++ b/src/components/DisplayPartnerTrainingsPagination.js @@ -10,8 +10,9 @@ import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; import Footer from "./Fotter"; import tick_ko from "../mysy_img/tick_KO.png"; -import { AiFillCloseCircle } from "react-icons/ai"; +import { AiFillCloseCircle, } from "react-icons/ai"; import parse from 'html-react-parser' +import { BsEye, BsFileText } from "react-icons/bs"; const DistplayPartnerTraningsPage = (props) => { @@ -150,6 +151,42 @@ const DistplayPartnerTraningsPage = (props) => { { field: 'description', headerName: 'Description', width: 150, flex: 1 }, { field: 'price', headerName: 'Prix', width: 100, align: "center", flex: 1 }, { field: 'published', headerName: 'Publié', width: 100, align: "center", flex: 1 }, + { + field: "management", headerName: 'Gestion', + renderCell: (cellValues) => { + return ( + + + + ); + } + }, + { + field: "visual", headerName: 'Visualiser', + renderCell: (cellValues) => { + return ( + + + + ); + } + }, { field: "Print", headerName: 'Editer', renderCell: (cellValues) => { @@ -167,11 +204,27 @@ const DistplayPartnerTraningsPage = (props) => { ); } - } + }, ] + function Visualiser(event, cellValues) { + window.open( + "/Display-Detail-formation/" + cellValues.row.internal_url , + '_blank' + ); + } + + + function handleClickManagement(event, cellValues){ + window.open( + "/GestionAdministrative/" + cellValues.row.internal_url , + '_blank' + ); + } + + function Edittraining(event, cellValues) { setreftrainingtoupdate(cellValues.row.internal_url); diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index c5c9da6..6d7752c 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -407,7 +407,7 @@ function GestionAdministrative(props) { var montant = String(cellValues.row.amount); if (parseFloat(montant).toFixed(2) <= 0) { - alert(" le montant de la formation est incorrect"); + alert(" Le montant de la formation est incorrect"); return; } @@ -1079,6 +1079,7 @@ function GestionAdministrative(props) { function annuleSessionUpdate() { GetCurrentSession(mysession); setsessionChanged(false); + desableSessionFields(); } const [SessionstartDate, setSessionstartDate] = useState(); const filterPassedTime_start = (time) => { @@ -1333,6 +1334,25 @@ function GestionAdministrative(props) { }); } + + function PrintSesssionDetail() { + + var filedetail = "detail_session.xlsx" + //form.append("token","K3cw63eKokKSbV4spjQ48SUNnfy80yrXfA"); + const stored_cookie = getCookie('tokenmysypart'); + + + var url = process.env.REACT_APP_API_URL + "myclass/api/DownloadParticipantsList/" + stored_cookie + "/" + mysession; + + + + axios.get(url, { responseType: 'blob', },) + .then((res) => { + fileDownload(res.data, filedetail) + }) + } + + function ConfirmEnvoiListEmargement() { confirmAlert({ message: "Confirmez l'envoi des demandes d'emargement aux participants", @@ -1603,6 +1623,13 @@ function GestionAdministrative(props) {
+ +
+ + +
+ + } @@ -1754,18 +1781,18 @@ function GestionAdministrative(props) {
- {sessionChanged && - }
- {!sessionChanged && - } - {sessionChanged && - } diff --git a/src/components/Header.js b/src/components/Header.js index 787769d..ce63a73 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -219,6 +219,10 @@ const Header = () => { history.push("/Partner", {mysy_arg:'partner'}); } + const handleBlogMenu = (event) => { + + history.push("/Recherche-Article-formation") + }; return (
@@ -354,6 +358,11 @@ const Header = () => { Nos Services
+
+ Le blog +
+ +
publier mes formations diff --git a/src/components/Inscription_Information.js b/src/components/Inscription_Information.js index de131fc..992b4d2 100644 --- a/src/components/Inscription_Information.js +++ b/src/components/Inscription_Information.js @@ -803,7 +803,7 @@ function Inscription_Information(props) { 'searchreplace visualblocks code fullscreen', 'insertdatetime media table paste code help wordcount' ], - //toolbar: false, + toolbar: false, content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }' }} /> @@ -818,8 +818,6 @@ function Inscription_Information(props) { onClick={SendInformationRequest} startIcon={}>Envoyer     {} - -
{/*
diff --git a/src/components/PaymentMethode.js b/src/components/PaymentMethode.js index a02085b..67cdc75 100644 --- a/src/components/PaymentMethode.js +++ b/src/components/PaymentMethode.js @@ -15,6 +15,7 @@ import FormControl from '@mui/material/FormControl'; import InputLabel from '@mui/material/InputLabel'; import OutlinedInput from '@mui/material/OutlinedInput'; import moment from 'moment' +import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; function PaymentMethode(props) { @@ -265,8 +266,8 @@ function PaymentMethode(props) {
Carte Bancaire
-   - +   +
:not(style)': { m: 1 }, width: '100%', }}> diff --git a/src/components/PaymentMethode_Carte.js b/src/components/PaymentMethode_Carte.js index fad5301..37a17e4 100644 --- a/src/components/PaymentMethode_Carte.js +++ b/src/components/PaymentMethode_Carte.js @@ -1,7 +1,8 @@ import React, { useState, useEffect } from "react"; import Button from '@mui/material/Button'; -import img_visa_mastercard from "./../mysy_img/visa_mastercard.png" -import img_paypal from "./../mysy_img/paypal.png" +import img_visa_mastercard from "./../mysy_img/visa_mastercard.png"; +import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; +import img_paypal from "./../mysy_img/paypal.png"; import axios from "axios"; import Box from '@mui/material/Box'; import TextField from '@mui/material/TextField'; @@ -253,8 +254,8 @@ function PaymentMethodeNoConnect(props) {
-   - +   +
:not(style)': { m: 1 }, width: '100%', }}> diff --git a/src/components/PaymentMethode_WO_connect.js b/src/components/PaymentMethode_WO_connect.js index abe124f..76e4d96 100644 --- a/src/components/PaymentMethode_WO_connect.js +++ b/src/components/PaymentMethode_WO_connect.js @@ -1,6 +1,7 @@ import React, { useState, useEffect } from "react"; import Button from '@mui/material/Button'; import img_visa_mastercard from "./../mysy_img/visa_mastercard.png" +import img_logo_stripe from "./../mysy_img/logo-stripe-secure.png"; import img_paypal from "./../mysy_img/paypal.png" import axios from "axios"; import Box from '@mui/material/Box'; @@ -235,8 +236,8 @@ function PaymentMethodeNoConnect(props) {
Carte Bancaire
-   - +   +
:not(style)': { m: 1 }, width: '100%', }}> diff --git a/src/components/RechercheArticles.js b/src/components/RechercheArticles.js index 4966efa..f91d1e3 100644 --- a/src/components/RechercheArticles.js +++ b/src/components/RechercheArticles.js @@ -421,6 +421,9 @@ const RechercheArticles = (props) => { history.push("/Partner", {mysy_arg:'partner'}); } + const handleFtionMenu = (event) => { + history.push("/") + }; return (
@@ -509,6 +512,12 @@ const RechercheArticles = (props) => {
Nos Services
+ +
+ Les formations +
+ +
publier mes formations diff --git a/src/components/Recherche_new.js b/src/components/Recherche_new.js index e841159..92c524d 100644 --- a/src/components/Recherche_new.js +++ b/src/components/Recherche_new.js @@ -1550,11 +1550,18 @@ const Recherche_new = () => { }; + + const handleClose_Account = () => { //alert(" my account"); setAccountMenu(null); }; + const handleBlogMenu = (event) => { + setproduitMenu(event.currentTarget); + history.push("/Recherche-Article-formation") + }; + const handleAccountConnexion = () => { setAccountMenu(null); history.push("/Connexion") @@ -2201,6 +2208,10 @@ const Recherche_new = () => { Nos Services
+
+ Le blog +
+
publier mes formations diff --git a/src/mysy_img/logo-stripe-secure.png b/src/mysy_img/logo-stripe-secure.png new file mode 100644 index 0000000..2144e0f Binary files /dev/null and b/src/mysy_img/logo-stripe-secure.png differ diff --git a/src/styles/components/_abonnement.scss b/src/styles/components/_abonnement.scss index c8837e8..fc95bee 100644 --- a/src/styles/components/_abonnement.scss +++ b/src/styles/components/_abonnement.scss @@ -1,668 +1,676 @@ .abonnement { - .h1_transparent { - color: transparent; - font-size: 0.1rem; - } - + .h1_transparent { + color: transparent; + font-size: 0.1rem; + } + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .warninigUpdateData { + font-size: small; + color: #F5BB04; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + + @media only screen and (max-width: 600px) { + /*style smartphones et petites tablettes en portrait*/ + .okUpdateData { font-size: small; color: green; font-style: italic; } - .warninigUpdateData { - font-size: small; - color: #F5BB04; - font-style: italic; - } - .koUpdateData { font-size: small; color: red; font-style: italic; } - - @media only screen and (max-width: 600px) { - /*style smartphones et petites tablettes en portrait*/ - - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .facture_menu { - width: 10rem; - text-align: left; - padding: 0; - border: 0px; - } - - .facture_menu:hover:active, - .facture_menu:hover { - background-color: #e7f3fb; - } - .facture_menu:focus { - //border: 3px dotted green; - background-color: #e7f3fb; - } - - .div_info_facturation { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_plan_actuel { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_pack { - width: 100%; - border: 1px solid black; - } - - .texte_area { - width: 47% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin: 0rem !important; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .texte_area_adress { - width: 94% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .titre1 { - font-family: "Quicksand", "Signika", sans-serif; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .div_row { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - } - - .div_row_gauche { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 95%; - border-radius: 0px; - margin-bottom: 1rem; - } - - .div_row_droite { - float: right; - //border:0px solid black; - border-width: 0.01rem; - width: 95%; - padding-left: 2%; - border-radius: 0px; - } - - .div_row22 { - text-align: center; - border-width: 0.01rem; - margin-bottom: 0.1rem; - margin-top: 0.3rem; - border-radius: 1rem; - font-size: small; - } - - .btn_modif { - width: 10rem; - background-color: #212121 !important; - color: white; - } - - .btn_enreg { - width: 10rem; - background-color: green !important; - color: white; - } - - .accountsatatus { - font-size: small; - color: black; - font-style: italic; - background-color: #FFA07A; - margin-bottom: 0.5rem; - text-align: center; - } - - .css-1ptx2yq-MuiInputBase-root-MuiInput-root{ - font-size: small; - } - - .list_produits_service{ - font-size: small; - } - - - .btn_retour_ps { - background-color: rgb(228, 236, 228) !important; - padding-left: 5px; - padding-right: 5px; - } - + .facture_menu { + width: 10rem; + text-align: left; + padding: 0; + border: 0px; } - - @media only screen and (min-width: 601px) and (max-width: 991px) { - /*style petites-moyennes tablettes */ - - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .facture_menu { - width: 8rem; - text-align: left; - padding: 0; - border: 0px; - } - - .facture_menu:hover:active, - .facture_menu:hover { - background-color: #e7f3fb; - } - .facture_menu:focus { - //border: 3px dotted green; - background-color: #e7f3fb; - } - - .div_info_facturation { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_plan_actuel { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_pack { - width: 100%; - border: 1px solid black; - } - - .texte_area { - width: 47% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin: 0rem !important; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .texte_area_adress { - width: 94% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .titre1 { - font-family: "Quicksand", "Signika", sans-serif; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .div_row { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - } - - .div_row_gauche { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 45%; - border-radius: 0px; - } - - .div_row_droite { - border-left: 1rem solid; - float: right; - //border:0px solid black; - border-width: 0.01rem; - width: 55%; - padding-left: 2%; - border-radius: 0px; - } - - .div_row22 { - text-align: center; - border-width: 0.01rem; - margin-bottom: 0.1rem; - margin-top: 0.3rem; - border-radius: 1rem; - font-size: small; - } - - .btn_modif { - width: 10rem; - background-color: #212121 !important; - color: white; - } - - .btn_enreg { - width: 10rem; - background-color: green !important; - color: white; - } - - .accountsatatus { - font-size: small; - color: black; - font-style: italic; - background-color: #FFA07A; - margin-bottom: 0.5rem; - text-align: center; - } - - .css-1ptx2yq-MuiInputBase-root-MuiInput-root{ - font-size: small; - } - - .list_produits_service{ - font-size: small; - } - - .btn_retour_ps { - background-color: rgb(228, 236, 228) !important; - padding-left: 5px; - padding-right: 5px; - } + .facture_menu:hover:active, + .facture_menu:hover { + background-color: #e7f3fb; } - - @media only screen and (min-width: 992px) and (max-width: 1199px) { - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .facture_menu { - width: 10rem; - text-align: left; - padding: 0; - border: 0px; - } - - .facture_menu:hover:active, - .facture_menu:hover { - background-color: #e7f3fb; - } - .facture_menu:focus { - //border: 3px dotted green; - background-color: #e7f3fb; - } - - .div_info_facturation { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_plan_actuel { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_pack { - width: 100%; - border: 1px solid black; - } - - .texte_area { - width: 47% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin: 0rem !important; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .texte_area_adress { - width: 94% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .titre1 { - font-family: "Quicksand", "Signika", sans-serif; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .div_row { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - } - - .div_row_gauche { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 45%; - border-radius: 0px; - } - - .div_row_droite { - border-left: 1rem solid; - float: right; - //border:0px solid black; - border-width: 0.01rem; - width: 55%; - padding-left: 2%; - border-radius: 0px; - } - - .div_row22 { - text-align: center; - border-width: 0.01rem; - margin-bottom: 0.1rem; - margin-top: 0.3rem; - border-radius: 1rem; - font-size: small; - } - - .btn_modif { - width: 10rem; - background-color: #212121 !important; - color: white; - } - - .btn_enreg { - width: 10rem; - background-color: green !important; - color: white; - } - - .accountsatatus { - font-size: small; - color: black; - font-style: italic; - background-color: #FFA07A; - margin-bottom: 0.5rem; - text-align: center; - } - - .css-1ptx2yq-MuiInputBase-root-MuiInput-root{ - font-size: small; - } - - .list_produits_service{ - font-size: small; - } - - - .btn_retour_ps { - background-color: rgb(228, 236, 228) !important; - padding-left: 5px; - padding-right: 5px; - } + .facture_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; } - - @media only screen and (min-width: 1200px) { - /*style grande tablettes & Pc portable */ - - .okUpdateData { - font-size: small; - color: green; - font-style: italic; - } - - .koUpdateData { - font-size: small; - color: red; - font-style: italic; - } - - .facture_menu { - width: 10rem; - text-align: left; - padding: 0; - border: 0px; - } - - .facture_menu:hover:active, - .facture_menu:hover { - background-color: #e7f3fb; - } - .facture_menu:focus { - //border: 3px dotted green; - background-color: #e7f3fb; - } - - .div_info_facturation { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_plan_actuel { - float: left; - width: 50%; - border: 1px solid black; - margin-bottom: 1rem; - } - - .div_info_pack { - width: 100%; - border: 1px solid black; - } - - .texte_area { - width: 47% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin: 0rem !important; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .texte_area_adress { - width: 94% !important; - font-size: x-small !important; - font-family: "verdana", "Quicksand", "Signika", sans-serif; - margin-right: 0.4rem !important; - margin-top: 0.4rem !important; - background-color: "#ECEFF1"; - background: "#ECEFF1"; - color: black; - } - - .titre1 { - font-family: "Quicksand", "Signika", sans-serif; - font-size: medium; - text-align: center; - margin-bottom: 0.8rem; - color: white; - cursor: pointer; - font-style: italic; - background-color: gray; - font-weight: normal; - } - - .div_row { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 100%; - margin-bottom: 1rem; - } - - .div_row_gauche { - float: left; - //border:0px solid black; - border-width: 0.01rem; - width: 45%; - border-radius: 0px; - } - - .div_row_droite { - border-left: 1rem solid; - float: right; - //border:0px solid black; - border-width: 0.01rem; - width: 55%; - padding-left: 2%; - border-radius: 0px; - } - - .div_row22 { - text-align: center; - border-width: 0.01rem; - margin-bottom: 0.1rem; - margin-top: 0.3rem; - border-radius: 1rem; - font-size: small; - } - - .btn_modif { - width: 10rem; - background-color: #212121 !important; - color: white; - } - - .btn_enreg { - width: 10rem; - background-color: green !important; - color: white; - } - - .div_row_central { - border: 0px; - border-width: 0.01rem; - - margin-bottom: 3rem; - margin-left: auto; - margin-right: auto; - text-align: center; - } - - .accountsatatus { - font-size: small; - color: black; - font-style: italic; - background-color: #FFA07A; - margin-bottom: 0.5rem; - text-align: center; - } - - .css-1ptx2yq-MuiInputBase-root-MuiInput-root{ - font-size: small; - } - - .list_produits_service{ - font-size: small; - } - - .btn_retour_ps { - background-color: rgb(228, 236, 228) !important; - padding-left: 5px; - padding-right: 5px; - } - - + .div_info_facturation { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_plan_actuel { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_pack { + width: 100%; + border: 1px solid black; + } + + .texte_area { + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .texte_area_adress { + width: 94% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 95%; + border-radius: 0px; + margin-bottom: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 95%; + padding-left: 2%; + border-radius: 0px; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.3rem; + border-radius: 1rem; + font-size: small; + } + + .btn_modif { + width: 10rem; + background-color: #212121 !important; + color: white; + } + + .btn_enreg { + width: 10rem; + background-color: green !important; + color: white; + } + + .accountsatatus { + font-size: small; + color: black; + font-style: italic; + background-color: #FFA07A; + margin-bottom: 0.5rem; + text-align: center; + } + + .css-1ptx2yq-MuiInputBase-root-MuiInput-root { + font-size: small; + } + + .list_produits_service { + font-size: small; + } + + + .btn_retour_ps { + background-color: rgb(228, 236, 228) !important; + padding-left: 5px; + padding-right: 5px; + } + + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + /*style petites-moyennes tablettes */ + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .facture_menu { + width: 8rem; + text-align: left; + padding: 0; + border: 0px; + } + + .facture_menu:hover:active, + .facture_menu:hover { + background-color: #e7f3fb; + } + + .facture_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_info_facturation { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_plan_actuel { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_pack { + width: 100%; + border: 1px solid black; + } + + .texte_area { + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .texte_area_adress { + width: 94% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 0px; + } + + .div_row_droite { + border-left: 1rem solid; + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 55%; + padding-left: 2%; + border-radius: 0px; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.3rem; + border-radius: 1rem; + font-size: small; + } + + .btn_modif { + width: 10rem; + background-color: #212121 !important; + color: white; + } + + .btn_enreg { + width: 10rem; + background-color: green !important; + color: white; + } + + .accountsatatus { + font-size: small; + color: black; + font-style: italic; + background-color: #FFA07A; + margin-bottom: 0.5rem; + text-align: center; + } + + .css-1ptx2yq-MuiInputBase-root-MuiInput-root { + font-size: small; + } + + .list_produits_service { + font-size: small; + } + + .btn_retour_ps { + background-color: rgb(228, 236, 228) !important; + padding-left: 5px; + padding-right: 5px; } } - \ No newline at end of file + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .facture_menu { + width: 10rem; + text-align: left; + padding: 0; + border: 0px; + } + + .facture_menu:hover:active, + .facture_menu:hover { + background-color: #e7f3fb; + } + + .facture_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_info_facturation { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_plan_actuel { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_pack { + width: 100%; + border: 1px solid black; + } + + .texte_area { + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .texte_area_adress { + width: 94% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 0px; + } + + .div_row_droite { + border-left: 1rem solid; + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 55%; + padding-left: 2%; + border-radius: 0px; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.3rem; + border-radius: 1rem; + font-size: small; + } + + .btn_modif { + width: 10rem; + background-color: #212121 !important; + color: white; + } + + .btn_enreg { + width: 10rem; + background-color: green !important; + color: white; + } + + .accountsatatus { + font-size: small; + color: black; + font-style: italic; + background-color: #FFA07A; + margin-bottom: 0.5rem; + text-align: center; + } + + .css-1ptx2yq-MuiInputBase-root-MuiInput-root { + font-size: small; + } + + .list_produits_service { + font-size: small; + } + + + .btn_retour_ps { + background-color: rgb(228, 236, 228) !important; + padding-left: 5px; + padding-right: 5px; + } + } + + @media only screen and (min-width: 1200px) { + /*style grande tablettes & Pc portable */ + + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .facture_menu { + width: 10rem; + text-align: left; + padding: 0; + border: 0px; + } + + .facture_menu:hover:active, + .facture_menu:hover { + background-color: #e7f3fb; + } + + .facture_menu:focus { + //border: 3px dotted green; + background-color: #e7f3fb; + } + + .div_info_facturation { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_plan_actuel { + float: left; + width: 50%; + border: 1px solid black; + margin-bottom: 1rem; + } + + .div_info_pack { + width: 100%; + border: 1px solid black; + } + + .texte_area { + width: 47% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin: 0rem !important; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .texte_area_adress { + width: 94% !important; + font-size: x-small !important; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + margin-right: 0.4rem !important; + margin-top: 0.4rem !important; + background-color: "#ECEFF1"; + background: "#ECEFF1"; + color: black; + } + + .titre1 { + font-family: "Quicksand", "Signika", sans-serif; + font-size: medium; + text-align: center; + margin-bottom: 0.8rem; + color: white; + cursor: pointer; + font-style: italic; + background-color: gray; + font-weight: normal; + } + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 0px; + } + + .div_row_droite { + border-left: 1rem solid; + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 55%; + padding-left: 2%; + border-radius: 0px; + } + + .div_row22 { + text-align: center; + border-width: 0.01rem; + margin-bottom: 0.1rem; + margin-top: 0.3rem; + border-radius: 1rem; + font-size: small; + } + + .btn_modif { + width: 10rem; + background-color: #212121 !important; + color: white; + } + + .btn_enreg { + width: 10rem; + background-color: green !important; + color: white; + } + + .div_row_central { + border: 0px; + border-width: 0.01rem; + + margin-bottom: 3rem; + margin-left: auto; + margin-right: auto; + text-align: center; + } + + .accountsatatus { + font-size: small; + color: black; + font-style: italic; + background-color: #FFA07A; + margin-bottom: 0.5rem; + text-align: center; + } + + .css-1ptx2yq-MuiInputBase-root-MuiInput-root { + font-size: small; + } + + .list_produits_service { + font-size: small; + } + + .btn_retour_ps { + background-color: rgb(228, 236, 228) !important; + padding-left: 5px; + padding-right: 5px; + } + + + + } + + .img_payment { + max-width: 30%; + } +} \ No newline at end of file diff --git a/src/styles/components/_checkout.scss b/src/styles/components/_checkout.scss index b7d9a10..58ea2f0 100644 --- a/src/styles/components/_checkout.scss +++ b/src/styles/components/_checkout.scss @@ -628,14 +628,17 @@ scroll-behavior: smooth; } - .img_payment{ - max-width: 30%; - margin-bottom: 5rem; - } + } + + } +.img_payment_checkout{ + max-width: 25%; + margin-top: 1rem; +} .Mui-disabled{ font-size: small !important; diff --git a/src/styles/components/_displaydetailarticle.scss b/src/styles/components/_displaydetailarticle.scss index 50a88c8..6128bfc 100644 --- a/src/styles/components/_displaydetailarticle.scss +++ b/src/styles/components/_displaydetailarticle.scss @@ -111,7 +111,6 @@ width: 100%; text-align: left; margin: auto; - padding: 0.8rem; font-family: "verdana", "Quicksand", "Signika", "sans-serif"; font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); @@ -295,7 +294,7 @@ //border:1px solid black; //border-width: 0.01rem; //background-color: #e6ebe2; - top: 4rem; + top: 5rem; z-index: 1; width: 98%; diff --git a/src/styles/components/_displaydetailclass_new.scss b/src/styles/components/_displaydetailclass_new.scss index 5e8e932..12e1f4d 100644 --- a/src/styles/components/_displaydetailclass_new.scss +++ b/src/styles/components/_displaydetailclass_new.scss @@ -52,6 +52,11 @@ } @media only screen and (max-width: 600px) { + + .css-iljtu2-MuiRating-root { + font-size: 1rem !important; + } + .left_box { display: none; } @@ -196,7 +201,7 @@ } .div_row_critere_gauche { - width: 55%; + width: 56%; float: left; text-align: right; font-weight: bold; @@ -824,7 +829,7 @@ border-radius: 5px; background: #113459; color: #fff; - + } .autres_formations { @@ -1471,7 +1476,7 @@ z-index: 10000; } - .bton_recontact{ + .bton_recontact { color: white; text-align: right; padding-right: 2rem; @@ -1490,7 +1495,7 @@ z-index: 10000; } - + .row_inscription { color: white; text-align: right; diff --git a/src/styles/components/_gestionadministrative.scss b/src/styles/components/_gestionadministrative.scss index 2e8467e..535fb58 100644 --- a/src/styles/components/_gestionadministrative.scss +++ b/src/styles/components/_gestionadministrative.scss @@ -827,7 +827,7 @@ } .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { - border-color: white !important; + border-color: transparent !important; border-radius: 20px !important; }