08/01/2025 - 21h
parent
7a1bee91ff
commit
57801ddb46
|
@ -32,7 +32,6 @@ function Account() {
|
|||
var val = tempo+" .";
|
||||
//alert(" val = "+val);
|
||||
settempo(val);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -15,6 +15,7 @@ import Header from "./Header";
|
|||
import SendIcon from '@mui/icons-material/Send';
|
||||
import { getCookie } from 'react-use-cookie';
|
||||
import { useHistory } from "react-router-dom";
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
const AddArticleAvis = () => {
|
||||
|
||||
|
|
|
@ -60,6 +60,8 @@ import { makeStyles } from "@material-ui/core/styles";
|
|||
import Paper from '@material-ui/core/Paper';
|
||||
import Draggable from 'react-draggable';
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
function PaperComponent(props) {
|
||||
return (
|
||||
<Draggable
|
||||
|
|
|
@ -34,7 +34,7 @@ import Radio from '@mui/material/Radio';
|
|||
import { FcOpenedFolder } from "react-icons/fc";
|
||||
import { MdManageAccounts } from "react-icons/md";
|
||||
import { FcInfo } from "react-icons/fc";
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
import Dialog from '@mui/material/Dialog';
|
||||
import DialogActions from '@mui/material/DialogActions';
|
||||
import DialogContent from '@mui/material/DialogContent';
|
||||
|
|
|
@ -63,6 +63,7 @@ import {
|
|||
|
||||
} from '@mui/x-data-grid';
|
||||
import * as XLSX from 'xlsx';
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
const Apprenant = (props) => {
|
||||
|
||||
|
|
|
@ -48,7 +48,7 @@ import { FcInfo } from "react-icons/fc";
|
|||
import { Document, Page } from 'react-pdf'
|
||||
import SignatureCanvas from 'react-signature-canvas';
|
||||
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
import { makeStyles } from "@material-ui/core/styles";
|
||||
import Paper from '@material-ui/core/Paper';
|
||||
import Draggable from 'react-draggable';
|
||||
|
|
|
@ -52,7 +52,7 @@ import Link from '@mui/material/Link';
|
|||
import { PiDotsThree } from "react-icons/pi";
|
||||
import SignatureCanvas from 'react-signature-canvas';
|
||||
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
import { makeStyles } from "@material-ui/core/styles";
|
||||
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 { RiFileExcel2Line } from "react-icons/ri";
|
||||
import AttachFileIcon from '@mui/icons-material/AttachFile';
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
const Employes = (props) => {
|
||||
const history = useHistory();
|
||||
const [submenu, setsubmenu] = useState("");
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
import React, { useState, useEffect } from "react";
|
||||
import UpdateUserInfo from "../components/UpdateUserInfo";
|
||||
import Button from '@mui/material/Button';
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
import { AiOutlineEdit } from "react-icons/ai";
|
||||
import { getCookie } from 'react-use-cookie';
|
||||
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 ToggleSwitch from "./ToggleSwitch";
|
||||
import ToggleSwitch_v2_mysy from "./ToggleSwitch_v2_mysy";
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
const Materiel_Salle = (props) => {
|
||||
const history = useHistory();
|
||||
|
|
|
@ -41,6 +41,7 @@ import DialogContentText from '@mui/material/DialogContentText';
|
|||
import DialogTitle from '@mui/material/DialogTitle';
|
||||
import { TransitionProps } from '@mui/material/transitions';
|
||||
import { IoAddCircleOutline, IoCloseCircleOutline } from "react-icons/io5";
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
const Materiels = (props) => {
|
||||
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 Menu from '@mui/material/Menu';
|
||||
import Module_Editique from "./Module_Editique";
|
||||
|
||||
import Module_Attestation_Formation from "./Module_Attestation_Formation";
|
||||
import Module_Email_Management from "./Module_Email_Management";
|
||||
|
||||
import ReactPlayer from "react-player";
|
||||
import ReactAudioPlayer 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 Alert from '@mui/material/Alert';
|
||||
import AlertTitle from '@mui/material/AlertTitle';
|
||||
|
||||
|
||||
import { makeStyles } from '@material-ui/core/styles';
|
||||
|
@ -84,6 +88,7 @@ import * as XLSX from 'xlsx';
|
|||
//import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition';
|
||||
import useSound from 'use-sound';
|
||||
|
||||
import Module_Alert_Confirmation from "./Module_Alert_Confirmation";
|
||||
|
||||
const useStyles = makeStyles((theme) => ({
|
||||
paper: {
|
||||
|
@ -123,8 +128,11 @@ const localizer = dateFnsLocalizer({
|
|||
})
|
||||
|
||||
|
||||
|
||||
const TestUrl_New = (props) => {
|
||||
|
||||
|
||||
|
||||
// DEBUT EXPORT EXCEL DATAGRID
|
||||
|
||||
function CustomToolbar(props) {
|
||||
|
@ -1071,7 +1079,7 @@ const TestUrl_New = (props) => {
|
|||
{ field: 'hierarchy', headerName: 'hierarchy Tes', 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)
|
||||
}
|
||||
|
||||
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 (
|
||||
<div className="testurl_new">
|
||||
|
@ -1297,10 +1324,10 @@ const TestUrl_New = (props) => {
|
|||
<div style={{ height: 400, width: '100%' }}> Datagrid Grouping <br />
|
||||
Grouper par <nav onClick={datagrid_grouped_by_domain} style={{ cursor: "pointer" }}> Domaine </nav>
|
||||
<DataGridPro
|
||||
// treeData
|
||||
// treeData
|
||||
rows={rows}
|
||||
columns={columns_no_group}
|
||||
// getTreeDataPath={getTreeDataPath}
|
||||
// getTreeDataPath={getTreeDataPath}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
@ -1309,7 +1336,7 @@ const TestUrl_New = (props) => {
|
|||
treeData
|
||||
rows={rows}
|
||||
columns={columns}
|
||||
getTreeDataPath={getTreeDataPath}
|
||||
getTreeDataPath={getTreeDataPath}
|
||||
/>
|
||||
</div>}
|
||||
|
||||
|
@ -1336,7 +1363,12 @@ const TestUrl_New = (props) => {
|
|||
|
||||
</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>
|
||||
<Module_Editique conntected_employee_id={"1234"} related_collection={"session_formation"} related_collection_recid={"65b378562f89e592bf0e4b78"} />
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -138,3 +138,4 @@
|
|||
@import "./components/intranet_tous_documents";
|
||||
@import "./components/modules_mes_documents";
|
||||
@import "./components/intranet_mes_stagiaires";
|
||||
@import "./components/module_alert_confirmation";
|
Loading…
Reference in New Issue