recette2
cherif 2025-02-09 14:12:35 +01:00
parent 215520a9e9
commit a6bf533cc6
4 changed files with 157 additions and 86 deletions

View File

@ -123,6 +123,9 @@ import Timeline, {
CursorMarker CursorMarker
} from 'react-calendar-timeline'; } from 'react-calendar-timeline';
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
import ExitToAppIcon from '@mui/icons-material/ExitToApp';
import randomColor from "randomcolor"; import randomColor from "randomcolor";
@ -13723,6 +13726,10 @@ const DisplayPartnerSession = (props) => {
const defaultTimeStart = moment().startOf("day").add(-3, "day").toDate(); const defaultTimeStart = moment().startOf("day").add(-3, "day").toDate();
const defaultTimeEnd = moment().startOf("day").add(15, "day").toDate(); const defaultTimeEnd = moment().startOf("day").add(15, "day").toDate();
const [visible_start, setvisible_start] = useState(moment().startOf("day").add(-3, "day").toDate());
const [visible_end, setvisible_end] = useState(moment().startOf("day").add(15, "day").toDate());
const [Dialog_MAJ_Acces_LMS_open, setDialog_MAJ_Acces_LMS_open] = React.useState(false); const [Dialog_MAJ_Acces_LMS_open, setDialog_MAJ_Acces_LMS_open] = React.useState(false);
const Dialog_MAJ_Acces_LMS_handleClose = () => { const Dialog_MAJ_Acces_LMS_handleClose = () => {
@ -18621,12 +18628,34 @@ const DisplayPartnerSession = (props) => {
}} }}
> >
<div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}> <div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
<div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
<div style={{ width: '15rem', float: 'right' }}>
<Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("day").add(-15, "day").toDate());
setvisible_end(moment(visible_end).startOf("day").add(-15, "day").toDate());
}} > <ArrowBackIosNewIcon /> </Button> &nbsp; <Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("day").add(+15, "day").toDate());
setvisible_end(moment(visible_end).startOf("day").add(+15, "day").toDate());
}} > <ArrowForwardIosIcon /> </Button>
</div>
</div>
<Timeline <Timeline
groups={New_Getall_TrainingSession_result_Timeline_Group} groups={New_Getall_TrainingSession_result_Timeline_Group}
items={New_Getall_TrainingSession_result_Timeline_Item} items={New_Getall_TrainingSession_result_Timeline_Item}
defaultTimeStart={defaultTimeStart} //defaultTimeStart={defaultTimeStart}
defaultTimeEnd={defaultTimeEnd} //defaultTimeEnd={defaultTimeEnd}
visibleTimeStart={visible_start}
visibleTimeEnd={visible_end}
fullUpdate fullUpdate
itemTouchSendsClick={false} itemTouchSendsClick={false}
stackItems stackItems
@ -19610,12 +19639,29 @@ const DisplayPartnerSession = (props) => {
}} }}
> >
<div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}> <div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
<div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
<div style={{ width: '15rem', float: 'right' }}>
<Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("hour").add(-10, "hour").toDate());
setvisible_end(moment(visible_end).startOf("hour").add(-10, "hour").toDate());
}} > <ArrowBackIosNewIcon /> </Button> &nbsp; <Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("hour").add(+10, "hour").toDate());
setvisible_end(moment(visible_end).startOf("hour").add(+10, "hour").toDate());
}} > <ArrowForwardIosIcon /> </Button>
</div>
</div>
<Timeline <Timeline
groups={New_Getall_TrainingSession_result_Timeline_Group.filter(item => item.is_session_alert === "1")} groups={New_Getall_TrainingSession_result_Timeline_Group.filter(item => item.is_session_alert === "1")}
items={New_Getall_TrainingSession_result_Timeline_Item.filter(item => item.is_session_alert === "1")} items={New_Getall_TrainingSession_result_Timeline_Item.filter(item => item.is_session_alert === "1")}
defaultTimeStart={defaultTimeStart} // defaultTimeStart={defaultTimeStart}
defaultTimeEnd={defaultTimeEnd} //defaultTimeEnd={defaultTimeEnd}
visibleTimeStart={visible_start}
visibleTimeEnd={visible_end}
fullUpdate fullUpdate
itemTouchSendsClick={false} itemTouchSendsClick={false}
stackItems stackItems

View File

