diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index c0b19fd..23d8a2c 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -1392,7 +1392,6 @@ const AddParnerClient = (props) => { form.append("email", p_client_email); form.append("nom", p_client_nom); - // Données de facturation var client_invoice_email = "" if (document.getElementsByName("client_invoice_email")) { @@ -1449,12 +1448,13 @@ const AddParnerClient = (props) => { axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { - console.log(" In recordPartnerClient_Invoice_Data res.data.status = " + res.data.status); - console.log(" In recordPartnerClient_Invoice_Data res.data.message = " + res.data.message); + //console.log(" In recordPartnerClient_Invoice_Data res.data.status = " + res.data.status); + //console.log(" In recordPartnerClient_Invoice_Data res.data.message = " + res.data.message); setrecordPartnerClient_Invoice_Data_api("true"); setrecordPartnerClient_Invoice_Data_result(res.data.message); setformedit_mode_invoice("0"); setdatamodification_invoice("0"); + alert(" Les données de facturation ont été mises à jour.") Disable_invoice_fields(); alert(res.data.message); @@ -1557,6 +1557,7 @@ const AddParnerClient = (props) => { if (document.getElementsByName("client_invoice_pays")) { document.getElementsByName("client_invoice_pays")[0].disabled = true; document.getElementsByName("client_invoice_pays")[0].style.backgroundColor = "#ECEFF1"; + console.log("iiiiii"); } } @@ -2173,7 +2174,7 @@ const AddParnerClient = (props) => { {String(props.new_customer) !== "1" &&
- + diff --git a/src/components/DisplayPartnerStagiaires.js b/src/components/DisplayPartnerStagiaires.js new file mode 100644 index 0000000..d59eb83 --- /dev/null +++ b/src/components/DisplayPartnerStagiaires.js @@ -0,0 +1,61 @@ + +import React, { useRef, useState, useEffect } from "react"; +import Box from '@mui/material/Box'; +import TextField from '@mui/material/TextField'; +import MenuItem from '@mui/material/MenuItem'; +import { confirmAlert } from 'react-confirm-alert'; // Import +import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css +import Button from '@mui/material/Button'; +import axios from "axios"; +import DeleteIcon from '@mui/icons-material/Delete'; +import { getCookie, setCookie } from 'react-use-cookie'; +import { Alert } from "@mui/material"; +import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; +import profileimg from "../mysy_img/MYSY-profil-2.png"; +import Abonnement from "./Abonnement"; +import { ConstructionOutlined, PropaneSharp } from "@mui/icons-material"; +import { useHistory } from "react-router-dom"; +import CheckOut from "./CheckOut"; +import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; +import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; +import { RichTextEditor } from '@mantine/rte'; +import { Editor } from '@tinymce/tinymce-react'; +import { IoArrowUndoCircle } from "react-icons/io5"; +import { GrUserAdmin, GrOrderedList } from "react-icons/gr"; +import parse from 'html-react-parser'; +import { FcViewDetails } from "react-icons/fc"; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' +import add_plus from "../mysy_img/plus.png"; +import excel_icone from "../mysy_img/excel_icone.png"; +import participants from "../mysy_img/participants.png"; +import GestionAdministrative from "./GestionAdministrative"; +import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; +import { Fab } from "@material-ui/core"; +import { ConsoleView } from "react-device-detect"; +import fileDownload from 'js-file-download' +import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; +import { AiOutlineUserAdd } from "react-icons/ai"; +import PartnerClientActivite from "./PartnerClient_Activite"; +import { CiCoffeeBean, CiDesktop, CiFileOff } from "react-icons/ci"; +import Popup from 'reactjs-popup'; +import 'reactjs-popup/dist/index.css'; +import { BsEye, BsFileText } from "react-icons/bs"; +import { AiOutlineEdit } from "react-icons/ai"; +import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc"; + +const DisplayPartnerStagiaires = (props) => { + const history = useHistory(); + + + return ( +
+ +

Liste des stagiaires

+ +
+ ); +} + +export default DisplayPartnerStagiaires; + diff --git a/src/components/GestionAdministrative.js b/src/components/GestionAdministrative.js index 9a24326..1681dd8 100644 --- a/src/components/GestionAdministrative.js +++ b/src/components/GestionAdministrative.js @@ -62,7 +62,7 @@ function GestionAdministrative(props) { renderCell: (cellValues) => { return ( - { @@ -2862,9 +2862,8 @@ function GestionAdministrative(props) { const [display_detail_insc, setdisplay_detail_insc] = React.useState(); + function Display_Detail_Inscription(event, cellValues) { - - clearDetailAttendeFields(); setdisplay_detail_insc("1") var montant = String(cellValues.row.amount); @@ -2873,7 +2872,7 @@ function GestionAdministrative(props) { setselectedattendeeemail(email); var prenom = cellValues.row.prenom; GetAttendee_Data(email, mysession); - + getStagiaireImages(internal_url, mysession, email,); } @@ -3225,7 +3224,7 @@ function GestionAdministrative(props) { else { setSendEvaluationEmail_api("false"); setSendEvaluationEmail_message(res.data.message); - alert(" Erreur : "+res.data.message); + alert(" Erreur : " + res.data.message); } }).catch((error) => { @@ -3717,6 +3716,205 @@ function GestionAdministrative(props) { + const [isimgclassSelected, setisimgclassSelected] = useState(false); + const [isimgclassSelected_recid, setisimgclassSelected_recid] = useState(""); + const [isimgclassSelectedfile, setisimgclassSelectedfile] = useState(false); + + + const [userimgclassprofil, setuserimgclassprofil] = useState(); + const [userimgclassprofilchanged, setuserimgclassprofilchanged] = useState(""); + + const imglogoclasschangeHandler = (event) => { + + + let file_size = event.target.files[0].size; + + //or if you like to have name and type + //console.log(event.target.files); + + let file_name = event.target.files[0].name; + let file_type = event.target.files[0].type; + + + + //alert("file_size = "+file_size+" file_type = "+file_type+" a = "+a); + if (file_size > 1000000) { + alert("L'image ne doit pas depasser un 1 Méga octets"); + return; + } + setisimgclassSelected(event.target.files[0]); + setisimgclassSelectedfile(true); + + setuserimgclassprofil(URL.createObjectURL(event.target.files[0])); + setuserimgclassprofilchanged("1"); + + }; + + + const [isimgclassdeleted, setisimgclassdeleted] = useState(""); + const [isimgclassdeleted_message, setisimgclassdeleted_message] = useState(""); + const [isimgclassSaved, setisimgclassSaved] = useState(""); + const [isimgclassSaved_message, setisimgclassSaved_message] = useState(""); + const [userformedited, setuserformedited] = useState(); + + const [getPartnerImages_api, setgetPartnerImages_api] = useState(); + const [getPartnerImages_message, setgetPartnerImages_message] = useState(); + const [getPartnerImages_result, setgetPartnerImages_result] = useState(); + function getStagiaireImages(local_internal_url, local_mysession, local_email) { + var myurl = process.env.REACT_APP_API_URL + "myclass/api/getRecodedStagiaireImage_from_front/"; + + var form = new FormData(); + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("class_internal_url", local_internal_url); + form.append("session_id", local_mysession); + form.append("email", local_email); + + + axios.post(myurl, form).then(res => { + + //console.log(" getStagiaireImages : In test res.data.status = " + res.data.status); + // console.log(" getStagiaireImages: res.data.message.img = " + res.data.message); + + if (String(res.data.status) === "true") { + setgetPartnerImages_api("true"); + + if (JSON.parse(res.data.message).logo_img) { + var partner_logo_img = "data:image/png;base64," + JSON.parse(res.data.message).logo_img; + setisimgclassSelected(partner_logo_img); + setuserimgclassprofil(partner_logo_img); + setisimgclassSelected_recid(JSON.parse(res.data.message).logo_img_recid); + } + + + } + else if (String(res.data.status) === String("Err_Connexion")) { + alert('Erreur: ' + res.data.message); + history.push("/Connexion"); + return; + } + else { + setgetPartnerImages_api("false"); + setgetPartnerImages_message(res.data.message) + + } + }).catch((error) => { + console.warn('getStagiaireImages ee: Not good man :( = ', error); + setgetPartnerImages_api("false"); + setgetPartnerImages_message(" Impossible de recuperer les images/médias du partenaire") + }) + + } + + + function removeRecodedLogoImage() { + if (!isimgclassSelected_recid || String(isimgclassSelected_recid).length < 3) { + alert(" Image incorrecte. Impossible de la supprimer "); + return; + } + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + form.append("image_recid", isimgclassSelected_recid); + + fetch( + process.env.REACT_APP_API_URL + "myclass/api/DeleteImage_Stagiaire_v2/", + { + method: 'POST', + body: form, + } + ).then((response) => response.json()) + .then((result) => { + + console.log(' removeRecodedClassImage : status:', result['status']); + console.log('removeRecodedClassImage : Success:', result['message']); + + + if (String(result['status']) === String("true")) { + setisimgclassSelected(""); + setisimgclassSelected_recid(""); + setisimgclassSelectedfile(""); + setuserimgclassprofil(""); + //getStagiaireImages(); + + } + else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + return; + } + + else { + alert(result['message']); + } + + }) + .catch((error) => { + console.error('Error:', error); + alert(" Impossible de supprimer l'image "); + }); + + } + + const [record_Stagiaire_Image_api, setrecord_Stagiaire_Image_api] = useState(); + const [record_Stagiaire_Image_message, setrecord_Stagiaire_Image_message] = useState(); + const [record_Stagiaire_Image_result, setrecord_Stagiaire_Image_result] = useState(); + function record_Stagiaire_Image(l) { + + const formData = new FormData(); + const url = process.env.REACT_APP_API_URL + "myclass/api/Update_Stagiaire_Image/"; + + const stored_cookie = getCookie('tokenmysypart'); + formData.append("token", stored_cookie); + formData.append("class_internal_url", internal_url); + formData.append("session_id", mysession); + formData.append("email", selectedattendeeemail); + + console.log(" ### userimgclassprofilchanged =", userimgclassprofilchanged) + + + formData.append('file_img', isimgclassSelected); + formData.append('file_img_recid', isimgclassSelected_recid); + + + //console.log(" ### formData = ", formData); + fetch( + url, + { + method: 'POST', + body: formData, + } + ) + .then((response) => response.json()) + .then((result) => { + console.log('Success:', result['message'], "result['status'] = ", result['status']); + + if (String(result['status']) === String("true")) { + setrecord_Stagiaire_Image_api("true"); + setuserimgclassprofilchanged(""); + alert(" L'image à jour a été mise enregistrée "); + + } else if (String(result['status']) === String("Err_Connexion")) { + alert('Erreur: ' + result['message']); + history.push("/Connexion"); + } else { + setrecord_Stagiaire_Image_api("false"); + alert(" Erreur : ", result['message']); + } + + }) + .catch((error) => { + console.error('Error:', error); + setrecord_Stagiaire_Image_api("false"); + alert(" Erreur : Impossible d'enregistrer l'image "); + + }); + + + }; + return (
@@ -5278,7 +5476,7 @@ function GestionAdministrative(props) { } {String(display_detail_insc) === "1" && mysession &&
- + {String(GetAttendee_api) === "true" &&
{String(Resend_LMS_Credentials_api) === "true" &&
@@ -5288,10 +5486,64 @@ function GestionAdministrative(props) { {String(Resend_LMS_Credentials_api) === "false" &&
{Resend_LMS_Credentials_message}
} - -
+
+
+ +
+
+
+ +
+
+
+ {} + + {/*isimgclassSelected && */} + {isimgclassdeleted && String(isimgclassdeleted) === "1" && } + {isimgclassdeleted && String(isimgclassdeleted) === "0" && } + {isimgclassSelected && String(isimgclassSaved) === "0" && } +
+ +
+
+
  • + L'image doit etre carrée. +
  • +
  • + Les formats autorisés sont : ['jpg', 'jpeg', 'png', 'jpe', 'webp'] +
  • +
  • + Les dimensions recommandées: 128pixels X 128pixels -- 144pixels X 144pixels -- 168pixels X 168pixels
    + Les dimensions maximales sont de 256pixels X 256pixels +
  • +
  • + La taille de l'image ne doit pas depasser 1 mega octet +
  • +
    + +
    +
    +
    Nom
    diff --git a/src/components/Partner.js b/src/components/Partner.js index c60f901..c2b122b 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -37,10 +37,12 @@ import { FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder, FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange, FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings, - FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle + FcBusinesswoman, FcServices, FcCollect, FcCandleSticks, FcKindle, + FcFlowChart, FcReading } from "react-icons/fc"; import DisplayPartnerSession from "./DisplayPartnerSession"; +import DisplayPartnerStagiaires from "./DisplayPartnerStagiaires"; //import { FcHome} from "react-icons/fc"; @@ -320,6 +322,12 @@ const Partner = (props) => { setformation_file_name(); } + function DiplayStagiaireList(event) { + setmenu("mes_stagiaires"); + setapiexcelimportmessage(); + setformation_file_name(); + } + @@ -683,8 +691,12 @@ const Partner = (props) => { {String(menu) === "affichage" &&
    MES FORMATIONS
    }
    - {String(menu) !== "affichage" &&
    MES SESSIONS
    } - {String(menu) === "affichage" &&
    MES SESSIONS
    } + {String(menu) !== "mes_sessions" &&
    MES SESSIONS
    } + {String(menu) === "mes_sessions" &&
    MES SESSIONS
    } +
    + + {String(menu) !== "mes_stagiaires" &&
    MES STAGIAIRES
    } + {String(menu) === "mes_stagiaires" &&
    MES STAGIAIRES
    }
    {String(menu) !== "abonnement" &&
    ABONNEMENT
    } @@ -798,9 +810,7 @@ const Partner = (props) => { {String(myApiResponse) === String("true") && menu === "creation" &&
    - {/*String(partnerstatus) === String("1") && -
    Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :) -
    */} +
    {String(apiexcelimportmessage) === String("true") && @@ -954,31 +964,24 @@ const Partner = (props) => { {String(menu) === "facture" &&
    - {/*String(partnerstatus) === String("1") && -
    Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :) -
    */} - -
    } {String(menu) === "pricing" &&
    - {/*String(partnerstatus) === String("1") && -
    Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :) -
    */} - -
    } + {String(menu) === "mes_stagiaires" &&
    + + +
    + } + {String(menu) === "abonnement" &&
    - {/*String(partnerstatus) === String("1") && -
    Finalisez la création de votre compte en ajoutant le moyen de payement de votre choix :) -
    */}
    diff --git a/src/components/Partner_Invoicing_Data.js b/src/components/Partner_Invoicing_Data.js index 019c175..f04f1b7 100644 --- a/src/components/Partner_Invoicing_Data.js +++ b/src/components/Partner_Invoicing_Data.js @@ -101,8 +101,9 @@ function Partner_Invoicing_Data(props) { setRecordData_api("true"); setRecordData_result(result['message']); + + alert("Les données de facturation ont été mises à jour"); desablefield1(); - alert(result['message']) } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); @@ -252,28 +253,28 @@ function Partner_Invoicing_Data(props) { function desablefield1() { setfields1desabled(true); document.getElementsByName("nom")[0].disabled = true; - //document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF"; + document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("telephone")[0].disabled = true; - //document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("email")[0].disabled = true; - // document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("adr_street")[0].disabled = true; - //document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("adr_zip")[0].disabled = true; - //document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("adr_city")[0].disabled = true; - //document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("adr_country")[0].disabled = true; - //document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1"; document.getElementsByName("vat_num")[0].disabled = true; - //document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1"; + document.getElementsByName("vat_num")[0].style.backgroundColor = "#ECEFF1"; } useEffect(() => { diff --git a/src/components/Partner_Securite_Data.js b/src/components/Partner_Securite_Data.js index 6fd51e9..4fe978f 100644 --- a/src/components/Partner_Securite_Data.js +++ b/src/components/Partner_Securite_Data.js @@ -617,7 +617,7 @@ const Partner_Securite_Data = (props) => { return ( -
    +
     
    @@ -923,9 +923,12 @@ const Partner_Securite_Data = (props) => {
  •  
  • +
  • +   +
  • - {mailfieldsdesabled == false &&
    + {mailfieldsdesabled == false &&
    @@ -946,7 +949,7 @@ const Partner_Securite_Data = (props) => {
     
    -
    +
    Clé de rattachement
    {insert_key_updated === false &&
    Erreur mise à jour {setinsert_key_api_message} @@ -1132,7 +1135,7 @@ const Partner_Securite_Data = (props) => {
    -
    +
    {insert_keyfieldsdesabled == false &&
    diff --git a/src/components/UpdatePartnerInfo.js b/src/components/UpdatePartnerInfo.js index 7f01ba9..97de1ce 100644 --- a/src/components/UpdatePartnerInfo.js +++ b/src/components/UpdatePartnerInfo.js @@ -389,6 +389,7 @@ function UpdateParnterInfo() { else { setmycertifvoltaire("0"); } + if (mylocaltraining.isdatadock) { @@ -404,7 +405,7 @@ function UpdateParnterInfo() { else { setmyqualiopi("0"); } - + if (mylocaltraining.link_linkedin) { setp_link_linkedin(mylocaltraining.link_linkedin); @@ -458,6 +459,8 @@ function UpdateParnterInfo() { desablefield1(); + + } } else { @@ -809,6 +812,16 @@ function UpdateParnterInfo() { setdatamodification(); getPartnerImages(); alert(" La mise à jour a été faite "); + + document.getElementsByName("isdatadock")[0].disabled = true; + document.getElementsByName("isdatadock")[0].style.backgroundColor = "#ECEFF1"; + + document.getElementsByName("isqualiopi")[0].disabled = true; + document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#ECEFF1"; + + document.getElementsByName("iscertifvoltaire")[0].disabled = true; + document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#ECEFF1"; + } else if (String(result['status']) === String("Err_Connexion")) { alert('Erreur: ' + result['message']); history.push("/Connexion"); @@ -1572,9 +1585,9 @@ function UpdateParnterInfo() {
    - + - + {/**/}
    {String(submenu).trim() === "submenu_donnee_securite" &&
    @@ -1807,7 +1820,7 @@ function UpdateParnterInfo() { value={p_adr_country} onChange={(e) => setp_adr_country(e.target.value)} /> - +
     
    Votre logo
    @@ -1915,7 +1928,7 @@ function UpdateParnterInfo() { onChange={(e) => setp_num_nda(e.target.value)} /> - {fields1desabled == true && String(mydatadock) !== "1" && + {fields1desabled == true && String(myqualiopi) !== "1" && @@ -1953,7 +1966,7 @@ function UpdateParnterInfo() { value={myqualiopi} onChange={handleChangequaliopi} - variant="standard" + >{qualiopi.map((option) => ( {option.label}  
    @@ -2378,12 +2391,14 @@ function UpdateParnterInfo() {
    } +
    Supppression de compte
    Pour supprimer votre compte, veuillez vous rapprocher de votre contact commercial ou nous écrire à contact@mysy-training.com.
    +
    ); } diff --git a/src/styles/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss index 20f50e2..48ed70c 100644 --- a/src/styles/components/_displaypartnersession.scss +++ b/src/styles/components/_displaypartnersession.scss @@ -27,7 +27,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; - } + } @media screen and (max-width: 600px) { .okUpdateData { @@ -1130,7 +1130,7 @@ } .icon_excel { - width: 5%; + width: 4%; } .bton_envoyer { diff --git a/src/styles/components/_displaypartnerstagiaire.scss b/src/styles/components/_displaypartnerstagiaire.scss new file mode 100644 index 0000000..347f421 --- /dev/null +++ b/src/styles/components/_displaypartnerstagiaire.scss @@ -0,0 +1,1331 @@ +.displaypartnerstagiaire { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .Mui-disabled { + font-size: small !important; + padding: 0px !important; + } + + + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + + @media screen and (max-width: 600px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .div_row_droite { + width: 100%; + border-radius: 10rem !important; + text-align: left; + + margin: 0px !important; + margin-bottom: 0.5rem !important; + margin-top: 0.5rem !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + 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; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 97% !important; + //border: none !important; + margin: 5px !important; + height: 3.5rem !important; + background: white; + } + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 100%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 100%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 100%; + background: #81BC3A; + + } + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 100%; + background-color: white; + color: #104277 !important; + } + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 100%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .hr_break { + border: 2px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 100%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 100% !important; + } + + .div_row_gauche_etendu { + width: 100%; + } + + .icon_excel { + width: 6%; + } + + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 100%; + background: #81BC3A; + margin-top: 1rem; + + } + + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + //width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + 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; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 10.5rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + } + + .training_caract { + width: 48%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 50%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background: #81BC3A; + } + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 80%; + background-color: white; + color: #104277 !important; + } + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(2); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 6%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 30%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 65% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + } + + @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; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + 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; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .css-1x5jdm { + padding: 5px; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + + } + + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #104277 !important; + } + + .css-1x5jdmq { + padding: 6px !important; + } + + .css-qiwgdb { + padding: 6px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 180px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(2); + margin-left: 5rem; + } + + .hr_break { + border: 3px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 40%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 50% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 6%; + } + + } + + @media only screen and (min-width: 1200px) { + .okUpdateData { + font-size: small; + color: green; + font-style: italic; + } + + .koUpdateData { + font-size: small; + color: red; + font-style: italic; + } + + .div_row { + float: left; + //border: 1px solid black; + border-width: 0.01rem; + width: 100%; + //margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + // border:1px solid black; + // border-width:0.01rem; + width: 45%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:1px solid black; + //border-width:0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .titre1_aide_finance { + margin-top: 1rem; + 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; + } + + .pieddepage { + z-index: 50; + width: 100%; + float: left; + margin-top: 12rem; + } + + .div_mobile { + position: absolute; + top: 8rem; + z-index: 1; + width: 100%; + } + + .zone_data { + width: 95%; + margin-left: auto; + margin-right: auto; + } + + .detail_class_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + width: 11rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + .detail_class_submenu:hover:active, + .detail_class_submenu:hover { + background-color: #104277; + color: white; + } + + .detail_class_submenu:focus { + //border: 3px dotted green; + background-color: #104277; + color: white; + } + + .detail_class_submenu_data { + width: 100%; + min-height: 10rem; + background-color: #d8edfc; + padding-left: 5px; + text-align: left; + padding: 0; + border: 0px; + color: #3b3e40; + padding-left: 5px; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + border-radius: 10px; + border: 1px solid; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3.5rem !important; + margin: 5px !important; + //border: none !important; + border-radius: 5px; + background: white; + } + + .training_caract { + width: 30%; + padding: 5px; + float: left; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { + padding: 1px !important; + } + + .selectsession { + width: 90%; + height: 3rem; + font-size: small; + border-radius: 0px !important; + } + + .session_data { + float: left; + width: 100%; + box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5); + border-radius: 10px; + margin-top: 10px; + margin-bottom: 10px; + + + } + + .session_caract { + width: 33%; + padding: 5px; + float: left; + text-align: left; + font-size: small; + } + + .session_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 100% !important; + height: 2rem !important; + margin: 5px !important; + } + + .preview_certif { + display: block; + width: 90%; + height: 200px; + border-radius: 1rem !important; + margin-top: 1rem !important; + } + + .preview_certif:hover { + transform: scale(1.8); + margin-left: 10rem; + } + + + .action_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + height: 2.5rem; + } + + + + .block_en_mass { + width: 50%; + float: left; + margin-bottom: 1rem; + } + + .session_open_close { + cursor: pointer; + text-align: right; + font-size: small; + margin-right: 10px; + } + + .hr_break { + border: 5px solid grey; + } + + .icon_plus { + width: 8%; + } + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 20% !important; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 40% !important; + } + + .div_row_gauche_etendu { + width: 80%; + } + + .icon_excel { + width: 4%; + } + + .bton_envoyer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background: #81BC3A; + } + + + .bton_traiter_en_mass { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 40%; + background: #81BC3A; + margin-left: 5%; + height: 2.5rem; + color: white; + + } + + .bton_fermer { + border-radius: 5px; + font-size: small; + padding: 0.3rem; + width: 60%; + background-color: white; + color: #104277 !important; + } + + + .enable_style { + background-color: #FFFFFF; + } + + // end media + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input:invalid { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; + } + + .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { + border-color: transparent !important; + border-radius: 20px !important; + } + + .bton_emarge { + border-radius: 5rem; + font-size: small; + padding: 0.5rem; + background: rgb(129, 188, 58); + margin-left: 5px; + margin-right: 5px; + } + + .css-1x5jdm { + padding: 5px; + } + + + .css-1x5jdmq { + padding: 6px !important; + height: 3rem ! important; + } + + .css-qiwgdb { + padding: 6px !important; + } + } + + option { + font-weight: normal; + display: block; + white-space-collapse: collapse; + text-wrap: nowrap; + padding: 0px !important; + } + + .mysy_hr_text { + border: none; + border-top: 3px double #333; + color: #333; + overflow: visible; + text-align: center; + height: 5px; + } + + .mysy_hr_text:after { + background: #fff; + content: 'Détails'; + padding: 0 4px; + position: relative; + top: -13px; + } + +} + + +.tox-statusbar { + display: none !important; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input .Mui-disabled { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; +} + +.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + font: inherit; + letter-spacing: inherit; + color: currentColor; + border: 0; + box-sizing: content-box; + background: none; + background-color: rgba(0, 0, 0, 0); + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + height: 3rem !important; + padding: 0 !important; +} + + +.css-1x5jdmq { + height: 3rem !important; +} + +.select_option_css { + border-radius: 0px !important; +} + +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { + height: 3.5rem !important; +} + + + + +.react-datepicker__input-container { + width: 110%; +} \ No newline at end of file diff --git a/src/styles/components/_gestionadministrative.scss b/src/styles/components/_gestionadministrative.scss index a53eaac..41c655f 100644 --- a/src/styles/components/_gestionadministrative.scss +++ b/src/styles/components/_gestionadministrative.scss @@ -311,6 +311,81 @@ margin-top: 1rem; } + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: smaller; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + padding-right: 10px; + } + + .img_class_logo { + display: block; + width: 128px; + height: 128px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 10rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 10rem; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } } @@ -586,6 +661,82 @@ .icon_excel { width: 6%; } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + } @media only screen and (min-width: 992px) and (max-width: 1199px) { @@ -862,6 +1013,82 @@ width: 6%; } + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 168px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + } @media only screen and (min-width: 1200px) { @@ -1193,6 +1420,7 @@ animation-duration: 10ms; height: 3rem !important; padding: 0 !important; + padding-left: 5px !important; } .css-1t10bd6-MuiFormControl-root-MuiTextField-root fieldset { @@ -1249,6 +1477,83 @@ top: -13px; } + // 08/08/23 + + .div_row_gauche_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite_image { + float: left; + //border:0px solid black; + border-width: 0.01rem; + border-radius: 1rem; + text-align: left; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + padding-left: 0.2rem; + } + + .tips_img_class { + font-size: small; + font-style: italic; + margin-left: 1rem !important; + text-align: left; + float: left; + width: 100%; + } + + .img_class_logo { + display: block; + width: 170px; + height: 168px; + border-radius: 10px !important; + border: 1px solid black; + float: left; + } + + .bton_supprime_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + background: white; + color: red; + margin-top: 0.5rem; + width: 15rem; + cursor: pointer; + } + + .bton_supprime_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .bton_image_class { + font-size: small; + text-align: center; + margin-left: 0px; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + padding: 5px; + padding-left: 10px; + padding-right: 10px; + border: 1px solid rgb(194, 186, 186); + border-radius: 10px; + width: 15rem; + } + + .bton_image_class:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + } @@ -1307,13 +1612,13 @@ border-radius: 0px !important; } -.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root{ +.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root { height: 3.5rem !important; } -.react-datepicker__input-container{ +.react-datepicker__input-container { width: 110%; } \ No newline at end of file diff --git a/src/styles/components/_partner_client_activite.scss b/src/styles/components/_partner_client_activite.scss index 6ca0c68..6bf4524 100644 --- a/src/styles/components/_partner_client_activite.scss +++ b/src/styles/components/_partner_client_activite.scss @@ -12,7 +12,7 @@ font-style: italic; } - @media only screen and (max-width: 600px) { + @media only screen and (max-width: 600px) { .div_row { float: left; //border:0px solid black; diff --git a/src/styles/components/_partner_client_securite_data.scss b/src/styles/components/_partner_client_securite_data.scss new file mode 100644 index 0000000..3ae50af --- /dev/null +++ b/src/styles/components/_partner_client_securite_data.scss @@ -0,0 +1,152 @@ +.partner_client_securite_data { + + @media only screen and (max-width: 600px) { + + .btn_modif { + width: 100%; + background-color: #212121 !important; + } + + .btn_enreg { + width: 100%; + background-color: green !important; + } + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + border-radius: 1rem; + text-align: right; + } + + .block_cle_rattachement { + width: 100%; + float: left; + } + + } + + + @media only screen and (min-width: 601px) and (max-width: 991px) { + + .btn_modif { + width: 7rem; + background-color: #212121 !important; + } + + .btn_enreg { + width: 7rem; + background-color: green !important; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .block_cle_rattachement { + width: 100%; + float: left; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + + .btn_modif { + width: 10rem; + background-color: #212121 !important; + } + + .btn_enreg { + width: 10rem; + background-color: green !important; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 1rem; + text-align: left; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 1rem; + text-align: right; + } + + .block_cle_rattachement { + width: 48%; + float: left; + } + + } + + @media only screen and (min-width: 1200px) { + + .btn_modif { + width: 15rem; + background-color: #212121 !important; + } + + .btn_enreg { + width: 15rem; + background-color: green !important; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 45%; + border-radius: 1rem; + //border-right: solid; + border-radius: 0%; + text-align: left; + } + + .div_row_droite { + float: right; + border-width: 0.01rem; + width: 45%; + text-align: right; + } + + .block_cle_rattachement { + width: 45%; + float: left; + } + + } + + // end media +} \ No newline at end of file diff --git a/src/styles/components/_updateparnterinfo.scss b/src/styles/components/_updateparnterinfo.scss index e16c866..2e4945f 100644 --- a/src/styles/components/_updateparnterinfo.scss +++ b/src/styles/components/_updateparnterinfo.scss @@ -6,9 +6,23 @@ font-size: small !important; } + .css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root{ + padding-right: 0.2rem !important; + height: 3rem !important; + margin-bottom: 1rem; + } + + .css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input{ + height: 2.5rem !important; + } + + .text_pwd_crit{ + font-size: small; + } + .texte_area { float: left; - width: 90% !important; + width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; @@ -16,7 +30,7 @@ .texte_area_adress { float: left; - width: 90% !important; + width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; @@ -24,7 +38,7 @@ .texte_area_passwd { float: left; - width: 90% !important; + width: 100% !important; font-size: x-small !important; font-family: "verdana", "Quicksand", "Signika", sans-serif; margin: 0.4rem !important; @@ -203,11 +217,50 @@ .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } + + // added on 03/08/23 + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 10rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + width: 100%; + } + + + .detail_submenu:hover, + .detail_submenu:focus, + .detail_submenu:active, + .detail_submenu:checked { + background-color: #104277; + color: white; + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } } @media only screen and (min-width: 601px) and (max-width: 991px) { text-align: left; + .text_pwd_crit{ + font-size: small; + } + .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } @@ -399,11 +452,49 @@ .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } + + // added on 03/08/23 + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 10rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + + .detail_submenu:hover, + .detail_submenu:focus, + .detail_submenu:active, + .detail_submenu:checked { + background-color: #104277; + color: white; + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } } @media only screen and (min-width: 992px) and (max-width: 1199px) { text-align: left; + .text_pwd_crit{ + font-size: small; + } + .css-1x51dt5-MuiInputBase-input-MuiInput-input { font-size: small !important; } @@ -594,6 +685,40 @@ .bton_image_class:hover { box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); } + + // added on 03/08/23 + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 10rem; + text-align: center; + border: 1px solid #9cf; + color: #3b3e40; + font-family: "verdana", "Quicksand", "Signika", sans-serif; + font-size: small; + letter-spacing: 0.1rem; + font-weight: normal; + } + + + .detail_submenu:hover, + .detail_submenu:focus, + .detail_submenu:active, + .detail_submenu:checked { + background-color: #104277; + color: white; + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } } @media only screen and (min-width: 1200px) { diff --git a/src/styles/index.scss b/src/styles/index.scss index 6d604bc..ee6668a 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -70,6 +70,7 @@ @import "./components/partner_client_activite"; @import "./components/partnerinvoicingdata"; @import "./components/displaypartnersession"; +@import "./components/partner_client_securite_data";