06/08/23 - 23h

recette2
cherif 2023-08-06 23:14:42 +02:00
parent 107fdaceb9
commit b61ae5497e
9 changed files with 2246 additions and 85 deletions

View File

@ -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" && <div className="training_data">
{String(addcontact) !== "1" && <div className="div_row" style={{ "marginLeft": "5px", "marginRight": "5px", "paddingRight":"10px" }}>
{String(addcontact) !== "1" && <div className="div_row" style={{ "marginLeft": "5px", "marginRight": "5px", "paddingRight": "10px" }}>
<div className="div_row" onClick={Add_Contact} > <AiOutlineUserAdd /> Ajouter un contact </div>
<div className="div_row scroll_mysy">
<div className="contact_grid">
@ -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) => (
<div id={String(JSON.parse(client).email)} onClick={Display_Part_Client_Contact}>
{(JSON.parse(client).nom || JSON.parse(client).prenom) && <nav className="grid_title"> {String(JSON.parse(client).prenom)} &nbsp; {String(JSON.parse(client).nom)} </nav>}
{JSON.parse(client).fonction && <nav> {String(JSON.parse(client).fonction)} </nav> }
{JSON.parse(client).email && <nav> {String(JSON.parse(client).email)} </nav> }
{JSON.parse(client).telephone && <nav> {String(JSON.parse(client).telephone)} </nav>}
<div contactmail={String(JSON.parse(client).email)} onClick={Display_Part_Client_Contact}>
{(JSON.parse(client).nom || JSON.parse(client).prenom) && <nav className="grid_title"> {String(JSON.parse(client).prenom)} &nbsp; {String(JSON.parse(client).nom)} <hr/> </nav>}
{JSON.parse(client).fonction && <nav> {String(JSON.parse(client).fonction)} </nav>}
{JSON.parse(client).email && <nav> {String(JSON.parse(client).email)} </nav>}
{JSON.parse(client).telephone && <nav> {String(JSON.parse(client).telephone)} </nav>}
</div>

View File

@ -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 (
<Button
onClick={(event) => {
//handleClickManagement(event, cellValues);
}}
>
<BsFileText />
</Button>
);
}
},
{
field: "visual", headerName: 'Visualiser',
renderCell: (cellValues) => {
return (
<Button
onClick={(event) => {
// Visualiser(event, cellValues);
}}
>
<BsEye />
</Button>
);
}
},
{
field: "Print", headerName: 'Editer',
renderCell: (cellValues) => {
return (
<Button
onClick={(event) => {
//handleClick(event, cellValues);
}}
>
<AiOutlineEdit />
</Button>
);
}
},
{
field: "push_to_lms", headerName: 'Push Elearning',
renderCell: (cellValues) => {
return (
<nav>
<Popup
trigger={<Button
onClick={(event) => {
//handlepush_to_lms(event, cellValues);
}}
>
{cellValues.row.lms_class_code && String(cellValues.row.lms_class_code).length > 2 && <CiFileOff />}
{cellValues.row.lms_class_code && String(cellValues.row.lms_class_code).length <= 2 && <CiDesktop />}
{!cellValues.row.lms_class_code && <CiDesktop />}
</Button>}
modal
nested
position="center center"
>
{close => (
<div>
<button className="gest_close" onClick={close}>
&times;
</button>
<div className="gest_header"> MySy Information </div>
<div className="gest_content">
{' '}
/!\ Important : Confirmer la publication de la formation dans l'eapce E-Learning.
Vous allez écraser d'eventuelles informations déjà présente dans le e-Learning, pour cette formation.
</div>
<div className="gest_actions">
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
//handlepush_to_lms(event, cellValues);
close();
}}> Valider </button>
</div>
<div style={{ "width": "45%", "float": "right" }}>
<button
className="gest_bton_popup"
onClick={() => {
//console.log('modal closed ');
close();
}}
>
Annuler
</button>
</div>
</div>
</div>
)}
</Popup>
</nav>
);
}
},
]
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 (
<div className="displaypartnersession">
<h2> Les sessions de formation </h2>
<div style={{ "textAlign": "left", "float": "left", "width": "100%" }} id="participant_menu_tab">
<Button variant="outlined" onClick={"submenu_preinscrit"} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Preinscription</Button>
<Button variant="outlined" onClick={"submenu_inscrit"} className="detail_class_submenu" id='menu_inscrit' name='menu_inscrit'>Inscription</Button>
<Button variant="outlined" onClick={"submenu_emargement"} className="detail_class_submenu" id='menu_emarge' name='menu_emarge'>Liste émargement</Button>
<Button variant="outlined" onClick={"submenu_evaluation"} className="detail_class_submenu" id='menu_eval' name='menu_eval'>Les avis</Button>
<div className="session_data">
<div className="detail_class_submenu_data" style={{ "border": "None" }}>
<div style={{ height: 500, width: '100%' }}>
<DataGrid
checkboxSelection
onSelectionModelChange={(newSelectionModel) => {
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,
}}
/>
<br />
{selectionModel && selectionModel.length >= 1 &&
<div className="div_row" style={{ "border": "none" }}>
<div className="block_en_mass">
<nav className='traitement_mass'>Traitement en masse</nav>
&nbsp;<select
id={"actionmass_preinsc"} name={"actionmass_preinsc"}
onChange={actionmass_preinsc}
className="action_mass">
<option selected value="n/a">Choisir une action</option>
<option value="valider">Valider</option>
<option value="refuser">Refuser</option>
</select> &nbsp;
{actionmass_preinsc_val &&
<Popup
trigger={<Button className="bton_traiter_en_mass" >
<FcAcceptDatabase /> Traiter
</Button>}
modal
nested
position="center center"
>
{close => (
<div>
<button className="gest_close" onClick={close}>
&times;
</button>
<div className="gest_header"> MySy Information </div>
<div className="gest_content">
{' '}
Confirmer l'action <b> {actionmass_preinsc_val} </b> en masse.
</div>
<div className="gest_actions">
<div style={{ "width": "45%", "float": "left" }}>
<button className="gest_bton_popup" onClick={(event) => {
actionmass_preinsc_Traitemet();
close();
}}> Valider </button>
</div>
<div style={{ "width": "45%", "float": "right" }}>
<button
className="gest_bton_popup"
onClick={() => {
//console.log('modal closed ');
close();
}}
>
Annuler
</button>
</div>
</div>
</div>
)}
</Popup>
}
<br />
</div>
</div>}
<br />
{/* <Button variant="contained" onClick={GetAllClass_new}>Contained</Button>*/}
</div>
</div>
</div>
</div>
</div>
);
}
export default DisplayPartnerSession;

