23/04/2024 - 14h06

recette2
cherif 2024-04-23 14:06:56 +02:00
parent 2a258e6aa9
commit 7cf222f74b
7 changed files with 138 additions and 102 deletions

View File

@ -1,18 +1,18 @@
import React, { useRef, useState, useEffect } from "react"; import React, { useRef, useState, useEffect } from "react";
import TextField from '@mui/material/TextField'; import TextField from '@mui/material/TextField';
import MenuItem from '@mui/material/MenuItem';
import fileDownload from 'js-file-download'; import fileDownload from 'js-file-download';
import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css import 'react-confirm-alert/src/react-confirm-alert.css'; // Import css
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
import axios from "axios"; import axios from "axios";
import DeleteIcon from '@mui/icons-material/Delete';
import { getCookie, setCookie } from 'react-use-cookie'; import { getCookie, setCookie } from 'react-use-cookie';
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; import { AiTwotoneSave } from "react-icons/ai";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
import { GrUserAdmin, GrOrderedList } from "react-icons/gr"; import { GrOrderedList } from "react-icons/gr";
import { Fab } from "@material-ui/core"; import { Fab } from "@material-ui/core";
import 'react-tooltip/dist/react-tooltip.css' import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip' import { Tooltip } from 'react-tooltip'
@ -28,14 +28,11 @@ import Autocomplete from '@mui/material/Autocomplete';
import { gridClasses } from '@mui/x-data-grid'; import { gridClasses } from '@mui/x-data-grid';
import Link from '@mui/material/Link'; import Link from '@mui/material/Link';
import { PiDotsThree } from "react-icons/pi"; import { PiDotsThree } from "react-icons/pi";
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5"; import { IoCloseCircleOutline } from "react-icons/io5";
import AttachFileIcon from '@mui/icons-material/AttachFile';
import Radio from '@mui/material/Radio'; import Radio from '@mui/material/Radio';
import RadioGroup from '@mui/material/RadioGroup';
import FormControlLabel from '@mui/material/FormControlLabel';
import FormControl from '@mui/material/FormControl';
import FormLabel from '@mui/material/FormLabel';
const AddParnerClient = (props) => { const AddParnerClient = (props) => {
const history = useHistory(); const history = useHistory();
const [submenu, setsubmenu] = useState(""); const [submenu, setsubmenu] = useState("");
@ -215,18 +212,7 @@ const AddParnerClient = (props) => {
Enable_invoice_fields(); Enable_invoice_fields();
} }
/*document.getElementById("submenu_factures").style.background = "#d8edfc";
document.getElementById("submenu_factures").style.color = "#3b3e40";
document.getElementById("submenu_stagiaires").style.background = "#d8edfc";
document.getElementById("submenu_stagiaires").style.color = "#3b3e40";
document.getElementById("submenu_devis").style.background = "#d8edfc";
document.getElementById("submenu_devis").style.color = "#3b3e40";
document.getElementById("submenu_cmd").style.background = "#d8edfc";
document.getElementById("submenu_cmd").style.color = "#3b3e40";
*/
document.getElementById("submenu_contact").style.background = "#d8edfc"; document.getElementById("submenu_contact").style.background = "#d8edfc";
document.getElementById("submenu_contact").style.color = "#3b3e40"; document.getElementById("submenu_contact").style.color = "#3b3e40";
@ -257,25 +243,7 @@ const AddParnerClient = (props) => {
Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance. Ceci est super crade, fair eun wait de pour attendre l'afficage avant de desacitcation si on a desactiver, mais bon ... on avance.
*/ */
await sleep(5); await sleep(5);
/*if (String(formedit_mode_invoice) !== "1") {
Disable_invoice_fields();
} else {
Enable_invoice_fields();
}*/
/*
document.getElementById("submenu_factures").style.background = "#d8edfc";
document.getElementById("submenu_factures").style.color = "#3b3e40";
document.getElementById("submenu_stagiaires").style.background = "#d8edfc";
document.getElementById("submenu_stagiaires").style.color = "#3b3e40";
document.getElementById("submenu_devis").style.background = "#d8edfc";
document.getElementById("submenu_devis").style.color = "#3b3e40";
document.getElementById("submenu_cmd").style.background = "#d8edfc";
document.getElementById("submenu_cmd").style.color = "#3b3e40";
*/
document.getElementById("submenu_donnee_facturation").style.background = "#d8edfc"; document.getElementById("submenu_donnee_facturation").style.background = "#d8edfc";
document.getElementById("submenu_donnee_facturation").style.color = "#3b3e40"; document.getElementById("submenu_donnee_facturation").style.color = "#3b3e40";
@ -370,6 +338,8 @@ const AddParnerClient = (props) => {
document.getElementById("submenu_piece_jointe").style.color = "white"; document.getElementById("submenu_piece_jointe").style.color = "white";
// Refresh affichage des pièces jointes
Get_List_Of_All_PJ(props.client_id);
} }
@ -4384,7 +4354,10 @@ const AddParnerClient = (props) => {
<div className="div_row"> <div className="div_row">
{Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => ( {Get_List_Of_All_PJ_result && Get_List_Of_All_PJ_result.map((val) => (
<div className="div_row_list_pj" > <div className="div_row_list_pj" >
<nav style={{ "color": "green", "cursor": "pointer" }} onClick={Download_one_attached_document} name={(JSON.parse(val).file_name)} id={(JSON.parse(val).file_name)}> Télécharger &nbsp;<i> {(JSON.parse(val).file_business_object)}</i> </nav> <br /> <nav name={(JSON.parse(val).file_name)}
id={(JSON.parse(val).file_name)}> <i> <AttachFileIcon />{(JSON.parse(val).file_business_object)} </i> <br/><font style={{ "color": "green", "cursor": "pointer" }}
name={(JSON.parse(val).file_name)}
id={(JSON.parse(val).file_name)} onClick={Download_one_attached_document}> Télécharger &nbsp;</font></nav>
<Popup <Popup
trigger={ trigger={
<nav style={{ "color": "red", "cursor": "pointer" }} > Supprimer</nav> <nav style={{ "color": "red", "cursor": "pointer" }} > Supprimer</nav>

View File

@ -8,26 +8,24 @@ import { getCookie, setCookie } from 'react-use-cookie';
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { Editor } from '@tinymce/tinymce-react';
import parse from 'html-react-parser';
import { FcViewDetails, FcDisapprove } from "react-icons/fc"; import { FcViewDetails, FcDisapprove } from "react-icons/fc";
import 'react-tooltip/dist/react-tooltip.css' import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip' import { Tooltip } from 'react-tooltip'
import add_plus from "../mysy_img/plus.png";
import excel_icone from "../mysy_img/excel_icone.png"; import excel_icone from "../mysy_img/excel_icone.png";
import participants from "../mysy_img/participants.png";
import fileDownload from 'js-file-download' import fileDownload from 'js-file-download'
import { FcInfo } from "react-icons/fc"; import { FcInfo } from "react-icons/fc";
import Popup from 'reactjs-popup'; import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css'; import 'reactjs-popup/dist/index.css';
import { FcSearch } from "react-icons/fc";
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcAlarmClock, FcMultipleSmartphones, FcWorkflow } from "react-icons/fc"; import { FcAcceptDatabase, } from "react-icons/fc";
import { format } from 'date-fns' import { format } from 'date-fns'
import InputAdornment from '@mui/material/InputAdornment'; import InputAdornment from '@mui/material/InputAdornment';
import { AiFillCloseCircle, AiOutlineConsoleSql } from "react-icons/ai"; import { AiFillCloseCircle, AiOutlineConsoleSql } from "react-icons/ai";
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import { Typography, LinearProgress } from '@mui/material';
import styled from 'styled-components';
import { CiTrash } from "react-icons/ci"; import { CiTrash } from "react-icons/ci";
import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
import Dialog from '@mui/material/Dialog'; import Dialog from '@mui/material/Dialog';
@ -35,14 +33,13 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText'; import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import { RestoreFromTrashRounded } from "@mui/icons-material";
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
import { Fab } from "@material-ui/core"; import { Fab } from "@material-ui/core";
import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io"; import { IoMdAddCircle, IoIosRemoveCircleOutline } from "react-icons/io";
import { AiTwotoneEdit, AiTwotoneSave } from "react-icons/ai"; import { AiTwotoneSave } from "react-icons/ai";
import { FcEditImage } from "react-icons/fc"; import { FcEditImage } from "react-icons/fc";
import ToggleSwitch from "./ToggleSwitch"; import ToggleSwitch from "./ToggleSwitch";
import Module_Historique_Action from "./Module_Historique_Action";
import { FcSpeaker } from "react-icons/fc"; import { FcSpeaker } from "react-icons/fc";
import Autocomplete from '@mui/material/Autocomplete'; import Autocomplete from '@mui/material/Autocomplete';
import { FcOpenedFolder } from "react-icons/fc"; import { FcOpenedFolder } from "react-icons/fc";

View File

@ -1,10 +1,6 @@
import React, { useRef, useState, useEffect } from "react"; import React, { useRef, useState, useEffect } from "react";
import axios from "axios"; import axios from "axios";
import partnerbannerimg from "../mysy_img/MYSY_banner_compte.png";
import profileimg from "../mysy_img/MYSY-profil-2.png";
import TrainingForm from "./AddClassManual"
import PartnerTranings from "./DisplayPartnerTrainingsPagination";
import HebergementLms from "./HebergementLms";
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
import SendIcon from '@mui/icons-material/Send'; import SendIcon from '@mui/icons-material/Send';
import { getCookie } from 'react-use-cookie'; import { getCookie } from 'react-use-cookie';
@ -14,35 +10,18 @@ import { useHistory } from "react-router-dom";
import Dialog from '@mui/material/Dialog'; import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions'; import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import downarrow from "../mysy_img/downarrow.png";
import uparrow from "../mysy_img/uparrow.png";
import excel_icone from "../mysy_img/excel_icone.png"; import excel_icone from "../mysy_img/excel_icone.png";
import participants from "../mysy_img/participants.png"; import participants from "../mysy_img/participants.png";
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import Footer from "./Fotter"; import Footer from "./Fotter";
import { confirmAlert } from 'react-confirm-alert'; // Import
import { useCookies } from "react-cookie";
import Header from "./Header";
import Facture from "./Facture";
import Abonnement from "./Abonnement";
import { useLocation } from "react-router-dom";
import { useParams } from 'react-router-dom'
import CheckOut from "./CheckOut";
import { IoCheckmarkCircleSharp } from "react-icons/io5";
import { FaHandPointRight } from "react-icons/fa";
import OrderConfirmation from "./OrderConfirmation";
import Pricing from "./Pricing";
import {
FcHome, FcButtingIn, FcDepartment, FcBullish, FcAddDatabase, FcFolder,
FcList, FcGraduationCap, FcMultipleDevices, FcCurrencyExchange,
FcMoneyTransfer, FcFeedback, FcKey, FcVideoCall, FcSettings
} from "react-icons/fc";
import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid'; import { DataGrid, GridToolbar, frFR, GridCellParams } from '@mui/x-data-grid';
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcDeleteDatabase } from "react-icons/fc"; import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint, FcDeleteDatabase } from "react-icons/fc";
import { darken, lighten, styled } from '@mui/material/styles';
import 'react-tooltip/dist/react-tooltip.css' import 'react-tooltip/dist/react-tooltip.css'
import { Tooltip } from 'react-tooltip' import { Tooltip } from 'react-tooltip'
@ -1130,7 +1109,7 @@ const Partner_Client = (props) => {
<AddParnerClient client_mail={Client_email} close_detail_client={close_detail_client} father_scroll_to_top={father_scroll_to_top} <AddParnerClient client_mail={Client_email} close_detail_client={close_detail_client} father_scroll_to_top={father_scroll_to_top}
client_id={selected_id} /> client_id={selected_id} />
</div>} </div>}
{String(Edite_Client) === "2" && <div className="div_row"> {String(Edite_Client) === "2" && <div className="div_row">

View File

@ -6,22 +6,19 @@ import Button from '@mui/material/Button';
import axios from "axios"; import axios from "axios";
import { getCookie, setCookie } from 'react-use-cookie'; import { getCookie, setCookie } from 'react-use-cookie';
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import CheckOut from "./CheckOut";
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid'; import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css"; import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
import { Editor } from '@tinymce/tinymce-react';
import parse from 'html-react-parser';
import { FcViewDetails, FcDisapprove } from "react-icons/fc"; import { FcViewDetails, FcDisapprove } from "react-icons/fc";
import 'react-tooltip/dist/react-tooltip.css'; import 'react-tooltip/dist/react-tooltip.css';
import { Tooltip } from 'react-tooltip'; import { Tooltip } from 'react-tooltip';
import add_plus from "../mysy_img/plus.png";
import excel_icone from "../mysy_img/excel_icone.png";
import participants from "../mysy_img/participants.png";
import Autocomplete from '@mui/material/Autocomplete'; import Autocomplete from '@mui/material/Autocomplete';
import fileDownload from 'js-file-download' import fileDownload from 'js-file-download'
import Popup from 'reactjs-popup'; import Popup from 'reactjs-popup';
import 'reactjs-popup/dist/index.css'; import 'reactjs-popup/dist/index.css';
import { FcCancel, FcApproval, FcAcceptDatabase, FcPrint } from "react-icons/fc";
import DatePicker from "react-datepicker"; import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css"; import "react-datepicker/dist/react-datepicker.css";
import { format } from 'date-fns' import { format } from 'date-fns'
@ -29,8 +26,7 @@ import moment from "moment";
import InputAdornment from '@mui/material/InputAdornment'; import InputAdornment from '@mui/material/InputAdornment';
import { AiFillCloseCircle } from "react-icons/ai"; import { AiFillCloseCircle } from "react-icons/ai";
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import { Typography, LinearProgress, sliderClasses } from '@mui/material';
import styled from 'styled-components';
import { CiTrash } from "react-icons/ci"; import { CiTrash } from "react-icons/ci";
import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md"; import { MdAddCircleOutline, MdRemoveCircleOutline } from "react-icons/md";
import Dialog from '@mui/material/Dialog'; import Dialog from '@mui/material/Dialog';
@ -38,7 +34,7 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent'; import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText'; import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle'; import DialogTitle from '@mui/material/DialogTitle';
import { TransitionProps } from '@mui/material/transitions';
import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif"; import img_loading_spin from "./../mysy_img/mysy_spin_loading.gif";
import { Global } from "recharts"; import { Global } from "recharts";
import { FcAddDatabase } from "react-icons/fc"; import { FcAddDatabase } from "react-icons/fc";
@ -46,6 +42,8 @@ import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
import ToggleSwitch from "./ToggleSwitch"; import ToggleSwitch from "./ToggleSwitch";
import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy"; import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy";
import Link from '@mui/material/Link';
import { PiDotsThree } from "react-icons/pi";
const Partner_Commande = (props) => { const Partner_Commande = (props) => {
@ -71,13 +69,43 @@ const Partner_Commande = (props) => {
const [p_filtre4, setp_filtre4] = useState(); const [p_filtre4, setp_filtre4] = useState();
const [p_filtre4_value, setp_filtre4_value] = useState(); const [p_filtre4_value, setp_filtre4_value] = useState();
function ExpandableCell_50({ value }) {
const [expanded, setExpanded] = React.useState(false);
return (
<nav>
{value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
{expanded ? value : String(value).slice(0, 50)}&nbsp;
{value.length > 50 && (
// eslint-disable-next-line jsx-a11y/anchor-is-valid
<Link
type="button"
component="button"
sx={{ fontSize: 'inherit' }}
onClick={() => setExpanded(!expanded)}
>
{expanded ? <nav> <PiDotsThree />Réduire</nav> : <nav> <PiDotsThree />Voir</nav>}
</Link>
)}
</div>}
{!value && <div style={{ paddingLeft: "5px", paddingRight: "15px", "display": "block", wordBreak: "break-all" }}>
&nbsp;
</div>
}
</nav>
);
}
const columns = [ const columns = [
{ field: '_id', headerName: '_id', hide: true }, { field: '_id', headerName: '_id', hide: true },
{ field: 'id', headerName: 'id', hide: true }, { field: 'id', headerName: 'id', hide: true },
{ field: 'order_header_ref_interne', headerName: 'Reference', width: 100, hide: false, editable: false }, { field: 'order_header_ref_interne', headerName: 'Reference', maxWidth: 200, minWidth : 180, flex:1, hide: false, editable: false, renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'order_header_type', headerName: 'Type', width: 100, hide: false, editable: false }, { field: 'order_header_type', headerName: 'Type', width: 100, hide: false, editable: false },
{ {
field: 'order_header_status', headerName: 'Statut', width: 100, hide: false, editable: false, field: 'order_header_status', headerName: 'Statut', maxWidth : 150, flex :1, hide: false, editable: false,
valueFormatter: (params) => { valueFormatter: (params) => {
if (String(params.value) === "-1") if (String(params.value) === "-1")
return "Annulé"; return "Annulé";
@ -94,12 +122,12 @@ const Partner_Commande = (props) => {
}, },
}, },
{ field: 'order_header_client_id', headerName: 'Client_Id', width: 150, hide: true, editable: false }, { field: 'order_header_client_id', headerName: 'Client_Id', width: 0, hide: true, editable: false },
{ field: 'order_header_client_nom', headerName: 'Nom Client', width: 150, flex: 1 }, { field: 'order_header_client_nom', headerName: 'Nom Client', minWidth: 200, flex: 1 , renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'order_header_vendeur_id', headerName: 'Vendeur Id', width: 150, hide: true, editable: false }, { field: 'order_header_vendeur_id', headerName: 'Vendeur Id', width: 0, hide: true, editable: false },
{ field: 'order_header_vendeur_nom_prenom', headerName: 'Vendeur', width: 150, flex: 1, editable: false }, { field: 'order_header_vendeur_nom_prenom', headerName: 'Vendeur', width: 150, flex: 1, editable: false, flex:1 },
{ field: 'order_header_date_cmd', headerName: 'Date', width: 150, hide: false, editable: false }, { field: 'order_header_date_cmd', headerName: 'Date', minWidth: 150, hide: false, editable: false, flex: 1 , renderCell: (params) => <ExpandableCell_50 {...params} />, },
{ field: 'order_header_date_expiration', headerName: 'Date Expiration', width: 150, hide: false, editable: false }, { field: 'order_header_date_expiration', headerName: 'Date Expiration', minWidth: 150, hide: false, editable: false },
/* { /* {
@ -5813,8 +5841,8 @@ const Partner_Commande = (props) => {
<br /> <br /> <br /> <br />
{String(p_detail_header_devis_date_validation).length > 5 && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche" id='order_header_main' name='order_header_main'>Validé le {String(p_detail_header_devis_date_validation).substring(0, 10)}</Button>} {String(p_detail_header_devis_date_validation).length > 5 && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche_info" id='order_header_main' name='order_header_main'>Validé le {String(p_detail_header_devis_date_validation).substring(0, 10)}</Button>}
{String(p_detail_header_devis_date_envoi).length > 5 && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche" id='order_header_main' name='order_header_main'>Envoyé le {String(p_detail_header_devis_date_envoi).substring(0, 10)}</Button>} {String(p_detail_header_devis_date_envoi).length > 5 && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche_info" id='order_header_main' name='order_header_main'>Envoyé le {String(p_detail_header_devis_date_envoi).substring(0, 10)}</Button>}
{(!p_detail_header_devis_date_validation || String(p_detail_header_devis_date_validation).length < 5) && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche" id='order_header_main' name='order_header_main'>Non Validé </Button>} {(!p_detail_header_devis_date_validation || String(p_detail_header_devis_date_validation).length < 5) && <Button variant="outlined" onClick={Check_Electronic_Sign_Before_Sending_Email} className="detail_class_submenu bton_add_sous_menu_cmd_gauche" id='order_header_main' name='order_header_main'>Non Validé </Button>}

View File

@ -11,7 +11,7 @@
color: red; color: red;
font-style: italic; font-style: italic;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
@ -186,6 +186,14 @@
overflow-y: scroll; overflow-y: scroll;
padding-right: 1rem !important; padding-right: 1rem !important;
} }
.div_row_list_pj {
width: 100%;
border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left;
}
} }
@media only screen and (min-width: 601px) and (max-width: 991px) { @media only screen and (min-width: 601px) and (max-width: 991px) {
@ -361,6 +369,12 @@
overflow-y: scroll; overflow-y: scroll;
padding-right: 1rem !important; padding-right: 1rem !important;
} }
.div_row_list_pj {
width: 50%;
border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1199px) { @media only screen and (min-width: 992px) and (max-width: 1199px) {
@ -536,6 +550,12 @@
overflow-y: scroll; overflow-y: scroll;
padding-right: 1rem !important; padding-right: 1rem !important;
} }
.div_row_list_pj {
width: 30%;
border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left;
}
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
@ -714,6 +734,13 @@
overflow-y: scroll; overflow-y: scroll;
padding-right: 1rem !important; padding-right: 1rem !important;
} }
.div_row_list_pj {
width: 30%;
border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left;
}
} }
// end media // end media

View File

@ -2285,7 +2285,7 @@
width: 30%; width: 30%;
border-left: 3mm ridge rgba(211, 220, 50, .6); border-left: 3mm ridge rgba(211, 220, 50, .6);
float: left; float: left;
} }
.block_competence { .block_competence {
width: 30%; width: 30%;

View File

@ -275,6 +275,15 @@
height: 2rem !important; height: 2rem !important;
} }
.bton_add_sous_menu_cmd_gauche_info {
background: #6fb8f7 !important;
color: black;
width: 100%;
height: 2rem !important;
}
@ -865,7 +874,14 @@
height: 2rem !important; height: 2rem !important;
} }
.bton_add_sous_menu_cmd_gauche_info {
background: #6fb8f7 !important;
color: black;
width: 100%;
height: 2rem !important;
}
.bton_put_to_invoice { .bton_put_to_invoice {
background: #d5f38f; background: #d5f38f;
color: black; color: black;
@ -1481,6 +1497,14 @@
height: 2rem !important; height: 2rem !important;
} }
.bton_add_sous_menu_cmd_gauche_info {
background: #6fb8f7 !important;
color: black;
width: 100%;
height: 2rem !important;
}
.bton_put_to_invoice { .bton_put_to_invoice {
background: #d5f38f; background: #d5f38f;
color: black; color: black;
@ -2012,6 +2036,14 @@
height: 2rem !important; height: 2rem !important;
} }
.bton_add_sous_menu_cmd_gauche_info {
background: #6fb8f7 !important;
color: black;
width: 100% !important;
height: 2rem !important;
}
.bton_put_to_invoice { .bton_put_to_invoice {
background: #d5f38f; background: #d5f38f;
color: black; color: black;