qsq
parent
215520a9e9
commit
a6bf533cc6
|
@ -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> <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> <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
|
||||
|
|
|
@ -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> <Button onClick={(event) => {
|
||||
}} > <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());
|
||||
|
||||
}} > 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 <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>
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -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";
|
||||
|
|
Loading…
Reference in New Issue