qsq
parent
215520a9e9
commit
a6bf533cc6
|
@ -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> <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> <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
|
||||||
|
|
|
@ -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> <Button onClick={(event) => {
|
}} > <ArrowBackIosNewIcon /> </Button> <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 <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>
|
||||||
|
|
||||||
|
|
|
@ -2480,6 +2480,14 @@
|
||||||
|
|
||||||
// end media
|
// end media
|
||||||
|
|
||||||
|
.timeline_datepicker {
|
||||||
|
width: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline_datepicker_bton_yaller {
|
||||||
|
width: 50%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {
|
.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {
|
||||||
height: 3.5rem !important;
|
height: 3.5rem !important;
|
||||||
|
|
|
@ -45,8 +45,12 @@
|
||||||
|
|
||||||
.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";
|
||||||
|
|
Loading…
Reference in New Issue