Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-24 16:43:48 +00:00
Code Issues Actions Projects Releases Wiki Activity

rdv: fullcalendar: manage event clicking

Browse Source
This commit is contained in:
nobohan
2021-08-18 15:12:24 +02:00
parent a54434a677
commit 07eb5c797a
3 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue
View File

@@ -62,12 +62,15 @@ export default {
selectable: true,
select: this.onDateSelect,
eventChange: this.onEventChange,
eventClick: this.onEventClick,
eventMouseEnter: this.onEventMouseEnter,
eventMouseLeave: this.onEventMouseLeave,
selectMirror: true,
editable: true,
headerToolbar: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth,listWeek,listDay'
},
}
}
@@ -92,6 +95,17 @@ export default {
},
onEventChange(payload) {
this.$store.dispatch('updateEvent', payload);
},
onEventClick(payload) {
payload.event.setProp('backgroundColor','#3788d8');
payload.event.setProp('textColor','#ffffff');
this.$store.dispatch('updateEvent', payload);
},
onEventMouseEnter(payload) {
payload.event.setProp('borderColor','#444444');
},
onEventMouseLeave(payload) {
payload.event.setProp('borderColor','#ffffff');
}
},
mounted() {
@@ -99,3 +113,4 @@ export default {
}
}
</script>

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

@@ -118,7 +118,6 @@ const store = createStore({
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();