Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 13:24:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

rdv: edit calendar range: fix display of new calendar ranges

Browse Source
This commit is contained in:
nobohan 2021-08-31 09:03:12 +02:00
parent 6d607e3939
commit bcb36ddc11
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App.vue
View File

@ -34,11 +34,11 @@ export default {
userId: window.userId, userId: window.userId,
showMyCalendar: true, showMyCalendar: true,
calendarEvents: { calendarEvents: {
userCalendar: [], userCalendar: null,
userCalendarRange: [], userCalendarRange: null,
new: { new: {
events: [], events: [],
color: "red" color: "#3788d8"
} }
}, },
calendarOptions: { calendarOptions: {
@ -50,6 +50,8 @@ export default {
selectable: true, selectable: true,
select: this.onDateSelect, select: this.onDateSelect,
eventChange: this.onEventChange, eventChange: this.onEventChange,
eventDrop: this.onEventDropOrResize,
eventResize: this.onEventDropOrResize,
// eventClick: this.onEventClick, // eventClick: this.onEventClick,
selectMirror: true, selectMirror: true,
editable: true, editable: true,
@ -79,7 +81,7 @@ export default {
); );
let calendarRangeEvents = { let calendarRangeEvents = {
events: events, events: events,
color: 'orange', color: '#79bafc',
textColor: '#444444' textColor: '#444444'
}; };
this.calendarEvents.userCalendarRange = calendarRangeEvents; this.calendarEvents.userCalendarRange = calendarRangeEvents;
@ -107,8 +109,8 @@ export default {
}, },
updateEventsSource() { updateEventsSource() {
this.calendarOptions.eventSources = []; this.calendarOptions.eventSources = [];
this.calendarOptions.eventSources.push(this.calendarEvents.userCalendarRange);
this.calendarOptions.eventSources.push(this.calendarEvents.new); this.calendarOptions.eventSources.push(this.calendarEvents.new);
this.calendarOptions.eventSources.push(this.calendarEvents.userCalendarRange);
if (this.showMyCalendar) { if (this.showMyCalendar) {
this.calendarOptions.eventSources.push(this.calendarEvents.userCalendar); this.calendarOptions.eventSources.push(this.calendarEvents.userCalendar);
} }
@ -122,17 +124,24 @@ export default {
}, },
onDateSelect(payload) { onDateSelect(payload) {
console.log(payload) console.log(payload)
this.calendarEvents.new.events.push({ //TODO does not work let events = this.calendarEvents.new.events;
events.push({
start: payload.startStr, start: payload.startStr,
end: payload.endStr, end: payload.endStr
}); });
this.calendarEvents.new = {
events: events,
color: "#3788d8"
};
this.updateEventsSource(); this.updateEventsSource();
this.$store.dispatch('createRange', payload); this.$store.dispatch('createRange', payload);
}, },
onEventChange(payload) { onEventChange(payload) {
console.log(payload) console.log(payload)
this.$store.dispatch('updateRange', payload); this.$store.dispatch('updateRange', payload);
//TODO update the eventsSource with payload, or use the store for updating the eventsSource },
onEventDropOrResize(payload) {
payload.event.setProp('color', '#3788d8');
}, },
// onEventClick(payload) { // onEventClick(payload) {
// console.log(payload) // console.log(payload)