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

more attempts to fix calendar - commented out

Browse Source
This commit is contained in:
Julie Lenaerts 2022-11-21 16:43:19 +01:00
parent ac42fdff25
commit 3ad5e592e7
1 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
View File

@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<FullCalendar :options="calendarOptions" ref="calendarRef"> <FullCalendar :options="calendarOptions" ref="calendarRef">
<template v-slot="arg: EventApi"> <template v-slot:eventContent="arg">
<span :class="eventClasses(arg.event)"> <span :class="eventClasses(arg.event)">
<b v-if="arg.event.extendedProps.is === 'remote'">{{ arg.event.title}}</b> <b v-if="arg.event.extendedProps.is === 'remote'">{{ arg.event.title}}</b>
<b v-else-if="arg.event.extendedProps.is === 'range'">{{ arg.timeText }} - {{ arg.event.extendedProps.locationName }}</b> <b v-else-if="arg.event.extendedProps.is === 'range'">{{ arg.timeText }} - {{ arg.event.extendedProps.locationName }}</b>
@ -163,16 +163,30 @@ const baseOptions = ref<CalendarOptions>({
eventDrop: onEventDropOrResize, eventDrop: onEventDropOrResize,
// when an event si clicked // when an event si clicked
eventClick: onEventClick, eventClick: onEventClick,
/* eventContent: function(arg) {
let spanEvent = document.createElement('span')
// spanEvent.classList.add(eventClasses(arg.event))
if (arg.event.extendedProps.is === 'remote') {
spanEvent.innerHTML = `<b>${arg.event.title}</b>`
} else if(arg.event.extendedProps.is === 'range') {
spanEvent.innerHTML = `<b>${arg.timeText} - ${arg.event.extendedProps.locationName}</b>
<a class="fa fa-fw fa-times delete"></a>`
} else if(arg.event.extendedProps.is === 'local') {
spanEvent.innerHTML = `<b>${arg.event.title}</b>`
}
let arrayOfDomNodes = [ spanEvent ]
return { domNodes: arrayOfDomNodes }
},*/
selectMirror: false, selectMirror: false,
editable: true, editable: true,
customButtons: { /* customButtons: {
prevWeek: { prevWeek: {
text: '<', text: '<',
click: function() { click: goPrevious
}
} }
}, },*/
headerToolbar: { headerToolbar: {
left: 'prev,next today', left: 'prev,next today',
center: 'title', center: 'title',
@ -253,6 +267,19 @@ function onDateSelect(event: DateSelectArg): void {
store.dispatch('calendarRanges/createRange', {start: event.start, end: event.end, location: pickedLocation.value}); store.dispatch('calendarRanges/createRange', {start: event.start, end: event.end, location: pickedLocation.value});
} }
/*function goPrevious() {
const currentStartObj = store.state.fullCalendar.currentView.start;
const currentEndObj = store.state.fullCalendar.currentView.end;
if (currentStartObj != null && currentEndObj != null) {
const prevDates = {
start: new Date(currentStartObj).setDate(currentStartObj.getDate() - 7),
end: currentEndObj.setDate(currentEndObj.getDate() - 7)
}
store.dispatch('calendarRanges/createRange', prevDates);
console.log('prevDates', prevDates);
}
}*/
/** /**
* When a calendar range is deleted * When a calendar range is deleted
*/ */