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

change ranges to 15min instead of 30 + save new range immediately

Browse Source
This commit is contained in:
Julie Lenaerts 2022-05-06 15:54:35 +02:00
parent 0f6dc3d997
commit 9c070cd8ae
1 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -172,13 +172,16 @@ export default {
selectMirror: false, selectMirror: false,
editable: true, editable: true,
weekends: false, weekends: false,
slotDuration: '00:15:00',
slotMinutes: 15,
slotMinTime: "08:00:00",
slotMaxTime: "18:00:00",
headerToolbar: { headerToolbar: {
left: 'prev,next today', left: 'prev,next today',
center: 'title', center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay' right: 'dayGridMonth,timeGridWeek,timeGridDay'
}, },
}, },
} }
}, },
computed: { computed: {
@ -277,7 +280,7 @@ export default {
if (this.showMyCalendar) { if (this.showMyCalendar) {
this.calendarOptions.eventSources.push(this.calendarEvents.userCalendar); this.calendarOptions.eventSources.push(this.calendarEvents.userCalendar);
} }
console.log(this.calendarOptions.eventSources); // console.log(this.calendarOptions.eventSources);
}, },
toggleMyCalendar(value) { toggleMyCalendar(value) {
this.showMyCalendar = value; this.showMyCalendar = value;
@ -286,6 +289,7 @@ export default {
this.calendarOptions.weekends = !this.calendarOptions.weekends; this.calendarOptions.weekends = !this.calendarOptions.weekends;
}, },
onDateSelect(payload) { onDateSelect(payload) {
// console.log('payload', payload);
let events = this.calendarEvents.new.events; let events = this.calendarEvents.new.events;
events.push({ events.push({
start: payload.startStr, start: payload.startStr,
@ -301,6 +305,18 @@ export default {
this.lastNewDate = new Date(payload.startStr); this.lastNewDate = new Date(payload.startStr);
this.updateEventsSource(); this.updateEventsSource();
this.$store.dispatch('createRange', payload); this.$store.dispatch('createRange', payload);
postCalendarRange({
user: {
type: 'user',
id: window.userId,
},
startDate: {
datetime: `${payload.start.toISOString().split('.')[0]}+0000`, //should be like "2021-08-20T15:00:00+0200",
},
endDate: {
datetime: `${payload.end.toISOString().split('.')[0]}+0000`, // TODO check if OK with time zone
},
})
}, },
onEventChange(payload) { onEventChange(payload) {
}, },
@ -322,7 +338,7 @@ export default {
professionals: payload.event.extendedProps.professionals, professionals: payload.event.extendedProps.professionals,
comment: payload.event.extendedProps.comment comment: payload.event.extendedProps.comment
}; };
console.log(this.myCalendarClickedEvent) // console.log(this.myCalendarClickedEvent)
this.openModal(); this.openModal();
} }
}, },
@ -407,7 +423,7 @@ export default {
return date.getDay() === 5 return date.getDay() === 5
}, },
copyDay(_payload) { copyDay(_payload) {
console.log(this.calendarEvents.new); // console.log(this.calendarEvents.new);
if (this.calendarEvents.new.events.length > 0) { if (this.calendarEvents.new.events.length > 0) {
// Create the copied events // Create the copied events
let increment = !this.calendarOptions.weekends && this.isFriday(this.lastNewDate) ? 24*60*60*1000*3 : 24*60*60*1000; let increment = !this.calendarOptions.weekends && this.isFriday(this.lastNewDate) ? 24*60*60*1000*3 : 24*60*60*1000;
@ -426,7 +442,7 @@ export default {
events: events, events: events,
color: "#3788d8" color: "#3788d8"
}; };
console.log(copiedEvents); // console.log(copiedEvents);
// Add to the calendar // Add to the calendar
let newEvents = this.calendarEvents.new.events; let newEvents = this.calendarEvents.new.events;