sdsd
parent
7b4ee1a2bc
commit
6b6910cac0
54
src/App.js
54
src/App.js
|
@ -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 (
|
||||
|
|
|
@ -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/";
|
||||
|
||||
|
|
|
@ -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/";
|
||||
|
||||
|
@ -2607,7 +2617,7 @@ const Mon_Catalogue_Public = () => {
|
|||
|
||||
if (String(res.data.status) === "true") {
|
||||
//console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status);
|
||||
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
|
||||
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
|
||||
setGet_Subdomain_Partner_Data_api("true");
|
||||
setGet_Subdomain_Partner_Data_result(res.data.message);
|
||||
|
||||
|
@ -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"> </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"> </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"> </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"> </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"> </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>
|
||||
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -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) {
|
||||
|
|
|
@ -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
|
||||
|
||||
}
|
|
@ -122,3 +122,4 @@
|
|||
@import "./components/groupe_apprenant_dialog";
|
||||
@import "./components/mon_catalogue_public";
|
||||
@import "./components/formation_partner_catalog";
|
||||
@import "./components/partner_catalog_pub";
|
Loading…
Reference in New Issue