26/11/22 - 10h30
parent
f5968a560d
commit
1f58e67d7b
|
@ -18,6 +18,7 @@ import Footer from "./Fotter";
|
|||
import Header from "./Header";
|
||||
import UpgradeToPro from "./UpgradeToPro"
|
||||
import Profil_Objectif from "./ProfilObjectif";
|
||||
import { useLocation } from "react-router-dom";
|
||||
|
||||
function Account() {
|
||||
const [menu, setmenu] = useState("affichage");
|
||||
|
@ -43,7 +44,7 @@ function Account() {
|
|||
const formData = new FormData();
|
||||
|
||||
//alert("stored_user = "+stored_user);
|
||||
|
||||
const location = useLocation();
|
||||
useEffect(() => {
|
||||
getImage();
|
||||
|
||||
|
@ -71,6 +72,13 @@ function Account() {
|
|||
|
||||
fetchData();
|
||||
|
||||
|
||||
if (location && location.state && location.state.menu) {
|
||||
displayProfil_Objectif();
|
||||
}
|
||||
|
||||
|
||||
|
||||
}, []);
|
||||
|
||||
const [myimage, setmyimage] = useState();
|
||||
|
|
|
@ -580,7 +580,7 @@ Si non, on utilise le formumaire de mysy,.
|
|||
|
||||
<div className="description detail_element">
|
||||
<b className="sous_titre">Descriptions </b> {DetailTraining["description"] &&
|
||||
<p style={{ "fontSize": "smal", "marginTop": "1rem" }}>
|
||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||
|
||||
{parse(String(DetailTraining["description"]))}
|
||||
</p>}
|
||||
|
@ -590,9 +590,8 @@ Si non, on utilise le formumaire de mysy,.
|
|||
{DetailTraining["objectif"] && <div className="description detail_element">
|
||||
<b className="sous_titre">Objectif </b>
|
||||
|
||||
<p>
|
||||
{parse(String(DetailTraining["objectif"]))} laa
|
||||
{String(DetailTraining["objectif"]).length}
|
||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||
{parse(String(DetailTraining["objectif"]))}
|
||||
</p>
|
||||
|
||||
</div>}
|
||||
|
@ -600,7 +599,7 @@ Si non, on utilise le formumaire de mysy,.
|
|||
<br />
|
||||
{DetailTraining["prerequis"] && <div className="description detail_element">
|
||||
<b className="sous_titre">Pré-requis </b> {DetailTraining["prerequis"] &&
|
||||
<p>
|
||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||
{parse(String(DetailTraining["prerequis"]))}
|
||||
</p>}
|
||||
{!DetailTraining["prerequis"] && <p style={{ "fontStyle": "italic" }}>
|
||||
|
@ -611,7 +610,7 @@ Si non, on utilise le formumaire de mysy,.
|
|||
|
||||
{DetailTraining["pourqui"] && <div className="description detail_element">
|
||||
<b className="sous_titre">Pour Qui </b> {DetailTraining["pourqui"] &&
|
||||
<p>
|
||||
<p style={{ "fontSize": "smal", "marginTop": "0.3rem" }}>
|
||||
{parse(String(DetailTraining["pourqui"]))}
|
||||
</p>}
|
||||
{!DetailTraining["pourqui"] && <p style={{ "fontStyle": "italic" }}>
|
||||
|
@ -624,7 +623,7 @@ Si non, on utilise le formumaire de mysy,.
|
|||
{DetailTraining["programme"] && <div className="description detail_element">
|
||||
|
||||
<b className="sous_titre">Programme </b>
|
||||
{DetailTraining["programme"] && <p style={{ "fontSize": "small", "marginTop": "1rem" }}>
|
||||
{DetailTraining["programme"] && <p style={{ "fontSize": "small", "marginTop": "0.3rem" }}>
|
||||
{parse(String(DetailTraining["programme"]))}
|
||||
</p>}
|
||||
{!DetailTraining["programme"] && <p style={{ "fontStyle": "italic" }}>
|
||||
|
@ -636,7 +635,7 @@ Si non, on utilise le formumaire de mysy,.
|
|||
{DetailTraining["plus_produit"] && <div className="description detail_element">
|
||||
<b className="sous_titre">Points forts </b>
|
||||
{DetailTraining["plus_produit"] &&
|
||||
<p style={{ "fontSize": "small", "marginTop": "1rem" }}>
|
||||
<p style={{ "fontSize": "small", "marginTop": "0.3rem" }}>
|
||||
{parse(String(DetailTraining["plus_produit"]))}
|
||||
</p>}
|
||||
|
||||
|
|
|
@ -11,6 +11,8 @@ import { AiOutlineEdit } from "react-icons/ai";
|
|||
import { getCookie } from 'react-use-cookie';
|
||||
import parse from 'html-react-parser';
|
||||
import UpdateUserGoals from './UpdateUserGoals';
|
||||
import { IoCloseCircleOutline, IoAddCircleOutline } from "react-icons/io5";
|
||||
|
||||
|
||||
function DisplayUserGoals(props) {
|
||||
const columns = [
|
||||
|
@ -44,6 +46,8 @@ function DisplayUserGoals(props) {
|
|||
|
||||
function handleClick(event, cellValues) {
|
||||
Editobjectif(event, cellValues);
|
||||
setaddnewgoals("");
|
||||
setopenclosebton(true);
|
||||
//console.log(cellValues);
|
||||
}
|
||||
|
||||
|
@ -100,19 +104,56 @@ function DisplayUserGoals(props) {
|
|||
|
||||
function closeUpdateUserGoals() {
|
||||
setupdateobjectif(false);
|
||||
setaddnewgoals("");
|
||||
setupdateobjectif(false);
|
||||
setopenclosebton(false);
|
||||
}
|
||||
|
||||
|
||||
|
||||
const [addnewgoals, setaddnewgoals] = useState("");
|
||||
const [openclosebton, setopenclosebton] = useState(false);
|
||||
|
||||
|
||||
function handleAddGoal() {
|
||||
setaddnewgoals("1");
|
||||
setupdateobjectif(false);
|
||||
setopenclosebton(true);
|
||||
}
|
||||
|
||||
function closehandleAddGoal() {
|
||||
setaddnewgoals("");
|
||||
setupdateobjectif(false);
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<div className="displayusergoals">
|
||||
|
||||
|
||||
{updateobjectif && <div>
|
||||
<UpdateUserGoals name_obj={refobjtoupdate}/>
|
||||
<br />
|
||||
<button onClick={closeUpdateUserGoals}> Fermer </button>
|
||||
<br />
|
||||
<UpdateUserGoals name_obj={refobjtoupdate} />
|
||||
|
||||
</div>}
|
||||
|
||||
{String(addnewgoals) === "1" && <div>
|
||||
<UpdateUserGoals />
|
||||
|
||||
</div>}
|
||||
|
||||
<div className="div_row">
|
||||
<div style={{ "width": "100%", "float": "left", "marginBottom": "0.5rem" }}>
|
||||
<div className="div_row_gauche" > </div>
|
||||
|
||||
<div className="div_row_droite" style={{ "textAlign": "right" }}>
|
||||
{!openclosebton && <Button variant="contained" color="success" className="bton_ajouter_obj"
|
||||
onClick={handleAddGoal}>Ajouter un objectif {<IoAddCircleOutline />}</Button>}
|
||||
|
||||
{openclosebton && <Button variant="contained" color="success" className="bton_annnule" onClick={closeUpdateUserGoals}> Fermer <IoCloseCircleOutline />
|
||||
</Button>}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{String(listgoals_api) === "true" &&
|
||||
<div style={{ height: 700, width: '100%' }}>
|
||||
|
|
|
@ -3,11 +3,17 @@ import { useForm } from "react-hook-form";
|
|||
import { useHistory } from "react-router-dom";
|
||||
import { Helmet } from "react-helmet";
|
||||
import DisplayUserGoals from "./DisplayUserGoals";
|
||||
import { IoCloseCircleOutline, IoAddCircleOutline } from "react-icons/io5";
|
||||
import { Button, Form, FormGroup, Label } from "reactstrap";
|
||||
import UpdateUserGoals from "./UpdateUserGoals";
|
||||
|
||||
function ProfilObjectif() {
|
||||
const history = useHistory();
|
||||
|
||||
|
||||
|
||||
return (
|
||||
|
||||
<div className="profilobjectif">
|
||||
|
||||
<h3> En cours de construction </h3>
|
||||
|
@ -18,9 +24,9 @@ function ProfilObjectif() {
|
|||
|
||||
<hr />
|
||||
|
||||
|
||||
<div className="div_row">
|
||||
<nav className="titre1"> Liste des objectifs </nav> <br />
|
||||
|
||||
<DisplayUserGoals />
|
||||
</div>
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import React, { useState, useEffect, } from "react";
|
||||
import React, { useRef, useState, useEffect, } from "react";
|
||||
import { useForm } from "react-hook-form";
|
||||
import { Button, } from "reactstrap";
|
||||
import axios from "axios";
|
||||
|
@ -10,17 +10,25 @@ import TextField from '@mui/material/TextField';
|
|||
import AccountCircle from '@mui/icons-material/AccountCircle';
|
||||
import moment from "moment";
|
||||
import { getCookie } from 'react-use-cookie';
|
||||
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai";
|
||||
import { useHistory } from "react-router-dom";
|
||||
import { format } from 'date-fns';
|
||||
import DatePicker from "react-datepicker";
|
||||
|
||||
import "react-datepicker/dist/react-datepicker.css";
|
||||
import { Editor } from '@tinymce/tinymce-react';
|
||||
|
||||
function UpdateUserGoals(props) {
|
||||
|
||||
//alert(" UpdateUserGoals "+props.name_obj);
|
||||
|
||||
const [fields1desabled, setfields1desabled] = useState(true);
|
||||
const url = process.env.REACT_APP_API_URL + "myclass/api/add_update_user_objectif/";
|
||||
|
||||
|
||||
const [defaultdate, setdefaultdate] = useState(new Date().setDate(new Date().getDate() + 10));
|
||||
const [mindate, setmindate] = useState(new Date().setDate(new Date().getDate() + 10));
|
||||
const [mindate, setmindate] = useState(new Date().setDate(new Date().getDate() + 1));
|
||||
const history = useHistory();
|
||||
const editorRef_description = useRef(null);
|
||||
const [datamodification, setdatamodification] = useState("0");
|
||||
const [field_description, setfield_description] = useState("");
|
||||
|
||||
useEffect(() => {
|
||||
|
||||
|
@ -30,8 +38,7 @@ function UpdateUserGoals(props) {
|
|||
|
||||
function cleanField() {
|
||||
document.getElementsByName("name")[0].value = "";
|
||||
document.getElementById("description").value = "";
|
||||
document.getElementsByName("date_souhaite")[0].value = { defaultdate };
|
||||
|
||||
document.getElementsByName("domaine")[0].value = "";
|
||||
document.getElementsByName("niveau")[0].value = "";
|
||||
}
|
||||
|
@ -39,22 +46,27 @@ function UpdateUserGoals(props) {
|
|||
const [recorddata_api, setrecorddata_api] = useState();
|
||||
const [recorddata_api_message, setrecorddata_api_message] = useState();
|
||||
const [recorddata_api_result, setrecorddata_api_result] = useState([]);
|
||||
|
||||
function RecordData() {
|
||||
const formData = new FormData();
|
||||
const url = process.env.REACT_APP_API_URL + "myclass/api/add_update_user_objectif/";
|
||||
|
||||
var name = document.getElementsByName("name")[0].value;
|
||||
var description = document.getElementsByName("description")[0].value;
|
||||
var date_souhaite = document.getElementsByName("date_souhaite")[0].value;
|
||||
var date_souhaite = format(StartDate, 'dd/MM/yyyy')
|
||||
var domaine = document.getElementsByName("domaine")[0].value;
|
||||
var niveau = document.getElementsByName("niveau")[0].value;
|
||||
|
||||
var description_new = "";
|
||||
if (editorRef_description.current) {
|
||||
description_new = editorRef_description.current.getContent();
|
||||
}
|
||||
|
||||
|
||||
|
||||
const stored_cookie = getCookie('tokenmysych');
|
||||
|
||||
formData.append('token', stored_cookie);
|
||||
formData.append('name', name);
|
||||
formData.append('description', description);
|
||||
formData.append('description', description_new);
|
||||
formData.append('date_souhaite', date_souhaite);
|
||||
formData.append('domaine', domaine);
|
||||
formData.append('niveau', niveau);
|
||||
|
@ -71,7 +83,15 @@ function UpdateUserGoals(props) {
|
|||
console.log('Success:', result['message'], "result['status'] = ", result['status']);
|
||||
if (String(result['status']) === String("true")) {
|
||||
setrecorddata_api("true");
|
||||
setrecorddata_api_result(result['message'])
|
||||
setrecorddata_api_result(result['message']);
|
||||
|
||||
history.push({
|
||||
pathname: "/mysy-user-account/",
|
||||
state: {
|
||||
menu: "profil_objectif"
|
||||
}
|
||||
});
|
||||
{ window.location.reload() }
|
||||
|
||||
}
|
||||
else {
|
||||
|
@ -122,9 +142,9 @@ function UpdateUserGoals(props) {
|
|||
}
|
||||
|
||||
if (mylocalobj.description) {
|
||||
document.getElementById("description").value = mylocalobj.description;
|
||||
//document.getElementById("description").disabled = true;
|
||||
//document.getElementById("description").style.backgroundColor = "#ECEFF1";
|
||||
|
||||
|
||||
setfield_description(mylocalobj.description);
|
||||
}
|
||||
|
||||
if (mylocalobj.domaine) {
|
||||
|
@ -134,22 +154,16 @@ function UpdateUserGoals(props) {
|
|||
}
|
||||
|
||||
if (mylocalobj.date_souhaite) {
|
||||
//alert("mylocalobj.date_souhaite = "+mylocalobj.date_souhaite);
|
||||
var al = moment(mylocalobj.date_souhaite).format('YYYY-DD-MM');
|
||||
//alert(" AL = "+al);
|
||||
document.getElementsByName("date_souhaite")[0].value = al;
|
||||
//document.getElementsByName("date_souhaite")[0].disabled = true;
|
||||
//document.getElementsByName("date_souhaite")[0].style.backgroundColor = "#ECEFF1";
|
||||
|
||||
var va = new Date(moment(mylocalobj.date_souhaite, "DD/MM/YYYY"))
|
||||
setStartDate(va);
|
||||
|
||||
}
|
||||
|
||||
if (mylocalobj.domaine) {
|
||||
document.getElementsByName("domaine")[0].value = mylocalobj.domaine;
|
||||
document.getElementsByName("domaine")[0].disabled = true;
|
||||
document.getElementsByName("domaine")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
||||
|
||||
if (mylocalobj.niveau) {
|
||||
document.getElementsByName("niveau")[0].value = mylocalobj.date_souhaite;
|
||||
document.getElementsByName("niveau")[0].value = mylocalobj.niveau;
|
||||
document.getElementsByName("niveau")[0].disabled = true;
|
||||
document.getElementsByName("niveau")[0].style.backgroundColor = "#ECEFF1";
|
||||
}
|
||||
|
@ -170,22 +184,86 @@ function UpdateUserGoals(props) {
|
|||
|
||||
|
||||
}).catch((error) => {
|
||||
console.warn('getGolData : Not good man :( mysearchtext = ');
|
||||
console.warn('getGolData : Not good man :( mysearchtext = ', error);
|
||||
setgetGolData_api("false");
|
||||
|
||||
})
|
||||
}
|
||||
|
||||
const [fiedsupdated, setfiedsupdated] = useState(false);
|
||||
|
||||
function updateBox() {
|
||||
setfields1desabled(false);
|
||||
setfiedsupdated(true);
|
||||
|
||||
}
|
||||
|
||||
|
||||
const [editfields, seteditfields] = useState(false);
|
||||
function enablefieds1() {
|
||||
|
||||
|
||||
document.getElementsByName("domaine")[0].disabled = false;
|
||||
document.getElementsByName("niveau")[0].disabled = false;
|
||||
|
||||
|
||||
document.getElementsByName("domaine")[0].style.background = "#fff";
|
||||
document.getElementsByName("niveau")[0].style.background = "#fff";
|
||||
|
||||
seteditfields(true);
|
||||
|
||||
}
|
||||
|
||||
function desablefield1() {
|
||||
document.getElementsByName("name")[0].disabled = true;
|
||||
//document.getElementsByName("date_souhaite")[0].disabled = true;
|
||||
document.getElementsByName("domaine")[0].disabled = true;
|
||||
document.getElementsByName("niveau")[0].disabled = true;
|
||||
|
||||
document.getElementsByName("name")[0].style.background = "#ECEFF1";
|
||||
//document.getElementsByName("date_souhaite")[0].style.background = "#ECEFF1";
|
||||
document.getElementsByName("domaine")[0].style.background = "#ECEFF1";
|
||||
document.getElementsByName("niveau")[0].style.background = "#ECEFF1";
|
||||
|
||||
seteditfields(false);
|
||||
|
||||
}
|
||||
|
||||
const [StartDate, setStartDate] = useState(new Date());
|
||||
const [mydate_val, setmydate_val] = useState();
|
||||
const handleChangeDate = (date) => {
|
||||
//alert(" date = " + format(date, 'dd/MM/yyyy'));
|
||||
setStartDate(date);
|
||||
setfiedsupdated(true);
|
||||
|
||||
}
|
||||
|
||||
const [editor_tochange, seteditor_tochange] = useState("");
|
||||
function editor_keyup() {
|
||||
seteditor_tochange("1");
|
||||
}
|
||||
|
||||
function DataUpdated() {
|
||||
setdatamodification("1");
|
||||
}
|
||||
|
||||
|
||||
|
||||
return (
|
||||
<div className="updateusergoals">
|
||||
|
||||
|
||||
<div className="div_row">
|
||||
|
||||
|
||||
|
||||
{String(getGolData_api) === String("false") && <div className="koUpdateData"> Impossible d'afficher le detail de l'objectif </div>}
|
||||
|
||||
|
||||
{String(recorddata_api) === String("true") && <div className="okUpdateData"> L'objectif a été ajouté/mise à jour </div>}
|
||||
|
||||
{String(recorddata_api) === String("false") && <div className="koUpdateData"> {recorddata_api_message} </div>}
|
||||
|
||||
|
||||
<Box alignItems="left" sx={{ '& > :not(style)': { m: 1 }, width: '100%', }}
|
||||
onChange={updateBox} >
|
||||
|
||||
|
@ -235,43 +313,77 @@ function UpdateUserGoals(props) {
|
|||
variant="standard"
|
||||
/>
|
||||
|
||||
<TextField
|
||||
type="date"
|
||||
name="date_souhaite"
|
||||
label="Date de validation"
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
defaultValue={moment(defaultdate).format('YYYY-MM-DD')}
|
||||
inputProps={{ min: { mindate } }}
|
||||
|
||||
/>
|
||||
<br />
|
||||
|
||||
<TextField
|
||||
id="description"
|
||||
name="description"
|
||||
label="Description"
|
||||
multiline
|
||||
rows={3}
|
||||
maxRows={10}
|
||||
className="texte_area"
|
||||
sx={{ m: 1, width: '48%' }}
|
||||
|
||||
/>
|
||||
|
||||
<div className="div_row22">
|
||||
{fields1desabled == false && <div className="div_row">
|
||||
<div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button variant="contained" color="success" className="div_row22 btn_enreg " onClick={RecordData}>Enregister</Button>
|
||||
Data Souhaitée :
|
||||
<DatePicker
|
||||
selected={StartDate}
|
||||
onChange={handleChangeDate}
|
||||
dateFormat="dd/MM/yyyy"
|
||||
/>
|
||||
|
||||
|
||||
</div>
|
||||
<div className="div_row_droite">
|
||||
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={"desablefield1"}>Annuler</Button>
|
||||
|
||||
|
||||
<div className="training_text">
|
||||
<div className="plus_produit_desabled">
|
||||
<div className="titre_training_text"> Description </div>
|
||||
<Editor
|
||||
onInit={(evt, editor) => editorRef_description.current = editor}
|
||||
initialValue={field_description}
|
||||
onKeyUp={editor_keyup}
|
||||
onEditorChange={(newValue, editor) => {
|
||||
|
||||
if (String(editor_tochange) === "1") {
|
||||
//alert(" change");
|
||||
DataUpdated()
|
||||
seteditor_tochange("");
|
||||
setfiedsupdated(true);
|
||||
}
|
||||
}}
|
||||
|
||||
init={{
|
||||
resize: false,
|
||||
height: 220,
|
||||
menubar: false,
|
||||
plugins: [
|
||||
'advlist autolink lists link image charmap print preview anchor',
|
||||
'searchreplace visualblocks code fullscreen',
|
||||
'insertdatetime media table paste code help wordcount'
|
||||
],
|
||||
toolbar: 'undo redo | casechange blocks | bold italic backcolor | ' +
|
||||
'alignleft aligncenter alignright alignjustify | ' +
|
||||
'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help',
|
||||
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px; }'
|
||||
}}
|
||||
/>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="div_row22">
|
||||
|
||||
{fiedsupdated && <div className="div_row"><div className="koUpdateData" style={{ "color": "orange", "textAlign": "center" }}> /!\ Pensez à enregistrer les modifications</div></div>}
|
||||
|
||||
{(!props.name_obj || fiedsupdated) && <div className="div_row">
|
||||
<div className="div_row_gauche">
|
||||
<Button variant="contained" color="success" className="div_row22 bton_enreg " onClick={RecordData}>Enregister <AiTwotoneSave /> </Button>
|
||||
</div>
|
||||
<div className="div_row_droite" style={{ "textAlign": "right" }}>
|
||||
<Button variant="contained" color="success" className="div_row22 bton_annnule" onClick={"CloseLocalcomp"}>Annuler</Button>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
{fields1desabled == true &&
|
||||
<Button variant="contained" color="success" className="div_row22 btn_modif" onClick={"enablefieds1"}>Modifier</Button>
|
||||
}
|
||||
{/*props.name_obj && String(props.name_obj).length > 2 && !editfields && <div className="div_row_droite" style={{ "textAlign": "right" }}>
|
||||
<Button variant="contained" color="success" className="div_row22 bton_enreg" onClick={enablefieds1}>Modifier <AiTwotoneEdit /> </Button>
|
||||
</div>
|
||||
*/}
|
||||
|
||||
</div>
|
||||
</Box>
|
||||
|
|
|
@ -1046,7 +1046,7 @@
|
|||
text-align: left;
|
||||
color: rgb(10, 42, 77);
|
||||
background-color: white;
|
||||
margin-right: 5px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.div_droite_haut {
|
||||
|
|
|
@ -1446,7 +1446,7 @@
|
|||
|
||||
p {
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
line-height: 1.43;
|
||||
line-height: 1.7;
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 4px;
|
||||
color: #3b3e40;
|
||||
|
@ -1953,7 +1953,7 @@
|
|||
|
||||
p {
|
||||
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||
line-height: 1.43;
|
||||
line-height: 1.7;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 4px;
|
||||
color: #3b3e40;
|
||||
|
|
|
@ -99,6 +99,7 @@
|
|||
padding-bottom: 2rem;
|
||||
margin-top: 1rem;
|
||||
padding-top: 1rem;
|
||||
background: #F4F6F6;
|
||||
}
|
||||
|
||||
.hilightsoustitre {
|
||||
|
@ -142,6 +143,7 @@
|
|||
padding-top: 10px;
|
||||
width: 98%;
|
||||
max-height: 5rem;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.titre_formation {
|
||||
|
@ -431,6 +433,7 @@
|
|||
}
|
||||
|
||||
.right_box {
|
||||
|
||||
float: left;
|
||||
border: 1px solid black;
|
||||
border-width: 2px;
|
||||
|
@ -448,6 +451,7 @@
|
|||
padding-bottom: 2rem;
|
||||
margin-top: 0.5rem;
|
||||
padding-top: 1rem;
|
||||
background: #F4F6F6;
|
||||
//background-color: #f8f9f9;
|
||||
//overflow-y:scroll;
|
||||
}
|
||||
|
@ -492,6 +496,7 @@
|
|||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 8rem;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
|
@ -805,6 +810,7 @@
|
|||
padding-bottom: 2rem;
|
||||
margin-top: 0.5rem;
|
||||
padding-top: 1rem;
|
||||
background: #F4F6F6;
|
||||
//background-color: #f8f9f9;
|
||||
//overflow-y:scroll;
|
||||
}
|
||||
|
@ -848,6 +854,7 @@
|
|||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 11rem;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
|
@ -1158,7 +1165,7 @@
|
|||
padding-bottom: 2rem;
|
||||
margin-top: 0.5rem;
|
||||
padding-top: 1rem;
|
||||
background-color: #f8f9f9;
|
||||
background: #F4F6F6;
|
||||
//overflow-y:scroll;
|
||||
}
|
||||
|
||||
|
@ -1205,6 +1212,7 @@
|
|||
padding-top: 10px;
|
||||
width: 100%;
|
||||
max-height: 12rem;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.titre_formation {
|
||||
|
|
|
@ -28,8 +28,8 @@
|
|||
|
||||
.div_row {
|
||||
float: left;
|
||||
border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
//border:0px solid black;
|
||||
//border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 1rem;
|
||||
|
@ -62,5 +62,33 @@
|
|||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.bton_ajouter_obj{
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: #619E31;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bton_enreg {
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: #81BC3A;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bton_annnule {
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: white;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -435,7 +435,6 @@
|
|||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: "#81BC3A"!important;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -28,8 +28,8 @@
|
|||
|
||||
.div_row {
|
||||
float: left;
|
||||
border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
//border:0px solid black;
|
||||
//border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 1rem;
|
||||
|
@ -63,5 +63,22 @@
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
.div_row_gauche {
|
||||
float: left;
|
||||
// border:1px solid black;
|
||||
// border-width:0.01rem;
|
||||
width: 45%;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.div_row_droite {
|
||||
float: right;
|
||||
//border:1px solid black;
|
||||
//border-width:0.01rem;
|
||||
width: 45%;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
.updateusergoals {
|
||||
.updateusergoals{
|
||||
.h1_transparent {
|
||||
color: transparent;
|
||||
font-size: 0.1rem;
|
||||
|
@ -28,8 +28,8 @@
|
|||
|
||||
.div_row {
|
||||
float: left;
|
||||
border:0px solid black;
|
||||
border-width: 0.01rem;
|
||||
//border:0px solid black;
|
||||
//border-width: 0.01rem;
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 1rem;
|
||||
|
@ -62,6 +62,51 @@
|
|||
background-color: gray;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.bton_enreg {
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: #81BC3A;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bton_annnule {
|
||||
border-radius: 7px;
|
||||
font-size: small;
|
||||
padding: 0.3rem;
|
||||
width: 60%;
|
||||
background-color: white;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.training_text {
|
||||
padding: 5px;
|
||||
float: left;
|
||||
height: 220px !important;
|
||||
min-height: 220px !important;
|
||||
max-height: 220px !important;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.plus_produit_desabled {
|
||||
width: 100% !important;
|
||||
margin-right: 2rem !important;
|
||||
margin-bottom: 1rem !important;
|
||||
max-height: 200px !important;
|
||||
}
|
||||
.titre_training_text {
|
||||
font-size: small;
|
||||
padding-left: 5px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.tox-statusbar__branding {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -56,3 +56,4 @@
|
|||
@import "./components/inscription";
|
||||
@import "./components/gestionadministrative";
|
||||
@import "./components/toggleswitch";
|
||||
@import "./components/updateusergoals";
|
Loading…
Reference in New Issue