Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-03 22:47:45 +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 5789d7feff
1 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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