23/04/2024 - 14h06
parent
2a258e6aa9
commit
7cf222f74b
|
@ -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 <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 </font></nav>
|
||||||
<Popup
|
<Popup
|
||||||
trigger={
|
trigger={
|
||||||
<nav style={{ "color": "red", "cursor": "pointer" }} > Supprimer</nav>
|
<nav style={{ "color": "red", "cursor": "pointer" }} > Supprimer</nav>
|
||||||
|
|
|
@ -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";
|
||||||
|
|
|
@ -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">
|
||||||
|
|
||||||
|
|
|
@ -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)}
|
||||||
|
{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" }}>
|
||||||
|
|
||||||
|
</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>}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue