11/06/23 - 14h14

recette2
cherif 2023-06-11 14:14:35 +02:00
parent 71a39865c4
commit d7465cd7f0
6 changed files with 247 additions and 97 deletions

View File

@ -1797,7 +1797,7 @@ const AddClassManual = (props) => {
</div>
</div>
<div className="training_text">
{/*<div className="training_text">
<div className="plus_produit_desabled" onChange={DataUpdated}>
<div className="titre_training_text"> Zone de diffusion</div>
<textarea style={{ "width": "100%", "resize": "none", "fontSize": "13px", "height": "150px" }}
@ -1808,7 +1808,7 @@ const AddClassManual = (props) => {
/>
</div>
</div>
</div> */}
{/* <div className="training_text">
<div className="plus_produit_desabled" onChange={DataUpdated}>
@ -1868,7 +1868,7 @@ const AddClassManual = (props) => {
</nav>
<nav className="new_zone">
{/* <nav className="new_zone">
<TextField
name="zone_diffusion"
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
@ -1884,7 +1884,7 @@ const AddClassManual = (props) => {
value=""
/>
<nav className="plus_produit_activation" onClick={ActivePackGold}> Passer au Gold </nav>
</nav>
</nav>*/}
<nav className="new_zone">
<TextField
@ -1910,7 +1910,7 @@ const AddClassManual = (props) => {
{String(props.currentpack).toLocaleLowerCase() === String("standard") &&
<div >
<nav className="new_zone2">
{/* <nav className="new_zone2">
<TextField
name="zone_diffusion"
label="Zone Diffusion (FR-Marseille;FR-Paris;etc)"
@ -1927,7 +1927,7 @@ const AddClassManual = (props) => {
/>
<nav className="plus_produit_activation_no_float" onClick={ActivePackGold}> Passer au Gold </nav>
</nav>
*/}
<nav >
&nbsp;

View File

@ -805,7 +805,6 @@ const Partner = (props) => {
<ul>
<li> Il s'agit d'un fichier csv. Les colonnes sont separées par des ";"</li>
<li> A l'interieur d'une même colonne, les informations sont separées par des ";" </li>
<li> La zone de diffusion est sous la forme "Code iso du pays-nom ville". </li>
<li> Champ 'Metier' : les valeurs acceptées sont : IT, RH, vente, dev_perso, Graphisme, Management, Digital, Office, Autre</li>
<li> ...</li>
</ul>

View File

@ -184,7 +184,7 @@ const Recherche_new_v2 = () => {
var val = String(event.target.value).toLocaleLowerCase();
let matches = [];
// 13/01 : A faire absolument. j'ai bloqué car bug d'affichage (pas au bon endroit)
/*
if (String(val).length > 2) {
matches = suggestedwords.filter(usr => {
//alert(JSON.parse(usr).name );
@ -195,12 +195,10 @@ const Recherche_new_v2 = () => {
)
}
*/
//console.log("matches = " + matches);
setsuggestion2(matches);
settext(event.target.value);
}
function SearchcitiesHandle(event) {
@ -1105,7 +1103,7 @@ const Recherche_new_v2 = () => {
}
).then((response) => response.json())
.then((result) => {
//console.log('### loadDomainMetier Success:', result['message']);
console.log('### loadDomainMetier Success:', result['message']);
setdomaine_metier(result['message']);
})
@ -1566,7 +1564,7 @@ const Recherche_new_v2 = () => {
form.append("user_latitude", latitude);
form.append("user_longitude", longitude);
form.append("user_state", state);
// alert(" rrtt ");
// alert(" rrtt ");
}
@ -1819,7 +1817,7 @@ const Recherche_new_v2 = () => {
setResult([]);
setnewresult("");
//alert(" tout et sortir");
setdomaine_v11(domaine_v11_orig);
DisplayXfirstClas();
//setResult([]);
@ -2842,13 +2840,13 @@ const Recherche_new_v2 = () => {
<nav className="domaine_icone"> <AiTwotoneFolder /> </nav>
<select className="form-select form-select-sm fron_search" onChange={"ChangeDevise"} aria-label=".form-select-sm example"
id={"searchdomain"} name={"searchdomain"} >
<option selected value="n/a">Tous les domaines</option>
<option selected value="n/a">Tous les domaines </option>
{/*domaine_metier && domaine_metier.map((domaine) => (
{domaine_metier && domaine_metier.map((domaine) => (
<option value={JSON.parse(domaine).domaine}>{JSON.parse(domaine)}
<option value={domaine}>{domaine}
</option>
))*/}
))}
</select>
</div>
@ -2879,13 +2877,7 @@ const Recherche_new_v2 = () => {
{SearchText.length > 2 && <span class="left-pan" > &nbsp;<BsFillXCircleFill onClick={clearsearchtext} /></span>}
{suggestion2 && suggestion2.slice(0, 2).map((suggestion, id) =>
<div key={id} style={{
"cursor": "pointer", "color": "black",
"fontSize": "small", "paddingLeft": "1rem", "fontStyle": "italic", "letterSpacing": "2px"
}}
onClick={() => OnSuggestionHandler(JSON.parse(suggestion).name)}> {JSON.parse(suggestion).name} </div>
)}
</div>
</form>
@ -2900,9 +2892,30 @@ const Recherche_new_v2 = () => {
</div>
<div className="search_bar_2">
<div className="search_dropdown"> &nbsp;</div>
<div className="block_suggestion">
{suggestion2 && suggestion2.slice(0, 2).map((suggestion, id) =>
<div key={id} style={{
"cursor": "pointer", "color": "black",
"fontSize": "small", "paddingLeft": "1rem", "fontStyle": "italic", "letterSpacing": "2px"
}}
onClick={() => OnSuggestionHandler(JSON.parse(suggestion).name)}> {JSON.parse(suggestion).name} </div>
)}
</div>
</div>
<div className="frame_153">
<nav className="frame_153_txt">
Recherches populaires : Informatique, Graphisme, Management, Dev. Personnel ...
</nav>
@ -2986,7 +2999,7 @@ const Recherche_new_v2 = () => {
<div className="block_nos_formation">
<div >
<div style={{"width":"100%"}}>
<div className="forma_et_tuto"> Nos Formations & Tutoriels</div>
{showelement === "true" && <div onClick={showdisplayfilter} className="recherchefilter">

View File

@ -1,6 +1,8 @@
.addclassmanual {
.css-1d6wzja-MuiButton-startIcon{
margin-left: 4px !important;
}
.tox-statusbar__branding {
display: none !important;
@ -71,11 +73,11 @@
}
.parter_div_filtrer_row_gauche {
float: left;
border-width: 0.01rem;
width: 38%;
border-width: 0.1rem;
width: 100%;
border-radius: 1rem;
text-align: left;
margin-left: 0.5rem;
margin-bottom: 1rem;
margin-top: 1rem;
font-size: small;
cursor: pointer;
}
@ -83,36 +85,38 @@
.parter_div_filtrer_row_droite {
float: right;
border-width: 0.01rem;
width: 38%;
width: 100%;
border-radius: 1rem;
text-align: right;
margin-right: 0.5rem;
margin-bottom: 1rem;
margin-top: 1rem;
font-size: small;
cursor: pointer;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
font-size: medium !important;
color: black;
width: 100% !important;
height: 2rem !important;
height: 3rem !important;
margin: 5px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important;
font-size: medium !important;
}
input {
font-size: small !important;
font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
font-size: small;
font-size: medium;
}
.parter_div_filtrer_cente {
@ -171,9 +175,10 @@
color: red;
border-radius: 5rem;
font-size: small;
text-align: right;
text-align: center;
height: 2.5rem;
width: 80%;
width: 100%;
border: 1px black;
}
.bton_enreg2 {
@ -182,7 +187,7 @@
background: #81BC3A !important;
text-align: right;
height: 2.5rem;
width: 80%;
width: 100%;
color: white;
}
@ -305,7 +310,7 @@
}
.training_caract {
width: 90%;
width: 97%;
padding: 5px;
float: left;
}
@ -443,26 +448,27 @@
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
font-size: medium !important;
color: black;
width: 95% !important;
height: 2rem !important;
margin: 5px !important;
height: 3rem !important;
margin: 2px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important;
font-size: medium !important;
}
input {
font-size: small !important;
font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
font-size: small;
font-size: medium;
}
.parter_div_filtrer_cente {
@ -522,7 +528,7 @@
color: red;
border-radius: 5rem;
font-size: small;
text-align: right;
text-align: center;
height: 2.5rem;
width: 80%;
}
@ -856,20 +862,21 @@
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 85% !important;
height: 2rem !important;
width: 90% !important;
height: 3rem !important;
margin: 5px !important;
}
.css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input,
.css-161vxw-MuiOutlinedInput-notchedOutline {
font-size: small !important;
font-size: medium !important;
}
input {
font-size: small !important;
font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@ -933,9 +940,9 @@
color: red;
border-radius: 5rem;
font-size: small;
text-align: right;
text-align: center;
height: 2.5rem;
width: 60%;
width: 80%;
}
.bton_enreg2 {
@ -944,7 +951,7 @@
background: #81BC3A !important;
text-align: right;
height: 2.5rem;
width: 60%;
width: 80%;
color: white;
}
@ -1057,7 +1064,7 @@
.training_data {
float: left;
width: 100%;
width: 99%;
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;
@ -1068,7 +1075,7 @@
}
.training_caract {
width: 30%;
width: 50%;
padding: 5px;
float: left;
}
@ -1274,8 +1281,8 @@
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 80% !important;
height: 2rem !important;
width: 90% !important;
height: 3rem !important;
margin: 5px !important;
}
@ -1285,9 +1292,10 @@
}
input {
font-size: small !important;
font-size: medium !important;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
height: 3rem !important;
}
.css-17nr37i-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
@ -1347,7 +1355,7 @@
color: red;
border-radius: 5rem;
font-size: small;
text-align: right;
text-align: center;
height: 2.5rem;
width: 50%;
}

View File

@ -651,7 +651,7 @@
.parter_div_droite_haut {
float: left;
border: 1px solid black;
//border: 1px solid black;
border-width: 0.01rem;
width: 100%;
height: auto;
@ -661,7 +661,7 @@
text-align: left;
color: rgb(10, 42, 77);
background-color: white;
margin-bottom: 2rem;
margin-bottom: 1rem;
}
.parter_div_filtrer_row {
@ -677,7 +677,7 @@
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 90%;
width: 100%;
border-radius: 1rem;
}
@ -691,7 +691,7 @@
.parter_div_droite_bas {
float: left;
border: 1px solid black;
//border: 1px solid black;
border-width: 0.01rem;
width: 100%;
height: auto;
@ -853,6 +853,8 @@
width: 100%;
float: left;
border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
}
.titre1 {
@ -1343,9 +1345,11 @@
margin-top: 0.5rem;
font-size: small;
background: white;
width: 80%;
width: 100%;
float: left;
border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
}
.titre1 {
@ -1807,9 +1811,11 @@
margin-top: 0.5rem;
font-size: small;
background: white;
width: 50%;
width: 100%;
float: left;
border: #495057 solid 1px;
padding-left: 2px;
padding-right: 2px;
}
.titre1 {

View File

@ -287,6 +287,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
cursor: pointer;
}
.verti_middle {
@ -305,6 +306,7 @@
form svg {
margin-top: 0.6rem !important;
cursor: pointer;
}
.ch_form_svg {
@ -2445,17 +2447,19 @@
.form-input {
border-radius: 10rem;
height: 2.5rem;
font-size: small;
font-size: medium;
line-height: 1.3;
line-height: 1.5;
margin-bottom: 2px;
color: white;
border: 2px solid white;
background: transparent;
box-shadow: none;
}
form svg {
margin-top: 0.8rem !important;
cursor: pointer;
}
.form span {
@ -2469,6 +2473,7 @@
form svg {
margin-top: 0.8rem !important;
cursor: pointer;
}
.form span_clear {
@ -2527,6 +2532,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
cursor: pointer;
}
.input-group-text {
@ -3106,7 +3112,7 @@
width: 96%;
height: 204px;
left: 2%;
top: 550px;
top: 590px;
}
@ -3122,6 +3128,7 @@
left: 10px;
right: 5px;
top: 830px;
width: 98%;
}
.logo {
@ -3473,8 +3480,8 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 44px;
font-size: 35px;
line-height: 40px;
/* or 107% */
letter-spacing: 1px;
@ -3620,7 +3627,7 @@
flex-direction: row;
align-items: center;
padding: 0px;
gap: 24px;
gap: 10px;
width: 100%;
height: 80px;
@ -3704,6 +3711,7 @@
flex: none;
order: 0;
flex-grow: 0;
width: 28%;
}
@ -3730,7 +3738,7 @@
padding: 0px;
gap: 8px;
width: 65%;
width: 70%;
height: 32px;
@ -5009,7 +5017,7 @@
.domaine_icone_fa {
margin-top: 5px;
width: 10%;
width: 5%;
cursor: pointer;
}
@ -5203,6 +5211,33 @@
font-weight: normal;
font-size: 12px;
}
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 5px 0px 5px;
gap: 1px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -5395,12 +5430,13 @@
.form-input {
border-radius: 10rem;
height: 2.8rem;
font-size: small;
line-height: 1.3;
font-size: medium;
line-height: 1.5;
margin-bottom: 4px;
color: white;
border: 2px solid white;
background: transparent;
box-shadow: none;
}
h4 {
@ -5440,6 +5476,7 @@
form svg {
margin-top: 0.8rem !important;
cursor: pointer;
}
.form span_clear {
@ -5501,6 +5538,7 @@
.mb-3 {
margin-bottom: 0.5rem !important;
font-size: small !important;
cursor: pointer;
}
.input-group-text {
@ -6327,7 +6365,7 @@
width: 500px;
height: 400px;
//left: 596px;
right: 5rem;
right: 1rem;
top: 0px;
background: url("../../mysy_img2/img_header.png") no-repeat;
@ -6351,7 +6389,7 @@
padding: 0px;
gap: 24px;
width: 867px;
width: 900px;
height: 367px;
@ -6389,8 +6427,8 @@
font-family: 'Albert Sans';
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 54px;
font-size: 40px;
line-height: 44px;
/* or 107% */
letter-spacing: 1px;
@ -6442,7 +6480,7 @@
padding: 0px;
gap: 16px;
width: 867px;
width: 100%;
height: 113px;
@ -6459,10 +6497,10 @@
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 12px 0px 24px;
padding: 0px 2px 0px 4px;
gap: 72px;
width: 867px;
width: 100%;
height: 80px;
/* White */
@ -6536,9 +6574,9 @@
flex-direction: row;
align-items: center;
padding: 0px;
gap: 24px;
gap: 5px;
width: 617px;
width: 80%;
height: 80px;
@ -6610,7 +6648,7 @@
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 8px;
gap: 2px;
//width: 211px;
height: 24px;
@ -6621,6 +6659,7 @@
flex: none;
order: 0;
flex-grow: 0;
width: 30%;
}
@ -8122,6 +8161,31 @@
font-weight: 600;
}
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 2px 0px 4px;
gap: 1px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
}
@ -8310,6 +8374,7 @@
color: white;
border: 2.5px solid white;
background: transparent;
box-shadow: none;
}
.form {
@ -8346,6 +8411,7 @@
form svg {
margin-top: 0.8rem !important;
cursor: pointer;
}
.left-pan {
@ -8427,6 +8493,7 @@
.mb-3 {
margin-bottom: 0.7rem !important;
font-size: xx-small !important;
cursor: pointer;
}
.input-group-text {
@ -8950,7 +9017,7 @@
width: 96%;
height: 204px;
left: 2%;
top: 550px;
top: 590px;
}
@ -9361,7 +9428,7 @@
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 16px;
gap: 10px;
width: 100%;
height: 113px;
@ -11048,6 +11115,33 @@
font-weight: normal;
font-size: 14px;
}
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 1px 0px 2px;
gap: 72px;
width: 100%;
height: 10px;
/* White */
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 2rem !important;
text-align: left;
padding-left: 1rem;
}
}
@media only screen and (min-width: 1920px) {
@ -11237,13 +11331,14 @@
color: white;
border: 2.5px solid white;
background: transparent;
box-shadow: none;
}
.form {
font-size: medium;
width: 90%;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0.5rem;
position: relative;
margin-top: 1rem;
@ -11273,6 +11368,8 @@
form svg {
margin-top: 0.8rem !important;
height: 1.5rem !important;
cursor: pointer;
}
.left-pan {
@ -11354,6 +11451,7 @@
.mb-3 {
margin-bottom: 0.7rem !important;
font-size: xx-small !important;
cursor: pointer;
}
.input-group-text {
@ -12204,7 +12302,7 @@
padding: 0px;
gap: 24px;
width: 80%;
width: 85%;
height: 367px;
@ -12465,7 +12563,7 @@
padding: 0px;
gap: 8px;
//width: 30%;
width: 20%;
height: 24px;
@ -12500,7 +12598,7 @@
padding: 0px;
gap: 8px;
width: 85%;
width: 75%;
height: 32px;
@ -13981,6 +14079,32 @@
font-weight: normal;
font-size: 14px;
}
.search_bar_2 {
/* Auto layout */
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 1px 0px 2px;
gap: 72px;
width: 100%;
height: 10px;
border-radius: 8px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
margin-bottom: 1rem;
text-align: left;
}
}
// end media