@@ -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
+
+
+
+
+
+ );
+}
+
+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" &&
+
+
-
+ {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(JSON.parse(client).deadline)} : {String(JSON.parse(client).type)}
+
+ EN COURS
+ {String(JSON.parse(client).description)}
+ {String(JSON.parse(client).detail)}
+
+
+ }
+
+ {String(String(JSON.parse(client).status)) === "-1" &&
+
+
+ {String(JSON.parse(client).deadline)} : {String(JSON.parse(client).type)}
+
+ ANNULER
+ {String(JSON.parse(client).description)}
+ {String(JSON.parse(client).detail)}
+
+
+ }
+
+
+ ))}
+
+
+
}
{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";