Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-03 14:37:44 +00:00
Code Issues Actions Projects Releases Wiki Activity

attempt to fix calendar navigation through calendar object

Browse Source
This commit is contained in:
Julie Lenaerts 2022-11-22 20:10:13 +01:00
parent 3ad5e592e7
commit fee0a5ce58
1 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -138,6 +138,7 @@ const store = useStore(key);
const {t} = useI18n();
const calendarRef = ref();
const showWeekends = ref(false);
const slotDuration = ref('00:05:00');
const slotMinTime = ref('09:00:00');
@ -165,6 +166,7 @@ const baseOptions = ref<CalendarOptions>({
eventClick: onEventClick,
/* eventContent: function(arg) {
let spanEvent = document.createElement('span')
let rangeEvent = document.createElement('b')
// spanEvent.classList.add(eventClasses(arg.event))
if (arg.event.extendedProps.is === 'remote') {
@ -188,7 +190,7 @@ const baseOptions = ref<CalendarOptions>({
}
},*/
headerToolbar: {
left: 'prev,next today',
left: 'prev,next today prevWeek',
center: 'title',
right: 'timeGridWeek,timeGridDay'
},
@ -268,15 +270,40 @@ function onDateSelect(event: DateSelectArg): void {
}
/*function goPrevious() {
const viewType = calendarRef.value.getApi().view.type;
const currentStartObj = store.state.fullCalendar.currentView.start;
const currentEndObj = store.state.fullCalendar.currentView.end;
let prevDates = {};
if (currentStartObj != null && currentEndObj != null) {
const prevDates = {
start: new Date(currentStartObj).setDate(currentStartObj.getDate() - 7),
end: currentEndObj.setDate(currentEndObj.getDate() - 7)
if (viewType === "timeGridWeek") {
console.log(typeof(currentStartObj));
prevDates = {
start: new Date(new Date(currentStartObj).setDate(currentStartObj.getDate() - 7)),
end: new Date(currentEndObj.setDate(currentEndObj.getDate() - 7))
}
} else {
prevDates = {
start: new Date(currentStartObj).setDate(currentStartObj.getDate() - 1),
end: currentEndObj.setDate(currentEndObj.getDate() - 1)
}
}
store.dispatch('calendarRanges/createRange', prevDates);
}
calendarRef.value.getApi().setOption('visibleRange', {start: '2022-11-14', end: '2022-11-19'});
}*/
/*function goNext() {
const viewType = calendarRef.value.getApi().view.type;
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);
}
}*/
@ -284,12 +311,9 @@ function onDateSelect(event: DateSelectArg): void {
* When a calendar range is deleted
*/
function onClickDelete(event: EventApi): void {
console.log('onClickDelete', event);
if (event.extendedProps.is !== 'range') {
return;
}
store.dispatch('calendarRanges/deleteRange', event.extendedProps.calendarRangeId);
}