08/01/2025 - 21h
parent
7a1bee91ff
commit
57801ddb46
|
@ -32,7 +32,6 @@ function Account() {
|
||||||
var val = tempo+" .";
|
var val = tempo+" .";
|
||||||
//alert(" val = "+val);
|
//alert(" val = "+val);
|
||||||
settempo(val);
|
settempo(val);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -15,6 +15,7 @@ import Header from "./Header";
|
||||||
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';
|
||||||
import { useHistory } from "react-router-dom";
|
import { useHistory } from "react-router-dom";
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
const AddArticleAvis = () => {
|
const AddArticleAvis = () => {
|
||||||
|
|
||||||
|
|
|
@ -60,6 +60,8 @@ import { makeStyles } from "@material-ui/core/styles";
|
||||||
import Paper from '@material-ui/core/Paper';
|
import Paper from '@material-ui/core/Paper';
|
||||||
import Draggable from 'react-draggable';
|
import Draggable from 'react-draggable';
|
||||||
|
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
function PaperComponent(props) {
|
function PaperComponent(props) {
|
||||||
return (
|
return (
|
||||||
<Draggable
|
<Draggable
|
||||||
|
|
|
@ -34,7 +34,7 @@ import Radio from '@mui/material/Radio';
|
||||||
import { FcOpenedFolder } from "react-icons/fc";
|
import { FcOpenedFolder } from "react-icons/fc";
|
||||||
import { MdManageAccounts } from "react-icons/md";
|
import { MdManageAccounts } from "react-icons/md";
|
||||||
import { FcInfo } from "react-icons/fc";
|
import { FcInfo } from "react-icons/fc";
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
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';
|
||||||
|
|
|
@ -63,7 +63,8 @@ import {
|
||||||
|
|
||||||
} from '@mui/x-data-grid';
|
} from '@mui/x-data-grid';
|
||||||
import * as XLSX from 'xlsx';
|
import * as XLSX from 'xlsx';
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
const Apprenant = (props) => {
|
const Apprenant = (props) => {
|
||||||
|
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
|
|
@ -48,7 +48,7 @@ import { FcInfo } from "react-icons/fc";
|
||||||
import { Document, Page } from 'react-pdf'
|
import { Document, Page } from 'react-pdf'
|
||||||
import SignatureCanvas from 'react-signature-canvas';
|
import SignatureCanvas from 'react-signature-canvas';
|
||||||
|
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@material-ui/core/styles";
|
||||||
import Paper from '@material-ui/core/Paper';
|
import Paper from '@material-ui/core/Paper';
|
||||||
import Draggable from 'react-draggable';
|
import Draggable from 'react-draggable';
|
||||||
|
|
|
@ -52,7 +52,7 @@ import Link from '@mui/material/Link';
|
||||||
import { PiDotsThree } from "react-icons/pi";
|
import { PiDotsThree } from "react-icons/pi";
|
||||||
import SignatureCanvas from 'react-signature-canvas';
|
import SignatureCanvas from 'react-signature-canvas';
|
||||||
|
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
import { makeStyles } from "@material-ui/core/styles";
|
import { makeStyles } from "@material-ui/core/styles";
|
||||||
import Paper from '@material-ui/core/Paper';
|
import Paper from '@material-ui/core/Paper';
|
||||||
|
|
|
@ -61,7 +61,7 @@ import BarChartIcon from '@mui/icons-material/BarChart';
|
||||||
import SsidChartIcon from '@mui/icons-material/SsidChart';
|
import SsidChartIcon from '@mui/icons-material/SsidChart';
|
||||||
import { RiFileExcel2Line } from "react-icons/ri";
|
import { RiFileExcel2Line } from "react-icons/ri";
|
||||||
import AttachFileIcon from '@mui/icons-material/AttachFile';
|
import AttachFileIcon from '@mui/icons-material/AttachFile';
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
const Employes = (props) => {
|
const Employes = (props) => {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
const [submenu, setsubmenu] = useState("");
|
const [submenu, setsubmenu] = useState("");
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import React, { useState, useEffect } from "react";
|
import React, { useState, useEffect } from "react";
|
||||||
import UpdateUserInfo from "../components/UpdateUserInfo";
|
import UpdateUserInfo from "../components/UpdateUserInfo";
|
||||||
import Button from '@mui/material/Button';
|
import Button from '@mui/material/Button';
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
import { AiOutlineEdit } from "react-icons/ai";
|
import { AiOutlineEdit } from "react-icons/ai";
|
||||||
import { getCookie } from 'react-use-cookie';
|
import { getCookie } from 'react-use-cookie';
|
||||||
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
|
import { DataGrid, GridToolbar, frFR } from '@mui/x-data-grid';
|
||||||
|
|
|
@ -43,6 +43,7 @@ import { TransitionProps } from '@mui/material/transitions';
|
||||||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
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 Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
const Materiel_Salle = (props) => {
|
const Materiel_Salle = (props) => {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
|
|
@ -41,6 +41,7 @@ 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 { TransitionProps } from '@mui/material/transitions';
|
||||||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
const Materiels = (props) => {
|
const Materiels = (props) => {
|
||||||
const history = useHistory();
|
const history = useHistory();
|
||||||
|
|
|
@ -0,0 +1,73 @@
|
||||||
|
import React, { useRef, useState, useEffect } from "react";
|
||||||
|
import Alert from '@mui/material/Alert';
|
||||||
|
import Stack from '@mui/material/Stack';
|
||||||
|
|
||||||
|
const Module_Alert_Confirmation = (props) => {
|
||||||
|
|
||||||
|
const [showElement,setShowElement] = React.useState(true);
|
||||||
|
|
||||||
|
useEffect(()=>{
|
||||||
|
setTimeout(function() {
|
||||||
|
setShowElement(false)
|
||||||
|
}, 4000);
|
||||||
|
},
|
||||||
|
[])
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="module_alert_confirmation" >
|
||||||
|
|
||||||
|
{showElement && props.alert_message && String(props.alert_type) === "1" && <Stack sx={{ width: '100%' }} spacing={2}>
|
||||||
|
<Alert severity="success"> {props.alert_message}</Alert>
|
||||||
|
<Alert severity="info"> {props.alert_message}</Alert>
|
||||||
|
<Alert severity="warning"> {props.alert_message}</Alert>
|
||||||
|
<Alert severity="error"> {props.alert_message}</Alert>
|
||||||
|
</Stack>}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{showElement && props.alert_message && String(props.alert_type) === "success" && <div style={{
|
||||||
|
width: "80%", margin: "auto",
|
||||||
|
position: "fixed", marginLeft: '10%', top: "10px", "border-left": "1rem solid green"
|
||||||
|
}}>
|
||||||
|
<Stack sx={{ width: '100%' }} spacing={2}>
|
||||||
|
<Alert variant="filled" severity="success"> {props.alert_message}</Alert>
|
||||||
|
</Stack>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{showElement && props.alert_message && String(props.alert_type) === "error" && <div style={{
|
||||||
|
width: "80%", margin: "auto",
|
||||||
|
position: "fixed", marginLeft: '5%', top: "10px", "border-left": "1rem solid red"
|
||||||
|
}}>
|
||||||
|
<Stack sx={{ width: '100%' }} spacing={2}>
|
||||||
|
<Alert variant="filled" severity="error"> {props.alert_message}</Alert>
|
||||||
|
</Stack>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
{showElement && props.alert_message && String(props.alert_type) === "info" && <div style={{
|
||||||
|
width: "80%", margin: "auto",
|
||||||
|
position: "fixed", marginLeft: '5%', top: "10px",
|
||||||
|
}}>
|
||||||
|
<Stack sx={{ width: '100%' }} spacing={2}>
|
||||||
|
<Alert variant="filled" severity="info"> {props.alert_message}</Alert>
|
||||||
|
</Stack>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
{showElement && props.alert_message && String(props.alert_type) === "warning" && <div style={{
|
||||||
|
width: "80%", margin: "auto",
|
||||||
|
position: "fixed", marginLeft: '5%', top: "10px",
|
||||||
|
}}>
|
||||||
|
<Stack sx={{ width: '100%' }} spacing={2}>
|
||||||
|
<Alert variant="filled" severity="warning"> {props.alert_message}</Alert>
|
||||||
|
</Stack>
|
||||||
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
|
</div >
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export default Module_Alert_Confirmation;
|
|
@ -37,8 +37,10 @@ import DialogTitle from '@mui/material/DialogTitle';
|
||||||
import Typography from '@mui/material/Typography';
|
import Typography from '@mui/material/Typography';
|
||||||
import Menu from '@mui/material/Menu';
|
import Menu from '@mui/material/Menu';
|
||||||
import Module_Editique from "./Module_Editique";
|
import Module_Editique from "./Module_Editique";
|
||||||
|
|
||||||
import Module_Attestation_Formation from "./Module_Attestation_Formation";
|
import Module_Attestation_Formation from "./Module_Attestation_Formation";
|
||||||
import Module_Email_Management from "./Module_Email_Management";
|
import Module_Email_Management from "./Module_Email_Management";
|
||||||
|
|
||||||
import ReactPlayer from "react-player";
|
import ReactPlayer from "react-player";
|
||||||
import ReactAudioPlayer from 'react-audio-player';
|
import ReactAudioPlayer from 'react-audio-player';
|
||||||
import AudioPlayer from 'react-audio-player';
|
import AudioPlayer from 'react-audio-player';
|
||||||
|
@ -49,6 +51,8 @@ import { styled } from '@mui/material/styles';
|
||||||
|
|
||||||
import { DataGridPro } from '@mui/x-data-grid-pro';
|
import { DataGridPro } from '@mui/x-data-grid-pro';
|
||||||
|
|
||||||
|
import Alert from '@mui/material/Alert';
|
||||||
|
import AlertTitle from '@mui/material/AlertTitle';
|
||||||
|
|
||||||
|
|
||||||
import { makeStyles } from '@material-ui/core/styles';
|
import { makeStyles } from '@material-ui/core/styles';
|
||||||
|
@ -84,6 +88,7 @@ import * as XLSX from 'xlsx';
|
||||||
//import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition';
|
//import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition';
|
||||||
import useSound from 'use-sound';
|
import useSound from 'use-sound';
|
||||||
|
|
||||||
|
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||||
|
|
||||||
const useStyles = makeStyles((theme) => ({
|
const useStyles = makeStyles((theme) => ({
|
||||||
paper: {
|
paper: {
|
||||||
|
@ -123,8 +128,11 @@ const localizer = dateFnsLocalizer({
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const TestUrl_New = (props) => {
|
const TestUrl_New = (props) => {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// DEBUT EXPORT EXCEL DATAGRID
|
// DEBUT EXPORT EXCEL DATAGRID
|
||||||
|
|
||||||
function CustomToolbar(props) {
|
function CustomToolbar(props) {
|
||||||
|
@ -1071,7 +1079,7 @@ const TestUrl_New = (props) => {
|
||||||
{ field: 'hierarchy', headerName: 'hierarchy Tes', width: 200 },
|
{ field: 'hierarchy', headerName: 'hierarchy Tes', width: 200 },
|
||||||
{ field: 'jobTitle', headerName: 'Job Title', width: 200 },
|
{ field: 'jobTitle', headerName: 'Job Title', width: 200 },
|
||||||
{
|
{
|
||||||
field: 'recruitmentDate', headerName: 'Recruitment Date', type: 'date', width: 150,
|
field: 'recruitmentDate', headerName: 'Recruitment Date', type: 'date', width: 150,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -1190,6 +1198,25 @@ const TestUrl_New = (props) => {
|
||||||
getTreeDataPath(rows)
|
getTreeDataPath(rows)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const [display_alert_mysy, setdisplay_alert_mysy] = useState("1");
|
||||||
|
|
||||||
|
/*
|
||||||
|
const [tempo, settempo] = useState(".");
|
||||||
|
setInterval(check, 2000);
|
||||||
|
|
||||||
|
|
||||||
|
window.setTimeout(function() {
|
||||||
|
window.location.href = process.env.REACT_APP_BASE_URL
|
||||||
|
}, 7000);
|
||||||
|
|
||||||
|
|
||||||
|
function check() {
|
||||||
|
var val = tempo+" .";
|
||||||
|
//alert(" val = "+val);
|
||||||
|
settempo(val);
|
||||||
|
}*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="testurl_new">
|
<div className="testurl_new">
|
||||||
|
@ -1297,10 +1324,10 @@ const TestUrl_New = (props) => {
|
||||||
<div style={{ height: 400, width: '100%' }}> Datagrid Grouping <br />
|
<div style={{ height: 400, width: '100%' }}> Datagrid Grouping <br />
|
||||||
Grouper par <nav onClick={datagrid_grouped_by_domain} style={{ cursor: "pointer" }}> Domaine </nav>
|
Grouper par <nav onClick={datagrid_grouped_by_domain} style={{ cursor: "pointer" }}> Domaine </nav>
|
||||||
<DataGridPro
|
<DataGridPro
|
||||||
// treeData
|
// treeData
|
||||||
rows={rows}
|
rows={rows}
|
||||||
columns={columns_no_group}
|
columns={columns_no_group}
|
||||||
// getTreeDataPath={getTreeDataPath}
|
// getTreeDataPath={getTreeDataPath}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -1309,7 +1336,7 @@ const TestUrl_New = (props) => {
|
||||||
treeData
|
treeData
|
||||||
rows={rows}
|
rows={rows}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
getTreeDataPath={getTreeDataPath}
|
getTreeDataPath={getTreeDataPath}
|
||||||
/>
|
/>
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
@ -1336,7 +1363,12 @@ const TestUrl_New = (props) => {
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<button> display mysy alert </button>
|
||||||
|
|
||||||
|
{display_alert_mysy && String(display_alert_mysy) === "1" &&
|
||||||
|
<div> <Module_Alert_Confirmation alert_message={"Okkkkkkk tout va bien"}
|
||||||
|
alert_type={"info"}
|
||||||
|
/> cooooo </div>}
|
||||||
|
|
||||||
<h2> Module Ediditique </h2>
|
<h2> Module Ediditique </h2>
|
||||||
<Module_Editique conntected_employee_id={"1234"} related_collection={"session_formation"} related_collection_recid={"65b378562f89e592bf0e4b78"} />
|
<Module_Editique conntected_employee_id={"1234"} related_collection={"session_formation"} related_collection_recid={"65b378562f89e592bf0e4b78"} />
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -137,4 +137,5 @@
|
||||||
@import "./components/intranet_factures_client";
|
@import "./components/intranet_factures_client";
|
||||||
@import "./components/intranet_tous_documents";
|
@import "./components/intranet_tous_documents";
|
||||||
@import "./components/modules_mes_documents";
|
@import "./components/modules_mes_documents";
|
||||||
@import "./components/intranet_mes_stagiaires";
|
@import "./components/intranet_mes_stagiaires";
|
||||||
|
@import "./components/module_alert_confirmation";
|
Loading…
Reference in New Issue