@ -62,7 +62,9 @@ import {
import { gridClasses } from '@mui/x-data-grid'; import { gridClasses } from '@mui/x-data-grid';
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
import { Background } from "victory"; import { Background } from "victory";
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
import ExitToAppIcon from '@mui/icons-material/ExitToApp';
const Module_Agenda = (props) => { const Module_Agenda = (props) => {
@ -1721,47 +1723,21 @@ const Module_Agenda = (props) => {
}} }}
> >
<div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}> <div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
<div style={{ width: '100%', float: 'right' }}> <div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
<div style={{ width: '20%', float: 'right' }}>
<div style={{ width: '15rem', float: 'right' }}>
<Button onClick={(event) => { <Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("hour").add(-10, "hour").toDate()); setvisible_start(moment(visible_start).startOf("hour").add(-10, "hour").toDate());
setvisible_end(moment(visible_end).startOf("hour").add(-10, "hour").toDate()); setvisible_end(moment(visible_end).startOf("hour").add(-10, "hour").toDate());
}} > Prev </Button> &nbsp; <Button onClick={(event) => { }} > <ArrowBackIosNewIcon /> </Button> &nbsp; <Button onClick={(event) => {
setvisible_start(moment(visible_start).startOf("hour").add(+10, "hour").toDate()); setvisible_start(moment(visible_start).startOf("hour").add(+10, "hour").toDate());
setvisible_end(moment(visible_end).startOf("hour").add(+10, "hour").toDate()); setvisible_end(moment(visible_end).startOf("hour").add(+10, "hour").toDate());
}} > Next </Button> }} > <ArrowForwardIosIcon /> </Button>
</div> </div>
<div style={{ width: '20%', float: 'right' }}>
<div>
<DatePicker
name="event_dialog_start"
id="event_dialog_start"
selected={date_timeline_goto}
onChange={(date) => {
return setdate_timeline_goto(date);
}
}
className="disabled_style session_caract_Dialog_DatePicker"
locale='fr-FR'
showTimeSelect
timeFormat="HH:mm"
timeIntervals={15}
dateFormat="dd/MM/yyyy HH:mm"
is24Hour
/><Button onClick={(event) => {
setvisible_start(moment(date_timeline_goto).startOf("hour").add(-3, "hour").toDate());
setvisible_end(moment(date_timeline_goto).startOf("hour").add(15, "hour").toDate());
}} > Y aller </Button>
</div>
</div>
</div> </div>
<Timeline <Timeline
@ -1811,7 +1787,44 @@ const Module_Agenda = (props) => {
</TimelineMarkers> </TimelineMarkers>
</Timeline> </Timeline>
<br />
<div style={{ width: '100%', float: 'right', textAlign: 'right' }}>
<div style={{ float: 'right' }}>
<Button onClick={(event) => {
setvisible_start(moment(date_timeline_goto).startOf("hour").add(-3, "hour").toDate());
setvisible_end(moment(date_timeline_goto).startOf("hour").add(15, "hour").toDate());
}} > GO &nbsp; <ExitToAppIcon /> </Button>
</div>
<div style={{ width: '15rem', float: 'right', paddingTop:'5px' }}>
<DatePicker
name="event_dialog_start"
id="event_dialog_start"
selected={date_timeline_goto}
onChange={(date) => {
return setdate_timeline_goto(date);
}
}
className="timeline_datepicker"
locale='fr-FR'
showTimeSelect
timeFormat="HH:mm"
timeIntervals={15}
dateFormat="dd/MM/yyyy HH:mm"
is24Hour
/>
</div>
</div>
</div> </div>

View File

@ -8,11 +8,11 @@
.modal { .modal {
position: fixed; position: fixed;
z-index:9999; z-index: 9999;
top :0; top: 0;
left:0; left: 0;
right:0; right: 0;
bottom:0; bottom: 0;
background: #464b5e; background: #464b5e;
color: white; color: white;
outline: none; outline: none;
@ -657,7 +657,7 @@
padding-left: 5px; padding-left: 5px;
} }
.DialogContent_width{ .DialogContent_width {
width: 200px !important; width: 200px !important;
} }
@ -1280,7 +1280,7 @@
padding-left: 5px; padding-left: 5px;
} }
.DialogContent_width{ .DialogContent_width {
width: 500px !important; width: 500px !important;
} }
@ -1809,7 +1809,7 @@
padding-left: 5px; padding-left: 5px;
} }
.DialogContent_width{ .DialogContent_width {
width: 600px !important; width: 600px !important;
} }
@ -2420,7 +2420,7 @@
text-align: center; text-align: center;
} }
.css-l4u8b9-MuiInputBase-root-MuiInput-root{ .css-l4u8b9-MuiInputBase-root-MuiInput-root {
text-align: left !important; text-align: left !important;
} }
@ -2465,7 +2465,7 @@
} }
.DialogContent_width{ .DialogContent_width {
width: 600px !important; width: 600px !important;
} }
@ -2480,12 +2480,20 @@
// end media // end media
.timeline_datepicker {
width: 10rem;
}
.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{ .timeline_datepicker_bton_yaller {
width: 50%;
float: left;
}
.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {
height: 3.5rem !important; height: 3.5rem !important;
} }
.css-1bp1ao6{ .css-1bp1ao6 {
height: 3.5rem !important; height: 3.5rem !important;
} }
@ -2571,12 +2579,12 @@
margin-left: .35em; margin-left: .35em;
} }
.MuiSelect-select{ .MuiSelect-select {
//height: 3rem !important; //height: 3rem !important;
} }
.remove_border_bottom{ .remove_border_bottom {
border: unset; border: unset;
} }

View File

@ -43,10 +43,14 @@
background: #FFF !important; background: #FFF !important;
} }
.rct-sidebar-row .rct-sidebar-row-even .rct-sidebar{ .rct-sidebar-row .rct-sidebar-row-even .rct-sidebar {
font-size: 12px !important; font-size: 12px !important;
border-left: 1px solid #bbb !important;
} }
.react-calendar-timeline {
font-size: 12px !important;
}
@import "./setting"; @import "./setting";
@import "./components/contact"; @import "./components/contact";