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

rdv: style my calendar

Browse Source
This commit is contained in:
nobohan 2021-09-10 14:06:35 +02:00
parent 29c148f924
commit f6f24d0beb
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -169,9 +169,10 @@ export default {
}) })
); );
let calendarRangeEvents = { let calendarRangeEvents = {
events: events, events: events,
color: '#79bafc', borderColor: "#3788d8",
textColor: '#444444' backgroundColor: '#ffffff',
textColor: '#444444',
}; };
this.calendarEvents.userCalendarRange = calendarRangeEvents; this.calendarEvents.userCalendarRange = calendarRangeEvents;
@ -220,7 +221,9 @@ export default {
}); });
this.calendarEvents.new = { this.calendarEvents.new = {
events: events, events: events,
color: "#3788d8" borderColor: "#3788d8",
backgroundColor: '#fffadf ',
textColor: '#444444',
}; };
this.disableCopyDayButton = false; this.disableCopyDayButton = false;
this.lastNewDate = new Date(payload.startStr); this.lastNewDate = new Date(payload.startStr);
@ -230,7 +233,9 @@ export default {
onEventChange(payload) { onEventChange(payload) {
}, },
onEventDropOrResize(payload) { onEventDropOrResize(payload) {
payload.event.setProp('color', '#3788d8'); payload.event.setProp('borderColor', '#3788d8');
payload.event.setProp('backgroundColor', '#fffadf');
payload.event.setProp('textColor', '#444444');
this.$store.dispatch('updateRange', payload); this.$store.dispatch('updateRange', payload);
}, },
onClickSave(payload) { onClickSave(payload) {
@ -278,11 +283,11 @@ export default {
if (payload.extendedProps.hasOwnProperty("calendarRangeId")) { if (payload.extendedProps.hasOwnProperty("calendarRangeId")) {
if (payload.extendedProps.toDelete === 1) { if (payload.extendedProps.toDelete === 1) {
payload.setExtendedProp('toDelete', 0) payload.setExtendedProp('toDelete', 0)
payload.setProp('color', '#79bafc'); payload.setProp('borderColor', '#79bafc');
this.$store.dispatch('removeFromDeleteRange', payload); this.$store.dispatch('removeFromDeleteRange', payload);
} else { } else {
payload.setExtendedProp('toDelete', 1) payload.setExtendedProp('toDelete', 1)
payload.setProp('color', '#dddddd'); payload.setProp('borderColor', '#dddddd');
this.$store.dispatch('deleteRange', payload); this.$store.dispatch('deleteRange', payload);
} }
} else { } else {