Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

rdv: fix timezone issue for editing events

Browse Source
This commit is contained in:
nobohan 2021-08-16 15:39:12 +02:00
parent 981c819f56
commit afad23eb0f
3 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/store.js
View File

@ -107,14 +107,24 @@ const store = createStore({
},
// Calendar
setDateRange({ commit }, payload) {
console.log('### action setDateRange', payload);
createEvent({ commit }, payload) {
console.log('### action createEvent', payload);
let startDateInput = document.getElementById("chill_calendarbundle_calendar_startDate");
startDateInput.value = payload.startStr;
let endDateInput = document.getElementById("chill_calendarbundle_calendar_endDate");
endDateInput.value = payload.endStr;
commit('setEvents', payload);
}
},
updateEvent({ commit }, payload) {
console.log('### action updateEvent', payload);
let startDateInput = document.getElementById("chill_calendarbundle_calendar_startDate");
console.log(payload.event)
startDateInput.value = payload.event.start.toISOString();
let endDateInput = document.getElementById("chill_calendarbundle_calendar_endDate");
endDateInput.value = payload.event.end.toISOString();
commit('setEvents', payload);
},
}
});

22
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarEvent/CalendarEvent.vue
View File

@ -21,19 +21,21 @@ export default {
return {
calendarOptions: {
plugins: [ dayGridPlugin, interactionPlugin, timeGridPlugin ],
initialView: 'dayGridMonth',
initialView: 'timeGridWeek',
initialEvents: window.startDate !== undefined ?
[
{
id: 1,
start: window.startDate.date,
end: window.endDate.date
start: window.startDate,
end: window.endDate
}
] : [],
initialDate: window.startDate !== undefined ? window.startDate.date : new Date(),
initialDate: window.startDate !== undefined ? window.startDate : new Date(),
selectable: true,
select: this.onDateSelect,
eventChange: this.onEventChange,
selectMirror: true,
editable: true,
headerToolbar: {
left: 'prev,next today',
center: 'title',
@ -44,8 +46,16 @@ export default {
},
methods: {
onDateSelect(payload) {
this.$store.dispatch('setDateRange', payload);
this.$store.dispatch('createEvent', payload);
},
onEventChange(payload) {
this.$store.dispatch('updateEvent', payload);
}
}
},
// mounted() {
// console.log(window.startDate);
// console.log(window.endDate);
// console.log(window.date);
// }
}
</script>

4
src/Bundle/ChillCalendarBundle/Resources/views/Calendar/editAccompanyingCourse.html.twig
View File

@ -25,8 +25,8 @@
'{{ "You are going to leave a page with unsubmitted data. Are you sure you want to leave ?"|trans }}');
});
window.entity = {{ entity_json|json_encode|raw }};
window.startDate = {{ entity.startDate|json_encode|raw }};
window.endDate = {{ entity.endDate|json_encode|raw }};
window.startDate = {{ entity.startDate|date('Y-m-d H:i:s')|json_encode|raw }};
window.endDate = {{ entity.endDate|date('Y-m-d H:i:s')|json_encode|raw }};
</script>
{{ encore_entry_script_tags('vue_calendar') }}
{% endblock %}