fix: removes fullcalendar from importmap and references from cdn

assets/controllers/upcoming_episodes_controller.js

@@ -2,26 +2,45 @@ import { Controller } from '@hotwired/stimulus';
 import { Calendar } from '@fullcalendar/core';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import timeGridPlugin from '@fullcalendar/timegrid';
-import listPlugin from '@fullcalendar/list';
+
 
 /* stimulusFetch: 'lazy' */
 export default class extends Controller {
+    calendar = null;
 
     initialize() {
 
     }
 
     connect() {
-        let calendar = new Calendar(this.element, {
-            plugins: [ dayGridPlugin, timeGridPlugin, listPlugin ],
+        this.calendar = new Calendar(this.element, {
+            plugins: [ dayGridPlugin, timeGridPlugin ],
             initialView: 'dayGridMonth',
             headerToolbar: {
                 left: 'prev,next today',
                 center: 'title',
-                right: 'dayGridMonth,timeGridWeek,listWeek'
+                right: 'dayGridMonth,timeGridWeek,timeGridDay'
+            },
+            editable: true, // Allow events to be dragged and resized
+            events: '/api/events', // Symfony route to fetch events
+            eventDrop: function(info) {
+                // Handle event drop (e.g., update event in database via AJAX)
+            },
+            eventResize: function(info) {
+                // Handle event resize (e.g., update event in database via AJAX)
             }
         });
-        calendar.render();
+        this.calendar.render();
+        // this.calendar = new Calendar(this.element, {
+        //     plugins: [ dayGridPlugin, timeGridPlugin, listPlugin ],
+        //     initialView: 'dayGridMonth',
+        //     headerToolbar: {
+        //         left: 'prev,next today',
+        //         center: 'title',
+        //         right: 'dayGridMonth,timeGridWeek,listWeek'
+        //     }
+        // });
+        // this.calendar.render();
         // calendar.render();
     }
 

assets/styles/app.css

@@ -27,6 +27,10 @@
     }
 }
 
+:root {
+    --fc-border-color: #a65b27;
+}
+
 /* Prevent scrolling while dialog is open */
 body:has(dialog[data-dialog-target="dialog"][open]) {
     overflow: hidden;
@@ -193,3 +197,7 @@ dialog[data-dialog-target="dialog"][closing] {
 .filter-label {
     @apply flex flex-col gap-1 justify-between;
 }
+
+.fc-col-header-cell {
+    @apply bg-orange-500/60 text-white;
+}