diff --git a/src/components/AddPartnerClient.js b/src/components/AddPartnerClient.js index 5fe1280..c0b19fd 100644 --- a/src/components/AddPartnerClient.js +++ b/src/components/AddPartnerClient.js @@ -226,6 +226,7 @@ const AddParnerClient = (props) => { } async function submenu_activite() { + setsubmenu("submenu_activite"); /* Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance. @@ -1835,22 +1836,22 @@ const AddParnerClient = (props) => { const [Display_Part_Client_Contact_api, setDisplay_Part_Client_Contact_api] = useState(""); const [Display_Part_Client_Contact_result, setDisplay_Part_Client_Contact_result] = useState(""); const [Display_Part_Client_Contact_message, setDisplay_Part_Client_Contact_message] = useState(""); - function Display_Part_Client_Contact(event) { + function Display_Part_Client_Contact(event) { + - var form = new FormData(); + var contactmail = event.currentTarget.getAttribute('contactmail'); + const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); - form.append("email", event.target.id); + form.append("email", contactmail); // Recupeation des données à enregister form.append("related_collection", "partner_client"); form.append("related_collection_owner_email", p_client_email); - console.log(" ### email = ", event.target.id) - - console.log(" ### target = ", event.target) + console.log(" ### contactmail = ", contactmail); var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Contact/"; @@ -2528,7 +2529,7 @@ const AddParnerClient = (props) => { {String(submenu).trim() === "submenu_contact" &&
- {String(addcontact) !== "1" &&
+ {String(addcontact) !== "1" &&
Ajouter un contact
@@ -2536,11 +2537,11 @@ const AddParnerClient = (props) => { {Get_List_Contact_Of_client_Part_result && String(Get_List_Contact_Of_client_Part_api) === "true" && Get_List_Contact_Of_client_Part_result.map((client) => ( -
- {(JSON.parse(client).nom || JSON.parse(client).prenom) && } - {JSON.parse(client).fonction && } - {JSON.parse(client).email && } - {JSON.parse(client).telephone && } +
+ {(JSON.parse(client).nom || JSON.parse(client).prenom) && } + {JSON.parse(client).fonction && } + {JSON.parse(client).email && } + {JSON.parse(client).telephone && }
diff --git a/src/components/DisplayPartnerSession.js b/src/components/DisplayPartnerSession.js new file mode 100644 index 0000000..548b2f0 --- /dev/null +++ b/src/components/DisplayPartnerSession.js @@ -0,0 +1,387 @@ +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 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + +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 DisplayPartnerSession = (props) => { + const history = useHistory(); + const [submenu, setsubmenu] = useState(""); + const [rowss, setRows] = useState([]); + const [actionmass_preinsc_val, setactionmass_preinsc_val] = useState(); + + const columns = [ + { field: 'id', headerName: 'id', hide: true }, + { field: 'class_internal_url', headerName: 'class_internal_url', hide: true }, + { field: 'code_session', headerName: 'code_session', hide: false }, + { field: 'date_debut', headerName: 'date_debut', hide: false }, + { field: 'date_fin', headerName: 'Code date_fin', width: 100, hideable: false, flex: 1 }, + { field: 'distantiel', headerName: 'distantiel', width: 100, hideable: false, flex: 1 }, + { field: 'presentiel', headerName: 'presentiel', width: 150, flex: 1 }, + { field: 'formateur', headerName: 'formateur', width: 150, flex: 1 }, + { field: 'nb_participant', headerName: 'nb_participant', width: 100, align: "center", flex: 1 }, + { field: 'prix_session', headerName: 'prix_session', width: 100, align: "center", flex: 1 }, + { field: 'title', headerName: 'title', width: 100, align: "center", flex: 1 }, + { field: 'domaine', headerName: 'domaine', width: 100, align: "center", flex: 1 }, + { field: 'duration', headerName: 'duration', width: 100, align: "center", flex: 1 }, + { field: 'duration_unit', headerName: 'duration_unit', 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) => { + return ( + + + + ); + } + }, + + { + field: "push_to_lms", headerName: 'Push Elearning', + renderCell: (cellValues) => { + return ( + + + ); + } + }, + + ] + + + + const [Getall_TrainingSession_api, setGetall_TrainingSession_api] = useState(); + const [Getall_TrainingSession_message, setGetall_TrainingSession_message] = useState(); + const [Getall_TrainingSession_result, setGetall_TrainingSession_result] = useState(); + function Getall_TrainingSession(event) { + + var form = new FormData(); + + const stored_cookie = getCookie('tokenmysypart'); + form.append("token", stored_cookie); + + var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetAllValideSessionPartner_List/"; + + axios.post(myurl, form).then(res => { + + if (String(res.data.status) === String("true")) { + console.log(" In Getall_TrainingSession res.data.status = " + res.data.status); + console.log(" In Getall_TrainingSession res.data.message r_class = " + res.data.message); + setGetall_TrainingSession_api("true"); + setGetall_TrainingSession_result(res.data.message); + setRows(res.data.message); + } + else { + setGetall_TrainingSession_api("false"); + setGetall_TrainingSession_message(res.data.message); + } + + }).catch((error) => { + console.warn('Not good man :( Getall_TrainingSession = ', error); + setGetall_TrainingSession_api("false"); + //setmyApimyApiMessage("") + }) + } + + useEffect(() => { + Getall_TrainingSession(); + }, []) + + async function actionmass_preinsc_Traitemet() { + } + + const [selectionModel, setSelectionModel] = React.useState([]); + + const actionmass_preinsc = (event) => { + const value = event.target.value; + + if (String(value) === "valider" || String(value) === "refuser") { + setactionmass_preinsc_val(value); + } + else { + setactionmass_preinsc_val(); + } + } + + return ( +
+ +

Les sessions de formation

+ +
+ + + + + + +
+
+ +
+ { + setSelectionModel(newSelectionModel); + //console.log("ch selected--" + newSelectionModel); + }} + selectionModel={selectionModel} + + localeText={frFR.components.MuiDataGrid.defaultProps.localeText} + rows={rowss.map((item, index) => ( + { + id: index, + class_internal_url: JSON.parse(item).class_internal_url, + code_session: JSON.parse(item).code_session, + date_debut: JSON.parse(item).date_debut, + date_fin: JSON.parse(item).date_fin, + distantiel: JSON.parse(item).distantiel, + presentiel: JSON.parse(item).presentiel, + formateur: JSON.parse(item).formateur, + + nb_participant: JSON.parse(item).nb_participant, + title: JSON.parse(item).title, + domaine: JSON.parse(item).domaine, + duration: JSON.parse(item).duration, + duration_unit: JSON.parse(item).duration_unit, + + } + ))} + + columns={columns} + pageSize={10} + className="datagridclass" + + rowsPerPageOptions={[10]} + disableSelectionOnClick + components={{ + Toolbar: GridToolbar, + }} + + + /> +
+ + + {selectionModel && selectionModel.length >= 1 && +
+
+ +     + {actionmass_preinsc_val && + + Traiter + + } + modal + nested + position="center center" + > + + {close => ( +
+ +
MySy Information
+
+ {' '} + + Confirmer l'action {actionmass_preinsc_val} en masse. +
+
+
+ + +
+
+ +
+
+
+ )} +
+ } +
+ +
+ +
} + + +
+ {/* */} +
+ +
+ +
+
+ + +
+ ); +} + +export default DisplayPartnerSession; + diff --git a/src/components/Partner.js b/src/components/Partner.js index 773d15c..c60f901 100644 --- a/src/components/Partner.js +++ b/src/components/Partner.js @@ -37,9 +37,11 @@ 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 } from "react-icons/fc"; +import DisplayPartnerSession from "./DisplayPartnerSession"; + //import { FcHome} from "react-icons/fc"; const Partner = (props) => { @@ -312,6 +314,15 @@ const Partner = (props) => { } + function DiplaySessionList(event) { + setmenu("mes_sessions"); + setapiexcelimportmessage(); + setformation_file_name(); + } + + + + function DiplaytrainingList(event) { setmenu("affichage"); @@ -672,6 +683,10 @@ const Partner = (props) => { {String(menu) === "affichage" &&
MES FORMATIONS
}
+ {String(menu) !== "affichage" &&
MES SESSIONS
} + {String(menu) === "affichage" &&
MES SESSIONS
} +
+ {String(menu) !== "abonnement" &&
ABONNEMENT
} {String(menu) === "abonnement" &&
ABONNEMENT
}
@@ -930,6 +945,13 @@ const Partner = (props) => { } + {String(menu) === "mes_sessions" && +
+ + +
+ } + {String(menu) === "facture" &&
{/*String(partnerstatus) === String("1") && diff --git a/src/components/PartnerClient_Activite.js b/src/components/PartnerClient_Activite.js index 334bae3..d1cab42 100644 --- a/src/components/PartnerClient_Activite.js +++ b/src/components/PartnerClient_Activite.js @@ -321,19 +321,23 @@ const PartnerClientActivite = (props) => { async function Display_Part_Client_Activite(event) { + var myactivity_recid = event.currentTarget.getAttribute('recid'); + var form = new FormData(); const stored_cookie = getCookie('tokenmysypart'); form.append("token", stored_cookie); - form.append("activite_recid", event.target.id); + form.append("activite_recid", myactivity_recid); + //console.log(" ### event.currentTarget.getAttribute('recid') = ", event.currentTarget.getAttribute('recid')); + var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Activite/"; axios.post(myurl, form).then(res => { if (String(res.data.status) === String("true")) { - console.log(" In Display_Part_Client_Activite res.data.status = " + res.data.status); - console.log(" In Display_Part_Client_Activite res.data.message = " + res.data.message); + //console.log(" In Display_Part_Client_Activite res.data.status = " + res.data.status); + //console.log(" In Display_Part_Client_Activite res.data.message = " + res.data.message); setDisplay_Part_Client_Activite_api("true"); setDisplay_Part_Client_Activite_result(res.data.message); @@ -516,49 +520,60 @@ const PartnerClientActivite = (props) => { } - return ( -
+
{String(addactivite) === "0" &&
Ajouter une activité
+ +
-
+ {Get_List_Activite_Of_client_Part_result && String(Get_List_Activite_Of_client_Part_api) === "true" && + Get_List_Activite_Of_client_Part_result.map((client) => ( +
+ {String(String(JSON.parse(client).status)) === "0" && + } + + {String(String(JSON.parse(client).status)) === "-1" && + } + + + ))} + +
+
} {String(addactivite) === "1" &&
diff --git a/src/styles/components/_addpartnerclient.scss b/src/styles/components/_addpartnerclient.scss index 8929e00..febcf27 100644 --- a/src/styles/components/_addpartnerclient.scss +++ b/src/styles/components/_addpartnerclient.scss @@ -12,11 +12,531 @@ font-style: italic; } - @media only screen and (max-width: 600px) {} - @media only screen and (min-width: 601px) and (max-width: 991px) {} + @media only screen and (max-width: 600px) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } - @media only screen and (min-width: 992px) and (max-width: 1199px) {} + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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: 601px) and (max-width: 991px) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 100%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 50%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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/components/_displaypartnersession.scss b/src/styles/components/_displaypartnersession.scss new file mode 100644 index 0000000..e772ca4 --- /dev/null +++ b/src/styles/components/_displaypartnersession.scss @@ -0,0 +1,4 @@ +.displaypartnersession { + + +} \ 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 89c6de9..6ca0c68 100644 --- a/src/styles/components/_partner_client_activite.scss +++ b/src/styles/components/_partner_client_activite.scss @@ -12,11 +12,807 @@ 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; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } - @media only screen and (min-width: 601px) and (max-width: 991px) {} + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } - @media only screen and (min-width: 992px) and (max-width: 1199px) {} + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 50%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 100%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 100%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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; + } + + + .contact_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template-columns: auto auto auto auto; + gap: 20px 10px; + } + + .contact_grid>div { + display: inline-block; + border: none !important; + background: none !important; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 10px; + text-align: left; + color: #fff; + border-radius: 10px; + font-size: small; + } + + .grid_detail { + background-color: #81BC3A; + padding: 5px; + } + + .grid_title { + font-weight: bold; + font-size: small; + letter-spacing: 2px; + } + + .contact_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .detail_header { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + font-weight: bold; + width: 10rem; + border-top-right-radius: 5px !important; + font-size: small; + } + + .detail_activite { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + min-width: 20rem !important; + border-top-right-radius: 10px !important; + height: 5rem !important; + font-size: small; + } + + .detail_activite:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .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) { + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 50%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 80%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 80%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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; + } + + + .contact_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template-columns: auto auto auto auto; + gap: 20px 10px; + } + + .contact_grid>div { + display: inline-block; + border: none !important; + background: none !important; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 10px; + text-align: left; + color: #fff; + border-radius: 10px; + font-size: small; + } + + .grid_detail { + background-color: #81BC3A; + padding: 5px; + } + + .grid_title { + font-weight: bold; + font-size: small; + letter-spacing: 2px; + } + + .contact_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .detail_header { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + font-weight: bold; + width: 10rem; + border-top-right-radius: 5px !important; + font-size: small; + } + + .detail_activite { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + min-width: 10rem !important; + border-top-right-radius: 10px !important; + height: 5rem !important; + font-size: small; + } + + .detail_activite:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } + + .block_all_activite{ + width: 100%; + float: left; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + padding: 5px !important; + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + } + + + .block_activite{ + width: 50%; + float: left; + margin-bottom: 1rem; + } + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .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; + float: left; + width: 100%; + } + + + .training_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; + padding-top: 10px; + padding-bottom: 10px; + } + + .training_caract { + width: 50%; + padding: 5px; + float: left; + } + + .training_text { + width: 50%; + padding: 5px; + float: left; + height: 320px !important; + min-height: 320px !important; + max-height: 320px !important; + margin-bottom: 10px; + } + + .titre_training_text { + font-size: small; + padding-left: 5px; + } + + .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input { + padding-left: 5px !important; + } + + .css-1sumxir-MuiFormLabel-root-MuiInputLabel-root { + margin-left: 1px !important; + } + + .disabled_style { + //background-color: #ECEFF1; + font-size: small !important; + color: black; + width: 90% !important; + height: 3rem !important; + margin: 5px !important; + margin-bottom: 1rem !important; + } + + .bton_suppr { + background: transparent; + color: red; + border-radius: 5rem; + font-size: small; + text-align: center; + height: 2.5rem; + width: 65%; + margin-left: 10px; + margin-right: 10px; + } + + .bton_enreg { + border-radius: 5rem; + font-size: small; + background: #81BC3A !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_edit { + border-radius: 5rem; + font-size: small; + background: black !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: white; + margin-left: 10px; + margin-right: 10px; + } + + .bton_annule { + border-radius: 5rem; + font-size: small; + background: lightgray !important; + text-align: right; + height: 2.5rem; + width: 65%; + color: black; + margin-left: 10px; + margin-right: 10px; + } + + .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; + } + + + .contact_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template-columns: auto auto auto auto; + gap: 20px 10px; + } + + .contact_grid>div { + display: inline-block; + border: none !important; + background: none !important; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 10px; + text-align: left; + color: #fff; + border-radius: 10px; + font-size: small; + } + + .grid_detail { + background-color: #81BC3A; + padding: 5px; + } + + .grid_title { + font-weight: bold; + font-size: small; + letter-spacing: 2px; + } + + .contact_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .detail_header { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + font-weight: bold; + width: 10rem; + border-top-right-radius: 5px !important; + font-size: small; + } + + .detail_activite { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + min-width: 15rem !important; + border-top-right-radius: 10px !important; + height: 5rem !important; + font-size: small; + } + + .detail_activite:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } + + .block_all_activite{ + width: 100%; + float: left; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + padding: 5px !important; + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + } + + + .block_all_activite{ + width: 100%; + float: left; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + padding: 5px !important; + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + } + + + .block_activite{ + width: 50%; + float: left; + margin-bottom: 1.5rem; + } + + } @media only screen and (min-width: 1200px) { @@ -153,7 +949,7 @@ background: lightgray !important; text-align: right; height: 2.5rem; - width: 40%; + width: 45%; color: black; margin-left: 10px; margin-right: 10px; @@ -183,34 +979,113 @@ background-color: #104277; color: white; } + + + .contact_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: auto; + grid-template-columns: auto auto auto auto; + gap: 20px 10px; + } + + .contact_grid>div { + display: inline-block; + border: none !important; + background: none !important; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 10px; + text-align: left; + color: #fff; + border-radius: 10px; + font-size: small; + } + + .grid_detail { + background-color: #81BC3A; + padding: 5px; + } + + .grid_title { + font-weight: bold; + font-size: small; + letter-spacing: 2px; + } + + .contact_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .detail_header { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + font-weight: bold; + width: 10rem; + border-top-right-radius: 5px !important; + font-size: small; + } + + .detail_activite { + display: inline-block; + color: #808080; + border: 1px solid #CCC; + background: #b3cee5; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + min-width: 20rem !important; + border-top-right-radius: 10px !important; + height: 5rem !important; + font-size: small; + } + + .detail_activite:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .scroll_mysy { + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + padding-right: 1rem !important; + } + + .block_all_activite{ + width: 100%; + float: left; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + padding: 5px !important; + overflow-y: auto; + max-height: 20rem; + overflow-y: visible; + overflow-y: scroll; + } + + + .block_activite{ + width: 30%; + float: left; + margin-bottom: 1rem; + } + } - - .contact_grid { - margin-right: 10px !important; - margin-left: 10px !important; - display: grid; - height: 200px; - grid-template: repeat(2, 1fr) / repeat(2, 1fr); - gap: 20px 10px; - } - - .contact_grid>div { - display: inline-block; - color: #444; - border: 1px solid #CCC; - background: #DDD; - box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); - cursor: pointer; - vertical-align: middle; - padding: 5px; - text-align: left; - } - - .contact_grid>div:hover { - box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); - } - +// end media .css-1v4ccyo { height: 3rem !important; } @@ -224,7 +1099,7 @@ padding-right: 5px !important; } - .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{ + .css-1jy569b-MuiFormLabel-root-MuiInputLabel-root { margin-left: 0px !important; } } \ No newline at end of file diff --git a/src/styles/components/_partnerclient.scss b/src/styles/components/_partnerclient.scss index 15707f6..4fa5107 100644 --- a/src/styles/components/_partnerclient.scss +++ b/src/styles/components/_partnerclient.scss @@ -12,11 +12,347 @@ 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; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } - @media only screen and (min-width: 601px) and (max-width: 991px) {} + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } - @media only screen and (min-width: 992px) and (max-width: 1199px) {} + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + margin-right: 15px !important; + } + + .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; + float: left; + width: 100%; + } + + .detail_submenu { + background: #d8edfc; + border-radius: 15px; + margin-right: 1rem; + padding: 0.3rem; + margin-bottom: 0.5rem; + min-width: 100%; + 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; + } + + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + .bton_add_menuclient { + background: #c8cfd5; + color: black; + width: 100% !important; + font-size: x-small !important; + } + + .icon_plus { + width: 6%; + } + + + .client_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template: repeat(2, 1fr) / repeat(2, 1fr); + gap: 20px 10px; + } + + .client_grid>div { + display: inline-block; + color: #444; + border: 1px solid #CCC; + background: #DDD; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + } + + .client_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .icon_excel { + width: 6%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + } + + @media only screen and (min-width: 601px) and (max-width: 991px) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + margin-right: 15px !important; + } + + .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; + float: left; + width: 100%; + } + + .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; + } + + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + .bton_add_menuclient { + background: #c8cfd5; + color: black; + width: 50% !important; + font-size: x-small !important; + } + + .icon_plus { + width: 6%; + } + + + .client_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template: repeat(2, 1fr) / repeat(2, 1fr); + gap: 20px 10px; + } + + .client_grid>div { + display: inline-block; + color: #444; + border: 1px solid #CCC; + background: #DDD; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + } + + .client_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .icon_excel { + width: 6%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + } + + @media only screen and (min-width: 992px) and (max-width: 1199px) { + + .div_row { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 100%; + margin-bottom: 1rem; + border-radius: 1rem; + } + + .div_row_gauche { + float: left; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + } + + .div_row_droite { + float: right; + //border:0px solid black; + border-width: 0.01rem; + width: 48%; + border-radius: 1rem; + margin-right: 15px !important; + } + + .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; + float: left; + width: 100%; + } + + .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; + } + + + .bton_add_session { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + .bton_add_menuclient { + background: #c8cfd5; + color: black; + width: 50% !important; + font-size: x-small !important; + } + + .icon_plus { + width: 6%; + } + + + .client_grid { + margin-right: 10px !important; + margin-left: 10px !important; + display: grid; + height: 200px; + grid-template: repeat(2, 1fr) / repeat(2, 1fr); + gap: 20px 10px; + } + + .client_grid>div { + display: inline-block; + color: #444; + border: 1px solid #CCC; + background: #DDD; + box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 15%); + cursor: pointer; + vertical-align: middle; + padding: 5px; + text-align: left; + } + + .client_grid>div:hover { + box-shadow: 5px 1px 5px 1px rgb(0 0 0 / 25%); + } + + .icon_excel { + width: 6%; + } + + .bton_import_excel { + background: #c8cfd5; + color: black; + width: 30% !important; + } + + } @media only screen and (min-width: 1200px) { diff --git a/src/styles/index.scss b/src/styles/index.scss index d49bddb..b26ae3f 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -69,6 +69,7 @@ @import "./components/contactpartnerclient"; @import "./components/partner_client_activite"; @import "./components/partnerinvoicingdata"; +@import "./components/displaypartnersession";