recette2
cherif 2024-08-24 22:21:51 +02:00
parent 7b4ee1a2bc
commit 6b6910cac0
7 changed files with 1552 additions and 850 deletions

View File

@ -70,34 +70,60 @@ function App() {
dynamicWidth: window.innerHeight
});
/*
const getSubdomain = url => {
let domain = url;
if (url.includes("://")) {
domain = url.split('://')[1];
}
const subdomain = domain.split('.')[0];
return subdomain;
};
useEffect(() => {
// Verifier s'il y a un sous domaine
var tab_split_sous_domain = window.location.host.split(".");
let myurl = window.location.host;
let myurl_pathname = window.location.pathname;
console.log(" yaaaaaaaaaa tab_split_sous_domain = ", tab_split_sous_domain);
//console.log(" url 12 = ", myurl);
console.log("process.env.REACT_APP_FRONT_URL_CANONICAL = ", process.env.REACT_APP_FRONT_URL_CANONICAL);
//console.log(" action 12 = ", window.location.pathname);
if(String(tab_split_sous_domain[0]) !== String(process.env.REACT_APP_FRONT_URL_CANONICAL) ){
console.log(" La racine n'est pas normal, on redirige");
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
var domain = myurl;
if (domain.includes('://')) {
domain = myurl.split('://')[1];
}
console.log(" La racine n'est pas normal, on redirige vers : ");
var tab_split = domain.split('.');
console.log(" new_url = ", new_url);
const subdomain = domain.split('.')[0];
// console.log(" subdomain 12 = ", subdomain);
window.open( String(new_url),
if (tab_split.length > 1 && myurl_pathname) {
//console.log(" on est dans myurl_pathname = ", myurl_pathname);
var tab_action = ['/moncatalog', '/Display-Partner-Catalog-Detail-formation'];
if (!tab_action.includes(myurl_pathname)) {
console.log(' le traitement a faire est : ', myurl_pathname);
var new_url = window.location.protocol + "//" + domain.split('.')[0] + "." + domain.split('.')[1] + "/moncatalog";
//console.log(' new_url =', new_url);
window.open(
new_url,
'_self'
);
return;
}
}
}, []);*/
}, []);
return (

View File

@ -126,7 +126,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
useEffect(() => {
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
Get_Subdomain_Partner_Data(window.location.host);
async function funclocaltoken() {
@ -1176,9 +1176,14 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
function Get_Subdomain_Partner_Data(local_url_subdomain) {
var form = new FormData();
let domain = local_url_subdomain;
if (domain.includes("://")) {
domain = domain.split('://')[1];
}
const subdomain = domain.split('.')[0];
form.append("subdomain", local_url_subdomain);
var form = new FormData();
form.append("subdomain", subdomain);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";

View File

@ -951,7 +951,10 @@ const Mon_Catalogue_Public = () => {
var ip = "";
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
Get_Subdomain_Partner_Data(window.location.host)
async function fetchData() {
// const result = await axios('https://geolocation-db.com/json/',);
@ -1499,7 +1502,7 @@ const Mon_Catalogue_Public = () => {
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/";
form.append("subdomain", window.location.host.split(".")[0]);
console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
//console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
} else {
@ -2597,9 +2600,16 @@ const Mon_Catalogue_Public = () => {
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
function Get_Subdomain_Partner_Data(local_url_subdomain) {
let domain = local_url_subdomain;
if (local_url_subdomain.includes("://")) {
domain = url.split('://')[1];
}
const subdomain = domain.split('.')[0];
var form = new FormData();
form.append("subdomain", local_url_subdomain);
form.append("subdomain", subdomain);
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
@ -2630,6 +2640,10 @@ const Mon_Catalogue_Public = () => {
if (JSON.parse(x).catalog_pub_message_2_txt)
catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt;
var catalog_pub_message_3_txt = ""
if (JSON.parse(x).catalog_pub_message_3_txt)
catalog_pub_message_3_txt = JSON.parse(x).catalog_pub_message_3_txt;
var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id;
@ -2646,6 +2660,7 @@ const Mon_Catalogue_Public = () => {
"catalog_pub_banniere_img": catalog_pub_banniere_img,
"catalog_pub_message_1_txt": catalog_pub_message_1_txt,
"catalog_pub_message_2_txt": catalog_pub_message_2_txt,
"catalog_pub_message_3_txt": catalog_pub_message_3_txt,
"catalog_pub_theme_id": catalog_pub_theme_id,
"theme_code": theme_code,
@ -3417,127 +3432,6 @@ const Mon_Catalogue_Public = () => {
</div>}
{/* <div className="tab_logo_metier">
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
<img src={img_met_program} alt="Formation Programmation" className="img_categorie" id="IT" name="programmation" />
<div className="met_container">
<p className="met_text" id="IT">Informatique </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
<img src={img_met_graphisme} alt="Formation graphisme" className="img_categorie" id="graphisme" />
<div className="met_container">
<p className="met_text" id="graphisme">Graphisme</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_projet} alt="Formation gestion projets" className="img_categorie" id="projets" />
<div className="met_container">
<p className="met_text" id="projets" >Projets </p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_management} alt="Formation Management" className="img_categorie" id="management" />
<div className="met_container">
<p className="met_text" id="management">Management</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_digital} alt="Formation Digitale" className="img_categorie" id="digital" />
<div className="met_container">
<p className="met_text" id="digital">Digital </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_rh} alt="Ressources Humaines" className="img_categorie" id="RH" />
<div className="met_container">
<p className="met_text" id="RH">RH</p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_market} alt="Marketing" className="img_categorie" id="marketing" />
<div className="met_container">
<p className="met_text" id="marketing">Marketing </p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_bureautic} alt="Autres" className="img_categorie" id="Office" />
<div className="met_container">
<p className="met_text" id="Office">Bureautique</p>
</div>
</div>
</div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_vente} alt="Commerce" className="img_categorie" id="vente" />
<div className="met_container">
<p className="met_text" id="vente">Commerce </p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
<div className="criteres tab_gauche_metier">
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
<img src={img_met_dev_perso} alt="Autres" className="img_categorie" id="dev_perso" />
<div className="met_container">
<p className="met_text_larg" id="dev_perso">Dev. Personnel</p>
</div>
</div>
</div>
<div className="calage"> &nbsp; </div>
</div>*/}
{/*<div>
<div className="criteres tab_gauche_all_categories" >
<div className="met_polaroid_gauche_all_categories" onClick={getClassByMetier} >
<div className="met_container_all_categories">
<p className="met_text_all_categories" id="tout" >Tous les Métiers </p>
</div>
</div>
</div>
</div>*/}
</div>
}
@ -3858,18 +3752,11 @@ const Mon_Catalogue_Public = () => {
</a>
<div className="Menu_Header">
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt && <font> toooooo </font>}
<nav className="header_menu"> &nbsp; </nav>
<nav className="bar_vert"> </nav>
<nav className="cta1">
<nav className="cta2" style={{ border: 'None' }}>
<div className="minscrire">
<font> Tel : 010101 - DEFAULT ( != MySy_Theme3 ) </font>
</div>
</nav>
</nav>
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt &&
<font> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt} </font>}
</div>

View File

@ -504,117 +504,22 @@ function UpdateParnterInfo(props) {
async function desablefield1() {
setdatamodification();
if (document.getElementsByName("adr_city")[0]) {
document.getElementsByName("adr_city")[0].disabled = true;
document.getElementsByName("adr_city")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("adr_zip")[0]) {
document.getElementsByName("adr_zip")[0].disabled = true;
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("adr_country")[0]) {
document.getElementsByName("adr_country")[0].disabled = true;
document.getElementsByName("adr_country")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("telephone")[0]) {
document.getElementsByName("telephone")[0].disabled = true;
document.getElementsByName("telephone")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("siret") && document.getElementsByName("siret")[0]) {
document.getElementsByName("siret")[0].disabled = true;
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
} else {
// 18/04/2024 - un truc bizarre, parfois il faut attendre un peu avant que l'objet ne soit créé, d'ou ce wait si l'objet n'existe pas
await sleep(20);
document.getElementsByName("siret")[0].disabled = true;
document.getElementsByName("siret")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("num_nda") && document.getElementsByName("num_nda")[0]) {
document.getElementsByName("num_nda")[0].disabled = true;
document.getElementsByName("num_nda")[0].style.backgroundColor = "#ECEFF1";
}
const list_fields = ['adr_city', 'adr_zip', 'adr_country',
'telephone', 'siret', 'num_nda',
'link_facebook', 'link_linkedin', 'link_twitter',
'adr_street', 'nom', 'contact_tel',
'contact_nom', 'contact_prenom', 'contact_mail',
'email', 'website', 'website',
'isqualiopi', 'iscertifvoltaire',]
if (document.getElementsByName("link_facebook")[0]) {
document.getElementsByName("link_facebook")[0].disabled = true;
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("link_linkedin")[0]) {
document.getElementsByName("link_linkedin")[0].disabled = true;
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("link_twitter")[0]) {
document.getElementsByName("link_twitter")[0].disabled = true;
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("adr_street")[0]) {
document.getElementsByName("adr_street")[0].disabled = true;
document.getElementsByName("adr_street")[0].style.backgroundColor = "#ECEFF1";
for (let i = 0; i < list_fields.length; i++) {
if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) {
document.getElementsByName(String(list_fields[i]))[0].disabled = true;
document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("nom")[0]) {
document.getElementsByName("nom")[0].disabled = true;
document.getElementsByName("nom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("contact_tel")[0]) {
document.getElementsByName("contact_tel")[0].disabled = true;
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("contact_nom")[0]) {
document.getElementsByName("contact_nom")[0].disabled = true;
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("contact_prenom")[0]) {
document.getElementsByName("contact_prenom")[0].disabled = true;
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("contact_mail")[0]) {
document.getElementsByName("contact_mail")[0].disabled = true;
document.getElementsByName("contact_mail")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("email")[0]) {
document.getElementsByName("email")[0].disabled = true;
document.getElementsByName("email")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("website")[0]) {
document.getElementsByName("website")[0].disabled = true;
document.getElementsByName("website")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("isdatadock")[0]) {
document.getElementsByName("isdatadock")[0].disabled = true;
document.getElementsByName("isdatadock")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("isqualiopi")[0]) {
document.getElementsByName("isqualiopi")[0].disabled = true;
document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#ECEFF1";
}
if (document.getElementsByName("iscertifvoltaire")[0]) {
document.getElementsByName("iscertifvoltaire")[0].disabled = true;
document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#ECEFF1";
}
setfields1desabled(true);
@ -625,122 +530,23 @@ function UpdateParnterInfo(props) {
setuserformedited("1");
const list_fields = ['adr_city', 'adr_zip', 'adr_country',
'telephone', 'siret', 'num_nda',
'link_facebook', 'link_linkedin', 'link_twitter',
'adr_street', 'nom', 'contact_tel',
'contact_nom', 'contact_prenom', 'contact_mail',
'email', 'website', 'website',
'isqualiopi', 'iscertifvoltaire',]
if (document.getElementsByName("adr_city")[0]) {
document.getElementsByName("adr_city")[0].disabled = false;
document.getElementsByName("adr_city")[0].style.backgroundColor = "#FFFFFF";
}
for (let i = 0; i < list_fields.length; i++) {
if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) {
document.getElementsByName(String(list_fields[i]))[0].disabled = false;
document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#FFFFFF";
if (document.getElementsByName("adr_zip")[0]) {
document.getElementsByName("adr_zip")[0].disabled = false;
document.getElementsByName("adr_zip")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("adr_country")[0]) {
document.getElementsByName("adr_country")[0].disabled = false;
document.getElementsByName("adr_country")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("telephone")[0]) {
document.getElementsByName("telephone")[0].disabled = false;
document.getElementsByName("telephone")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("siret")[0]) {
document.getElementsByName("siret")[0].disabled = false;
document.getElementsByName("siret")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("num_nda")[0]) {
document.getElementsByName("num_nda")[0].disabled = false;
document.getElementsByName("num_nda")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("link_facebook")[0]) {
document.getElementsByName("link_facebook")[0].disabled = false;
document.getElementsByName("link_facebook")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("link_linkedin")[0]) {
document.getElementsByName("link_linkedin")[0].disabled = false;
document.getElementsByName("link_linkedin")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("link_twitter")[0]) {
document.getElementsByName("link_twitter")[0].disabled = false;
document.getElementsByName("link_twitter")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("adr_street")[0]) {
document.getElementsByName("adr_street")[0].disabled = false;
document.getElementsByName("adr_street")[0].style.backgroundColor = "#FFFFFF";
}
if (String(is_partner_admin_account) === "1") {
if (document.getElementsByName("nom")[0]) {
document.getElementsByName("nom")[0].disabled = false;
document.getElementsByName("nom")[0].style.backgroundColor = "#FFFFFF";
}
}
if (document.getElementsByName("contact_tel")[0]) {
document.getElementsByName("contact_tel")[0].disabled = false;
document.getElementsByName("contact_tel")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("contact_nom")[0]) {
document.getElementsByName("contact_nom")[0].disabled = false;
document.getElementsByName("contact_nom")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("contact_prenom")[0]) {
document.getElementsByName("contact_prenom")[0].disabled = false;
document.getElementsByName("contact_prenom")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("contact_mail")[0]) {
document.getElementsByName("contact_mail")[0].disabled = false;
document.getElementsByName("contact_mail")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("website")[0]) {
document.getElementsByName("website")[0].disabled = false;
document.getElementsByName("website")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("isdatadock")[0]) {
document.getElementsByName("isdatadock")[0].disabled = false;
document.getElementsByName("isdatadock")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("isqualiopi")[0]) {
document.getElementsByName("isqualiopi")[0].disabled = false;
document.getElementsByName("isqualiopi")[0].style.backgroundColor = "#FFFFFF";
}
if (document.getElementsByName("iscertifvoltaire")[0]) {
document.getElementsByName("iscertifvoltaire")[0].disabled = false;
document.getElementsByName("iscertifvoltaire")[0].style.backgroundColor = "#FFFFFF";
}
setfields1desabled(false);
window.scrollTo({
top: 0,
@ -1006,6 +812,7 @@ function UpdateParnterInfo(props) {
form.append("theme_id", selected_catalog_pub_theme_id);
form.append("message_1_txt", p_catalog_pub_message_1_txt);
form.append("message_2_txt", p_catalog_pub_message_2_txt);
form.append("message_3_txt", p_catalog_pub_message_3_txt);
form.append("_id", selected_catalog_pub_config_id);
@ -1024,6 +831,7 @@ function UpdateParnterInfo(props) {
setAdd_Update_Catalog_Pub_Theme_api("true");
setAdd_Update_Catalog_Pub_Theme_result(res.data.message);
Get_Partner_Catalog_Pub_Config();
alert(res.data.message);
}
@ -1793,6 +1601,11 @@ function UpdateParnterInfo(props) {
const [submenu_catalog_pub, setsubmenu_catalog_pub] = useState("design");
function submenu_catalog_pub_design() {
setsubmenu_catalog_pub("design");
if (String(catalog_pub_config_edit) !== "1") {
disable_catalog_pub_fields();
}
}
function submenu_catalog_pub_logo() {
@ -1898,8 +1711,12 @@ function UpdateParnterInfo(props) {
const [selected_catalog_pub_theme_preview, setselected_catalog_pub_theme_preview] = useState("");
const [p_catalog_pub_message_1_txt, setp_catalog_pub_message_1_txt] = useState("");
const [p_catalog_pub_message_2_txt, setp_catalog_pub_message_2_txt] = useState("");
const [p_catalog_pub_message_3_txt, setp_catalog_pub_message_3_txt] = useState("");
const [catalog_pub_config_edit, setcatalog_pub_config_edit] = useState("");
const [catalog_pub_config_changed, setcatalog_pub_config_changed] = useState("");
const [Add_Update_Partner_Catalog_Pub_Config_api, setAdd_Update_Partner_Catalog_Pub_Config_api] = useState();
@ -1991,8 +1808,12 @@ function UpdateParnterInfo(props) {
setp_catalog_pub_message_2_txt(JSON.parse(res.data.message).message_2_txt);
setp_catalog_pub_message_3_txt(JSON.parse(res.data.message).message_3_txt);
setPartner_Catalog_Pub_theme_id(JSON.parse(res.data.message).theme_id);
disable_catalog_pub_fields();
}
else {
setGet_Partner_Catalog_Pub_Config_api("false");
@ -2506,6 +2327,54 @@ function UpdateParnterInfo(props) {
})
}
function Edit_Catalog_Config_Fields() {
setcatalog_pub_config_edit("1");
Enable_Suivi_Pedago_Fields();
}
function Annule_Edit_Catalog_Config_Fields() {
setcatalog_pub_config_edit("");
Get_Partner_Catalog_Pub_Config();
}
function disable_catalog_pub_fields() {
setcatalog_pub_config_edit("");
const list_fields = ['config_text_1', 'config_text_2', 'config_text_3',]
for (let i = 0; i < list_fields.length; i++) {
if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) {
document.getElementsByName(String(list_fields[i]))[0].disabled = true;
document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#ECEFF1";
}
}
}
function Enable_Suivi_Pedago_Fields() {
setcatalog_pub_config_edit("1");
const list_fields = ['config_text_1', 'config_text_2', 'config_text_3',]
for (let i = 0; i < list_fields.length; i++) {
if (document.getElementsByName(String(list_fields[i])) && document.getElementsByName(String(list_fields[i]))[0]) {
document.getElementsByName(String(list_fields[i]))[0].disabled = false;
document.getElementsByName(String(list_fields[i]))[0].style.backgroundColor = "#FFFFFF";
}
}
}
return (
<div className='updateparnterinfo'>
@ -2534,19 +2403,19 @@ function UpdateParnterInfo(props) {
</div>}
{String(submenu).trim() === "submenu_donnee_catalog_pub" && <div className="training_data">
<h3> Config. Catalog public </h3>
<h3> Configuration du Catalog public </h3>
<div className="hebergementlms">
<div style={{ "textAlign": "left", "float": "left", "width": "100%", "marginBottom": "1rem" }} id="participant_menu_tab">
<Button variant="outlined" onClick={submenu_catalog_pub_design} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Thème & Design</Button>
<Button variant="outlined" onClick={submenu_catalog_pub_img_bg} className="detail_class_submenu" id='menu_inscrit' name='menu_inscrit'>Bannière</Button>
<Button variant="outlined" onClick={submenu_catalog_pub_logo} className="detail_class_submenu" id='menu_preinscrit' name='menu_preinscrit'>Logo</Button>
<div className="partner_catalog_pub">
</div>
{String(submenu_catalog_pub) === String("design") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
{String(submenu_catalog_pub) === String("design") &&
<div style={{ "border": "None" }}>
<div className="div_row">
{String(catalog_pub_config_edit) === "1" && <div>
<div className="session_caract">Choisir un exemple de thème : <br />
<Autocomplete
@ -2587,7 +2456,7 @@ function UpdateParnterInfo(props) {
</div>
<div className="session_caract" > text 1 <br />
<div className="div_row" > text 1 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
@ -2595,7 +2464,7 @@ function UpdateParnterInfo(props) {
id="config_text_1"
multiline
rows={2}
// className="disabled_style"
className="disabled_style_multiline"
value={p_catalog_pub_message_1_txt}
onChange={(e) => {
@ -2607,7 +2476,7 @@ function UpdateParnterInfo(props) {
</div>
<div className="session_caract" > text 2 <br />
<div className="div_row" > text 2 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
@ -2615,7 +2484,7 @@ function UpdateParnterInfo(props) {
id="config_text_2"
multiline
rows={2}
// className="disabled_style"
className="disabled_style_multiline"
value={p_catalog_pub_message_2_txt}
onChange={(e) => {
@ -2627,6 +2496,86 @@ function UpdateParnterInfo(props) {
</div>
<div className="div_row" > text 3 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
name="config_text_3"
id="config_text_3"
multiline
rows={2}
className="disabled_style_multiline"
value={p_catalog_pub_message_3_txt}
onChange={(e) => {
setp_catalog_pub_message_3_txt(e.target.value);
}
}
/>
</div>
</div>}
{String(catalog_pub_config_edit) !== "1" && <div>
<div className="div_row"> Thème actuel <br />
{selected_catalog_pub_theme_preview && <div className="session_caract">
<img className="preview_certif" src={selected_catalog_pub_theme_preview} />
</div>}
</div>
<div className="div_row" > text 1 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
name="config_text_1"
id="config_text_1"
multiline
rows={2}
className="disabled_style_multiline"
value={p_catalog_pub_message_1_txt}
/>
</div>
<div className="div_row" > text 2 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
name="config_text_2"
id="config_text_2"
multiline
rows={2}
className="disabled_style_multiline"
value={p_catalog_pub_message_2_txt}
/>
</div>
<div className="div_row" > text 3 <br />
<TextField
sx={{ '& legend': { display: 'none' }, '& fieldset': { top: 0 }, }}
name="config_text_3"
id="config_text_3"
multiline
rows={2}
className="disabled_style_multiline"
value={p_catalog_pub_message_3_txt}
/>
</div>
</div>}
@ -2634,10 +2583,27 @@ function UpdateParnterInfo(props) {
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
{String(catalog_pub_config_edit) !== "1" && <div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={"One_annuleSessionUpdate"}>Annuler
&nbsp;
</div>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={Edit_Catalog_Config_Fields}>Editer
</Button>
</div>
</div>}
{String(catalog_pub_config_edit) === "1" && <div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={Annule_Edit_Catalog_Config_Fields}>Annuler
</Button>
</div>
@ -2655,15 +2621,17 @@ function UpdateParnterInfo(props) {
</div>
</div>
</div>}
{String(submenu_catalog_pub) === String("banniere") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
<hr className="hr_break" />
<div className="titre1"> Gestion Bannière </div>
<div style={{ "border": "None" }}>
{Partner_Catalog_Pub_banniere && String(Partner_Catalog_Pub_banniere).length > 20 && <div className="div_row" style={{ "border": "None" }}>
Bannière actuelle : <br />
<img src={Partner_Catalog_Pub_banniere} alt={""} className="img_bg_file_css" />
<br />
<br />
<Button variant="contained" className="btn_enreg" onClick={Delete_Catalog_Pub_Banniere_Img}>Supprimer Bannière
</Button>
</div>}
@ -2682,7 +2650,189 @@ function UpdateParnterInfo(props) {
</Button><br />
<nav className="koUpdateData" style={{ "color": "orange" }}>
<Tooltip className="tooltip_css" id="tooltip_1" />
zzzz3
<a data-tooltip-id="tooltip_1" data-tooltip-html="Respecter ces critères vous aide à avoir un meilleur affichage">
<i> Important : Taille de la bannière : longueur entre 1500px et 1930px et largeur entre 150px et 195px, au format PNG <br />
Le nom du fichier ne contient que des caractères alphanumériques </i>
</a>
</nav>
{bg_file_name && <nav className="okUpdateData"><i>{bg_file_name}</i></nav>}
<input type="file"
accept=".png"
ref={hiddenFileInput_bg}
style={{ display: 'none' }}
name="liste_formation_file"
onChange={handleSubmission_bg}
/>
{img_bg_file && <nav> Fichier à importer : {img_bg_file.name} <br />
<img src={img_bg_file} alt={""} className="img_bg_file_css" />
<br />
</nav>}
{String(SendBackground_Img_api) === "true" && <div className="okUpdateData"> La mise à jour a été correctement faite</div>}
{String(SendBackground_Img_api) === "false" && <div className="koUpdateData"> {SendBackground_Img_message}</div>}
{String(handleSubmission_bg_api) === "false" && <div className="koUpdateData"> {handleSubmission_bg_message}</div>}
<br />
{img_bg_file && <div className="div_row">
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={"Annule_bg_img"}>Annuler
</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
<Button variant="contained" className="btn_enreg" onClick={Add_Update_Catalog_Pub_Banniere}>Enregistrer
</Button>
</div>
</div>}
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
</div>}
</div>
</div>
<hr className="hr_break" />
<div className="titre1"> Gestion LOGO </div>
<div className="detail_class_submenu_data" style={{ "border": "None" }}>
{Partner_Catalog_Pub_logo && String(Partner_Catalog_Pub_logo) !== "" && <div className="div_row" style={{ "border": "None" }}>
Logo actuel :<br />
<img src={Partner_Catalog_Pub_logo} alt={""} />
<br />
<br />
<Button variant="contained" className="btn_enreg" onClick={Delete_Catalog_Pub_Logo_Img}>Supprimer Logo
</Button>
</div>}
<div className="div_row"> Import du logo <br />
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
<Button variant="outlined" onClick={changeHandler2_logo} className="detail_class_submenu" style={{
"background": "#c8cfd5",
"minWidth": "15rem", "color": "black", "width": "auto"
}}
id='menu_import_formation' name='menu_import_formation'>Choisir une image &nbsp; <br />
</Button><br />
<nav className="koUpdateData" style={{ "color": "orange" }}>
<Tooltip className="tooltip_css" id="tooltip_2" />
<a data-tooltip-id="tooltip_2" data-tooltip-html="Respecter ces critères vous aide à avoir un meilleur affichage">
<i> Important : Taille du logo : longueur entre 140px et 250px et largeur entre 60px et 150px, au format PNG <br />
Le nom du fichier ne contient que des caractères alphanumériques </i>
</a>
</nav>
{logo_file_name && <nav className="okUpdateData"><i>{logo_file_name}</i></nav>}
<input type="file"
accept=".png"
ref={hiddenFileInput_logo}
style={{ display: 'none' }}
name="liste_formation_file"
onChange={handleSubmission_logo}
/>
{img_logo_file && <nav> Fichier à importer : {img_logo_file.name} <br />
<img src={img_logo_file} alt={""} />
<br />
</nav>}
{String(Send_logo_Img_api) === "true" && <div className="okUpdateData"> La mise à jour a été correctement faite</div>}
{String(Send_logo_Img_api) === "false" && <div className="koUpdateData"> {Send_logo_Img_message}</div>}
{String(handleSubmission_logo_api) === "false" && <div className="koUpdateData"> {handleSubmission_logo_message}</div>}
<br />
{img_logo_file && <div className="div_row">
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
{<div className="div_row" style={{ "border": "None", "color": "orange", "textAlign": "center" }}>
<div className="div_row_gauche " style={{ "textAlign": 'left', 'marginLeft': '15px' }}>
<Button variant="contained" className="btn_modif" onClick={"Annule_logo_img"}>Annuler
</Button>
</div>
<div className="div_row_droite" style={{ "textAlign": 'right', 'marginRight': '15px' }}>
<Button variant="contained" className="btn_enreg" onClick={Add_Update_Catalog_Pub_Logo}>Enregistrer
</Button>
</div>
</div>}
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
</div>}
</div>
</div>
</div>
}
{String(submenu_catalog_pub) === String("banniere") &&
<div className="detail_class_submenu_data" style={{ "border": "None" }}>
{Partner_Catalog_Pub_banniere && String(Partner_Catalog_Pub_banniere).length > 20 && <div className="div_row" style={{ "border": "None" }}>
Bannière actuelle : <br />
<img src={Partner_Catalog_Pub_banniere} alt={""} className="img_bg_file_css" />
<br />
<br />
<Button variant="contained" className="btn_enreg" onClick={Delete_Catalog_Pub_Banniere_Img}>Supprimer Bannière
</Button>
</div>}
<div className="div_row"> Import Bannière <br />
<div className="div_row" style={{ "border": "None" }}>
&nbsp;
</div>
<Button variant="outlined" onClick={changeHandler2_bg} className="detail_class_submenu" style={{
"background": "#c8cfd5",
"minWidth": "15rem", "color": "black", "width": "auto"
}}
id='menu_import_formation' name='menu_import_formation'>Choisir une image bannière &nbsp; <br />
</Button><br />
<nav className="koUpdateData" style={{ "color": "orange" }}>
<Tooltip className="tooltip_css" id="tooltip_1" />
<a data-tooltip-id="tooltip_1" data-tooltip-html="Respecter ces critères vous aide à avoir un meilleur affichage">
<i> Important : Taille de la bannière : longueur entre 1500px et 1930px et largeur entre 150px et 195px, au format PNG <br />
@ -2741,12 +2891,14 @@ function UpdateParnterInfo(props) {
</div>}
{String(submenu_catalog_pub) === String("logo") && <div className="detail_class_submenu_data" style={{ "border": "None" }}>
{String(submenu_catalog_pub) === String("logo") &&
<div className="detail_class_submenu_data" style={{ "border": "None" }}>
{Partner_Catalog_Pub_logo && String(Partner_Catalog_Pub_logo) !== "" && <div className="div_row" style={{ "border": "None" }}>
Logo actuel :<br />
<img src={Partner_Catalog_Pub_logo} alt={""} />
<br />
<br />
<Button variant="contained" className="btn_enreg" onClick={Delete_Catalog_Pub_Logo_Img}>Supprimer Logo
</Button>
@ -2989,7 +3141,7 @@ function UpdateParnterInfo(props) {
<TextField
name="link_twitter"
label="Twitter"
label="X (Twitter)"
className="texte_area"
sx={{ m: 1, width: '48%' }}
InputProps={{
@ -3457,226 +3609,6 @@ function UpdateParnterInfo(props) {
</Box>
{/*<div style={{ "width": "10%" }}> &nbsp;</div>
<div className="div_row_gauche">
<div className="titre1"> Mot de passe </div>
{updatepwd == false && <div className="koUpdateData">
Erreur mise à jour.
</div>
}
{updatepwd == true && <div className="okUpdateData">
La mise à jour été faite
</div>
}
&nbsp;
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 } }}>
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
<Label>Mot de passe actuel</Label>
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
<OutlinedInput
id="current_pwd"
name="current_pwd"
type={values.showPassword1 ? 'text' : 'password'}
value={values.password1}
onChange={handleChange1('password1')}
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_current_pwd}
edge="end"
>
{currentpawdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
/>
</FormControl>
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
<Label>Nouveau mot de passe</Label>
<InputLabel htmlFor="outlined-adornment-password2"></InputLabel>
<OutlinedInput
id="new_pwd"
name="new_pwd"
type={values.showPassword ? 'text' : 'password'}
value={values.password2}
onChange={handleChange2('password2')}
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd}
edge="end"
>
{newpawdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
/>
</FormControl>
<FormControl sx={{ m: 1, width: '90%' }} variant="standard" size="small" className="texte_area_passwd">
<Label>Confirmation du nouveau mot de passe</Label>
<InputLabel htmlFor="outlined-adornment-password"></InputLabel>
<OutlinedInput
id="new_pwd_conf"
name="new_pwd_conf"
type={values.showPassword ? 'text' : 'password'}
value={values.password3}
onChange={handleChange3('password3')}
endAdornment={
<InputAdornment position="end">
<IconButton
aria-label="toggle password visibility"
onClick={handleClickShowPassword_new_pwd_conf}
onMouseDown={handleMouseDownPassword}
edge="end"
>
{confpwdvisible ? <Visibility /> : <VisibilityOff />}
</IconButton>
</InputAdornment>
}
/>
</FormControl>
<div className="text_pwd_crit">
Créez un mot de passe contenant au moins :
<ul>
<li name="caractere">
8 caractères
</li>
<li name="nombre">
1 nombre
</li>
<li name="special">
1 caractère spécial p. ex., $, !, @, %, &
</li>
<li name="identique">
Identiques
</li>
</ul>
</div>
<div className="div_row22" style={{ "textAlign": "left" }}>
{pwdfieldsdesabled == false && <div className="div_row" style={{ "textAlign": "left" }} >
<div className="div_row_gauche">
<Button variant="contained" color="success" className="div_row22 btn_enreg " onClick={UpdatePartnerPwd}>Enregistrer</Button>
</div>
<div className="div_row_droite">
<Button variant="contained" color="success" className="div_row22 btn_modif " onClick={desablesecurtypwdfields}>Annuler</Button>
</div>
</div>
}
{pwdfieldsdesabled == true &&
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={enablesecurtypwdfields}>Editer</Button>
}
</div>
</Box>
</div>
<div className="div_row_droite">
<div className="titre1"> Emails contact </div>
{updatemainmail === false && <div className="koUpdateData">
Erreur mise à jour.
</div>
}
{updatemainmail === true && <div className="okUpdateData">
La mise à jour été faite
</div>
}
<TextField
name="current_email"
label="Adresse mail"
sx={{ m: 1, width: '90%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<EmailIcon />
</InputAdornment>
),
}}
variant="standard"
/>
<br />
<TextField
name="new_email"
label="Nouvelle Adresse mail"
sx={{ m: 1, width: '90%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<EmailIcon />
</InputAdornment>
),
}}
variant="standard"
/>
<br />
<TextField
name="conf_new_email"
label="Confirmation mail"
sx={{ m: 1, width: '90%' }}
InputProps={{
startAdornment: (
<InputAdornment position="start">
<EmailIcon />
</InputAdornment>
),
}}
variant="standard"
/>
<div className="text_pwd_crit">
&nbsp;
<ul style={{ "listStyleType": "none" }}>
<li>
&nbsp;
</li>
<li>
&nbsp;
</li>
<li>
&nbsp;
</li>
<li>
&nbsp;
</li>
</ul>
</div>
{mailfieldsdesabled == false && <div className="div_row" >
<div className="div_row_gauche" >
<Button variant="contained" color="success" className="div_row22 btn_enreg " style={{ "marginTop": "0px" }} onClick={UpdatePartnerMail}>Enregistrer</Button>
</div>
<div className="div_row_droite">
<Button variant="contained" color="success" className="div_row22 btn_modif" style={{ "marginTop": "0px" }} onClick={desablesecurtymailfields}>Annuler</Button>
</div>
</div>
}
{mailfieldsdesabled == true && <div className="div_row22" style={{ "textAlign": "right" }}>
<Button variant="contained" color="success" className="div_row22 btn_modif" style={{ "marginTop": "0px", }} onClick={enablesecurtymailfields}>Editer</Button>
</div>
}
</div>
<div style={{ "width": "10%" }}> &nbsp;</div>*/}

View File

@ -157,19 +157,6 @@
border: 1px solid;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 97% !important;
//border: none !important;
margin: 5px !important;
height: 3.5rem !important;
background: white;
border: solid gainsboro 1px;
}
.training_caract {
width: 100%;
padding: 5px;
@ -633,6 +620,8 @@
cursor: pointer;
text-align: center;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
@ -1242,6 +1231,8 @@
cursor: pointer;
text-align: center;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

View File

@ -0,0 +1,860 @@
.partner_catalog_pub {
.tooltip_css {
background: #81BC3A;
z-index: 9999;
}
.loader-container {
width: 100%;
height: 100vh;
display: flex;
//justify-content: center;
align-items: center;
left: -5%;
position: fixed;
z-index: 1;
top: 0px;
background: white;
background-color: transparent;
}
.mysy_spinner {
border-radius: 5px;
//border: 1px solid black;
opacity: 100%;
}
.spinner {
width: 20rem;
height: 10rem;
border: 8px solid;
border-color: #3d5af1 transparent #3d5af1 transparent;
border-radius: 50%;
animation: spin-anim 1.2s linear infinite;
background-color: red;
color: black;
}
@media only screen and (max-width: 600px) {
/*style smartphones et petites tablettes en portrait*/
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 95%;
border-radius: 0px;
margin-bottom: 1rem;
}
.div_row_droite {
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 95%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 80%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 20rem !important;
}
.preview_certif:hover {
//transform: scale(1.8);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.detail_class_submenu {
background: #d8edfc;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 95%;
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%;
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;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 100% !important;
height: 3.5rem !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 100% !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
/*style petites-moyennes tablettes */
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 0px;
}
.div_row_droite {
border-left: 1rem solid;
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 60%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 20rem !important;
}
.preview_certif:hover {
// transform: scale(1.1);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.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%;
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;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
padding-top: 0.5rem !important;
border: none !important;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
padding-top: 0.5rem !important;
border: none !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
border-radius: 0px;
}
.div_row_droite {
border-left: 1rem solid;
float: right;
//border:0px solid black;
border-width: 0.01rem;
width: 45%;
padding-left: 2%;
border-radius: 0px;
}
.btn_modif {
width: 10rem;
background-color: #212121 !important;
color: white;
}
.btn_enreg {
width: 10rem;
background-color: green !important;
color: white;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 50%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 25rem !important;
}
.preview_certif:hover {
// transform: scale(1.2);
//margin-left: 10rem;
}
.session_caract {
width: 95%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.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%;
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;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
@media only screen and (min-width: 1200px) {
/*style grande tablettes & Pc portable */
.okUpdateData {
font-size: small;
color: green;
font-style: italic;
}
.koUpdateData {
font-size: small;
color: red;
font-style: italic;
}
.div_row {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 100%;
margin-bottom: 1rem;
}
.div_row_gauche {
float: left;
//border:0px solid black;
border-width: 0.01rem;
width: 48%;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
}
.div_row_droite {
border-left: 0rem solid;
float: right;
//border:0px solid black;
border-width: 0rem;
width: 48%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
}
.div_row_center {
border-left: 0rem solid;
border-width: 0rem;
width: 50%;
padding-left: 5px;
border-radius: 0px;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 2rem;
}
.btn_modif {
background-color: #212121 !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.btn_enreg {
background-color: green !important;
color: white;
border-radius: 15px;
margin-right: 1rem;
padding: 0.3rem;
margin-bottom: 0.5rem;
width: 15rem;
text-align: center;
border: 1px solid #9cf;
font-family: "verdana", "Quicksand", "Signika", sans-serif;
font-size: small;
letter-spacing: 0.1rem;
font-weight: normal;
}
.preview_certif {
display: block;
width: 90%;
height: 200px;
border-radius: 1rem !important;
margin-top: 1rem !important;
min-height: 25rem !important;
}
.preview_certif:hover {
// transform: scale(1.3);
//margin-left: 10rem;
}
.session_caract {
width: 45%;
padding: 5px;
float: left;
text-align: left;
font-size: small;
}
.selectsession {
width: 90%;
height: 2rem;
font-size: small;
}
.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: 95%;
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;
display: block;
}
.disabled_style {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
height: 3.5rem !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
.disabled_style_multiline {
//background-color: #ECEFF1;
font-size: small !important;
color: black;
width: 90% !important;
margin: 5px !important;
//border: none !important;
border-radius: 5px;
background: white;
border: solid gainsboro 1px;
}
}
.img_bg_file_css {
width: 90%;
}
.hr_break {
border: 5px solid grey;
}
.titre1 {
font-family: "Quicksand", "Signika", sans-serif;
font-size: medium;
text-align: center;
margin-bottom: 0.8rem;
color: white;
font-style: italic;
background-color: gray;
font-weight: normal;
cursor: unset;
}
// End media
}

View File

@ -122,3 +122,4 @@
@import "./components/groupe_apprenant_dialog";
@import "./components/mon_catalogue_public";
@import "./components/formation_partner_catalog";
@import "./components/partner_catalog_pub";