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
} 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";
@ -2308,7 +2311,7 @@ const DisplayPartnerSession = (props) => {
setNew_Getall_TrainingSession_result_Timeline_Item(timeline_item);
setNew_Getall_TrainingSession_result_Timeline_Group(timeline_grp);
}
}
@ -13723,6 +13726,10 @@ const DisplayPartnerSession = (props) => {
const defaultTimeStart = moment().startOf("day").add(-3, "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_handleClose = () => {
@ -18621,12 +18628,34 @@ const DisplayPartnerSession = (props) => {
}}
>
<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
groups={New_Getall_TrainingSession_result_Timeline_Group}
items={New_Getall_TrainingSession_result_Timeline_Item}
defaultTimeStart={defaultTimeStart}
defaultTimeEnd={defaultTimeEnd}
//defaultTimeStart={defaultTimeStart}
//defaultTimeEnd={defaultTimeEnd}
visibleTimeStart={visible_start}
visibleTimeEnd={visible_end}
fullUpdate
itemTouchSendsClick={false}
stackItems
@ -19610,12 +19639,29 @@ const DisplayPartnerSession = (props) => {
}}
>
<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
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")}
defaultTimeStart={defaultTimeStart}
defaultTimeEnd={defaultTimeEnd}
// defaultTimeStart={defaultTimeStart}
//defaultTimeEnd={defaultTimeEnd}
visibleTimeStart={visible_start}
visibleTimeEnd={visible_end}
fullUpdate
itemTouchSendsClick={false}
stackItems

View File

@ -62,7 +62,9 @@ import {
import { gridClasses } from '@mui/x-data-grid';
import Box from '@mui/material/Box';
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) => {
@ -1721,47 +1723,21 @@ const Module_Agenda = (props) => {
}}
>
<div className="div_row" style={{ width: "100%", float: "left", padding: "5px" }}>
<div style={{ width: '100%', float: 'right' }}>
<div style={{ width: '20%', float: 'right' }}>
<Button onClick={(event) => {
<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());
}} > Prev </Button> &nbsp; <Button onClick={(event) => {
}} > <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());
}} > Next </Button>
}} > <ArrowForwardIosIcon /> </Button>
</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>
<Timeline
@ -1811,7 +1787,44 @@ const Module_Agenda = (props) => {
</TimelineMarkers>
</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>

View File

@ -1,18 +1,18 @@
.module_agenda {
.tooltip_css {
background: #81BC3A;
z-index: 9999;
}
}
.modal {
position: fixed;
z-index:9999;
top :0;
left:0;
right:0;
bottom:0;
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #464b5e;
color: white;
outline: none;
@ -269,7 +269,7 @@
width: 6%;
}
.icon_plus_line {
width: 3%;
}
@ -641,7 +641,7 @@
margin-left: 10px;
margin-right: 10px;
}
.bton_supprime_dialog {
border-radius: 5rem;
@ -657,11 +657,11 @@
padding-left: 5px;
}
.DialogContent_width{
.DialogContent_width {
width: 200px !important;
}
.mode_affichage {
width: 25%;
float: right;
@ -895,7 +895,7 @@
width: 6%;
}
.icon_plus_line {
width: 4%;
}
@ -1264,7 +1264,7 @@
margin-left: 10px;
margin-right: 10px;
}
.bton_supprime_dialog {
border-radius: 5rem;
@ -1280,11 +1280,11 @@
padding-left: 5px;
}
.DialogContent_width{
.DialogContent_width {
width: 500px !important;
}
.mode_affichage {
width: 15%;
float: right;
@ -1460,7 +1460,7 @@
}
.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input {
padding: 1px !important;
@ -1549,7 +1549,7 @@
width: 8%;
}
.icon_plus_line {
width: 3%;
}
@ -1793,7 +1793,7 @@
margin-left: 10px;
margin-right: 10px;
}
.bton_supprime_dialog {
border-radius: 5rem;
@ -1809,11 +1809,11 @@
padding-left: 5px;
}
.DialogContent_width{
.DialogContent_width {
width: 600px !important;
}
.mode_affichage {
width: 12%;
float: right;
@ -2420,7 +2420,7 @@
text-align: center;
}
.css-l4u8b9-MuiInputBase-root-MuiInput-root{
.css-l4u8b9-MuiInputBase-root-MuiInput-root {
text-align: left !important;
}
@ -2448,7 +2448,7 @@
margin-left: 10px;
margin-right: 10px;
}
.bton_supprime_dialog {
border-radius: 5rem;
@ -2465,11 +2465,11 @@
}
.DialogContent_width{
.DialogContent_width {
width: 600px !important;
}
.mode_affichage {
width: 8%;
float: right;
@ -2480,12 +2480,20 @@
// 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;
}
.css-1bp1ao6{
.css-1bp1ao6 {
height: 3.5rem !important;
}
@ -2514,7 +2522,7 @@
background-color: #FFFFFF;
}
.css-1v4ccyo {
height: 3.5rem !important;
font-size: small;
@ -2554,31 +2562,31 @@
align-items: center;
text-align: center;
margin-bottom: 0.5rem !important;
}
.separator::before,
.separator::after {
}
.separator::before,
.separator::after {
content: '';
flex: 1;
border-bottom: 1px solid #e0e0e0;
}
.separator:not(:empty)::before {
margin-right: .35em;
}
.separator:not(:empty)::after {
margin-left: .35em;
}
}
.MuiSelect-select{
.separator:not(:empty)::before {
margin-right: .35em;
}
.separator:not(:empty)::after {
margin-left: .35em;
}
.MuiSelect-select {
//height: 3rem !important;
}
}
.remove_border_bottom{
.remove_border_bottom {
border: unset;
}
}
}
@ -2605,7 +2613,7 @@
.css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root {
height: 3.5rem !important;
font-size: small !important;
}

View File

@ -43,10 +43,14 @@
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;
border-left: 1px solid #bbb !important;
}
.react-calendar-timeline {
font-size: 12px !important;
}
@import "./setting";
@import "./components/contact";