06/08/23 - 23h
parent
107fdaceb9
commit
b61ae5497e
|
@ -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)} {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)} {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>
|
||||
|
||||
|
|
|
@ -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}>
|
||||
×
|
||||
</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>
|
||||
<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>
|
||||
{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}>
|
||||
×
|
||||
</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;
|
||||
|
|
@ -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") &&
|
||||
|
|
|
@ -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}>
|
||||
|
|
|
@ -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) {
|
||||
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
.displaypartnersession {
|
||||
|
||||
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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) {
|
||||
|
||||
|
|
|
@ -69,6 +69,7 @@
|
|||
@import "./components/contactpartnerclient";
|
||||
@import "./components/partner_client_activite";
|
||||
@import "./components/partnerinvoicingdata";
|
||||
@import "./components/displaypartnersession";
|
||||
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue