more attempts to fix calendar - commented out

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue

@@ -70,7 +70,7 @@
     </div>
   </div>
   <FullCalendar :options="calendarOptions" ref="calendarRef">
-    <template v-slot="arg: EventApi">
+    <template v-slot:eventContent="arg">
       <span :class="eventClasses(arg.event)">
           <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>
@@ -163,16 +163,30 @@ const baseOptions = ref<CalendarOptions>({
   eventDrop: onEventDropOrResize,
   // when an event si clicked
   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,
   editable: true,
-  customButtons: {
+/*  customButtons: {
     prevWeek: {
       text: '<',
-      click: function() {
-
-      }
+      click: goPrevious
     }
-  },
+  },*/
   headerToolbar: {
     left: 'prev,next today',
     center: 'title',
@@ -253,6 +267,19 @@ function onDateSelect(event: DateSelectArg): void {
   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
  */