recette2
cherif 2023-11-13 16:25:29 +01:00
parent 5174a61d98
commit ad451ed0ce
2 changed files with 245 additions and 12 deletions

View File

@ -27,6 +27,7 @@ import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip'
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
import { CiTrash } from "react-icons/ci";
import add_plus from "../mysy_img/plus.png";
const DistplayPartnerTraningsPage = (props) => {
@ -44,6 +45,7 @@ const DistplayPartnerTraningsPage = (props) => {
const [reftrainingtoupdate, setreftrainingtoupdate] = useState();
const [externalcodetraining_toupdate, setexternalcodetraining_toupdate] = useState();
const [updatetraining, setupdatetraining] = useState(false);
const [createtraining, setcreatetraining] = useState(false);
@ -531,11 +533,9 @@ const DistplayPartnerTraningsPage = (props) => {
function Edittraining(event, cellValues) {
setreftrainingtoupdate(cellValues.row.internal_url);
setexternalcodetraining_toupdate(cellValues.row.external_code);
setupdatetraining(true);
}
@ -565,6 +565,14 @@ const DistplayPartnerTraningsPage = (props) => {
setupdatetraining(false);
}
function Closecreatetraining() {
setcreatetraining(false);
}
function Createtraining() {
setcreatetraining(true);
}
const [selectedtraining, setselectedtraining] = useState([])
function GetSelectedRowsTraining() {
@ -1155,6 +1163,24 @@ const DistplayPartnerTraningsPage = (props) => {
</div>
}
{createtraining && <div>
<div className="parter_div_droite_bas">
<div className="titre1_bis"> Création manuelle d'une formation </div>
<TrainingForm mytrainingclass={{ 'ref': '', 'dist': 'Oui', 'plus_produit': '0' }} ispending={props.ispending}
currentpack={String(props.currentpack).toUpperCase()} closeTrainingForm={Closecreatetraining} rows_champs_specifics={rows_champs_specifics} />
</div>
<hr />
<div onClick={Closecreatetraining} className="parter_div_filtrer_center">
<AiFillCloseCircle alt="Fermer detail formation" />FERMER
</div>
</div>
}
<div className="titre1"> Utilisez les filtres !</div>
<div className="div_row" style={{ "marginBottom": "5px" }}>
<div className="div_row_gauche texte_area_filter" >
@ -1387,7 +1413,18 @@ const DistplayPartnerTraningsPage = (props) => {
<div className="div_row"> &nbsp; </div>
<div className="div_row"> &nbsp; <br/> <br/> </div>
{!createtraining && <div className='div_row' >
<Button variant="outlined" onClick={Createtraining}
className="detail_class_submenu bton_add_session"
id='menu_import_participant' name='menu_import_participant' style={{ "float": "right", "marginRight":"10px" }}>Formation &nbsp;
<img src={add_plus} alt="ajout session" className="icon_plus" />
</Button>
</div>}
<div style={{ height: "850 px", "width": "100%" }}>

View File

@ -80,7 +80,7 @@
margin: 0.4rem !important;
}
/* input {
/* input {
font-size: small !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
@ -344,6 +344,7 @@
border-color: transparent !important;
border-radius: 20px !important;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
@ -356,7 +357,8 @@
background: white;
border: solid gainsboro 1px;
}
}
.training_caract {
width: 100%;
@ -408,6 +410,56 @@
padding-top: 0.5rem !important;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 10.5rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
width: 100%;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
min-height: 10rem;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
}
.icon_plus {
width: 8%;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -439,7 +491,7 @@
margin: 0.4rem !important;
}
/* input {
/* input {
font-size: small !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
@ -728,7 +780,7 @@
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
.training_caract {
width: 30%;
@ -781,6 +833,54 @@
padding-top: 0.5rem !important;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
min-height: 10rem;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
}
.icon_plus {
width: 8%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -823,7 +923,8 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
}
/*
/*
input {
font-size: small !important;
padding-top: 0.2rem;
@ -1101,7 +1202,7 @@
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
.training_caract {
width: 30%;
@ -1154,6 +1255,53 @@
padding-top: 0.5rem !important;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 11rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
min-height: 10rem;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
}
.icon_plus {
width: 8%;
}
}
@ -1197,7 +1345,8 @@
font-family: "verdana", "Quicksand", "Signika", sans-serif;
margin: 0.4rem !important;
}
/*
/*
input {
font-size: medium !important;
padding-top: 0.2rem;
@ -1364,7 +1513,7 @@
margin-top: 0px !important;
margin-bottom: 2px !important;
}
}
.filter_bton_add {
@ -1471,7 +1620,7 @@
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
.training_caract {
width: 30%;
@ -1524,6 +1673,53 @@
padding-top: 0.5rem !important;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
min-width: 12rem;
text-align: center;
border: 1px solid #9cf;
color: #3b3e40;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.detail_class_submenu:hover:active,
.detail_class_submenu:hover {
background-color: #104277;
color: white;
}
.detail_class_submenu:focus {
//border: 3px dotted green;
background-color: #104277;
color: white;
}
.detail_class_submenu_data {
width: 100%;
min-height: 10rem;
background-color: #d8edfc;
padding-left: 5px;
text-align: left;
padding: 0;
border: 0px;
color: #3b3e40;
padding-left: 5px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
border-radius: 10px;
border: 1px solid;
}
.icon_plus {
width: 10%;
}
}