View File

@ -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" && <div className="sousmenu_selected" onClick={DiplaytrainingList} ><FcList className="icone_menu" /> MES FORMATIONS</div>}
<hr className="my_hr" />
{String(menu) !== "affichage" && <div className="sousmenu" onClick={DiplaySessionList} > <FcList className="icone_menu" /> MES SESSIONS </div>}
{String(menu) === "affichage" && <div className="sousmenu_selected" onClick={DiplaySessionList} ><FcList className="icone_menu" /> MES SESSIONS</div>}
<hr className="my_hr" />
{String(menu) !== "abonnement" && <div className="sousmenu" onClick={Abonnement_func} > <FcKey className="icone_menu" /> ABONNEMENT </div>}
{String(menu) === "abonnement" && <div className="sousmenu_selected" onClick={Abonnement_func} > <FcKey className="icone_menu" /> ABONNEMENT </div>}
<hr className="my_hr" />
@ -930,6 +945,13 @@ const Partner = (props) => {
}
{String(menu) === "mes_sessions" &&
<div className="div_droite">
<DisplayPartnerSession />
</div>
}
{String(menu) === "facture" && <div className="div_droite">
{/*String(partnerstatus) === String("1") &&

View File

@ -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 (
<div className="partner_client_activite" style={{"height":"30rem"}}>
<div className="partner_client_activite" >
<div className="div_row">
{String(addactivite) === "0" && <div className="div_row" style={{ "marginLeft": "5px", "marginRight": "5px" }}>
<div className="div_row" onClick={Add_Activite} style={{ "cursor": "pointer" }}> <AiOutlineUserAdd /> Ajouter une activité </div>
<div className="div_row">
<div className="block_all_activite">
<div className="contact_grid">
{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) => (
<nav className="block_activite">
{String(String(JSON.parse(client).status)) === "1" &&
<nav onClick={Display_Part_Client_Activite} recid={String(JSON.parse(client).recid)}>
{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) => (
<Timeline position="right">
<TimelineItem>
<TimelineOppositeContent
sx={{ m: 'auto 0' }}
variant="body2"
color="text.secondary"
>
{String(JSON.parse(client).deadline)}
</TimelineOppositeContent>
<TimelineSeparator>
<TimelineConnector />
<TimelineDot color="primary">
<LaptopMacIcon />
</TimelineDot>
<TimelineConnector />
</TimelineSeparator>
<TimelineContent sx={{ py: '12px', px: 2 }} className="detail_activite">
<Typography variant="h6" component="span">
{String(JSON.parse(client).description)}
</Typography>
<Typography id={String(JSON.parse(client).recid)} onClick={Display_Part_Client_Activite}>
<nav className="detail_header" style={{"background":"#32cd32"}} recid={String(JSON.parse(client).recid)} > {String(JSON.parse(client).deadline)} : {String(JSON.parse(client).type)}</nav>
<nav className="detail_activite" style={{"background":"#32cd32"}} recid={String(JSON.parse(client).recid)} >
<i>FAIT</i><br />
{String(JSON.parse(client).description)} <br />
{String(JSON.parse(client).detail)} <br />
{String(JSON.parse(client).type)}</Typography>
</TimelineContent>
</TimelineItem>
</Timeline>
))}
</nav>
</nav>}
</div>
{String(String(JSON.parse(client).status)) === "0" &&
<nav recid={String(JSON.parse(client).recid)} onClick={Display_Part_Client_Activite}>
<nav className="detail_header" recid={String(JSON.parse(client).recid)} > {String(JSON.parse(client).deadline)} : {String(JSON.parse(client).type)}</nav>
<nav className="detail_activite" recid={String(JSON.parse(client).recid)} >
<i>EN COURS </i> <br />
{String(JSON.parse(client).description)} <br />
{String(JSON.parse(client).detail)} <br />
</nav>
</nav>}
{String(String(JSON.parse(client).status)) === "-1" &&
<nav recid={String(JSON.parse(client).recid)} onClick={Display_Part_Client_Activite}>
<nav className="detail_header" style={{"background":"#FAF9F6"}} recid={String(JSON.parse(client).recid)}> {String(JSON.parse(client).deadline)} : {String(JSON.parse(client).type)}</nav>
<nav className="detail_activite"style={{"background":"#FAF9F6"}} recid={String(JSON.parse(client).recid)}>
<i>ANNULER </i><br />
{String(JSON.parse(client).description)} <br />
{String(JSON.parse(client).detail)} <br />
</nav>
</nav>}
</nav>
))}
</div>
</div>
</div>}
{String(addactivite) === "1" && <div className="div_row" style={{ "marginLeft": "5px", "marginRight": "5px" }} onChange={DataUpdated_Activite_Data}>

View File

@ -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) {

View File

@ -0,0 +1,4 @@
.displaypartnersession {
}

View File

@ -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;
}
}

View File

@ -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) {

View File

@ -69,6 +69,7 @@
@import "./components/contactpartnerclient";
@import "./components/partner_client_activite";
@import "./components/partnerinvoicingdata";
@import "./components/displaypartnersession";