diff --git a/front/src/routes/calendar/index.js b/front/src/routes/calendar/index.js index 24c49b660c..ec497a2c2d 100644 --- a/front/src/routes/calendar/index.js +++ b/front/src/routes/calendar/index.js @@ -14,21 +14,14 @@ const localizer = dayjsLocalizer(dayjs); class Map extends Component { onRangeChange = range => { let from, to; - if (Array.isArray(range)) { - from = dayjs(range[0]) - .subtract(7, 'day') - .toDate(); + from = dayjs(range[0]).toDate(); to = dayjs(range[range.length - 1]) - .add(7, 'day') + .add(1, 'day') .toDate(); } else { - from = dayjs(range.start) - .subtract(7, 'day') - .toDate(); - to = dayjs(range.end) - .add(7, 'day') - .toDate(); + from = dayjs(range.start).toDate(); + to = dayjs(range.end).toDate(); } this.props.getEventsInRange(from, to); }; @@ -41,17 +34,48 @@ class Map extends Component { } }; + onViewChange = newView => { + localStorage.setItem('calendar_last_view', newView); + }; + componentWillMount() { dayjs.locale(this.props.user.language); - const from = dayjs() + let from = dayjs() .startOf('week') - .subtract(7, 'day') + .subtract(1, 'day') .toDate(); - const to = dayjs() + let to = dayjs() .endOf('week') - .add(7, 'day') + .add(1, 'day') .toDate(); + + switch (localStorage.getItem('calendar_last_view')) { + case 'month': + from = dayjs() + .startOf('month') + .subtract(7, 'day') + .toDate(); + to = dayjs() + .endOf('month') + .add(7, 'day') + .toDate(); + break; + case 'day': + from = dayjs() + .subtract(1, 'day') + .toDate(); + to = dayjs() + .add(1, 'day') + .toDate(); + break; + case 'agenda': + from = dayjs().toDate(); + to = dayjs() + .add(1, 'month') + .toDate(); + break; + } this.props.getEventsInRange(from, to); } @@ -79,7 +103,8 @@ class Map extends Component { }} popup onRangeChange={this.onRangeChange} - defaultView="week" + defaultView={localStorage.getItem('calendar_last_view') || 'week'} + onView={this.onViewChange} culture={props.user.language} messages={this.props.intl.dictionary.calendar} scrollToTime={dayjs()