Styjun

I installed fullcalendarbundle, and I configured it as it is mentioned on the Github, but when I run it,
it shows nothing on the screen except [null, null] :

Or it should show me a calendar where I can add events and save them in the database.

Here is my listener:

namespace DoctixMedecinBundleEventListener;

 use DoctixMedecinBundleEntitySchedule;
 use ToibaFullCalendarBundleEntityEvent;
 use ToibaFullCalendarBundleEventCalendarEvent;

 use DoctrineORMEntityManagerInterface;
 use SymfonyComponentRoutingGeneratorUrlGeneratorInterface;

class FullCalendarListener

/**
 * @var EntityManager
 *
 */
private $em;

/**
 * @var UrlGeneratorInterface
 */
private $router;

public function __construct(EntityManagerInterface $em, UrlGeneratorInterface $router)

 $this->em = $em;
 $this->router = $router;

 /**
 * @param CalendarEvent $calendar
 */
public function loadEvents(CalendarEvent $calendar)

 $startDate = $calendar->getDateDebut();
 $endDate = $calendar->getDateFin();
 $filters = $calendar->getFilters();

 // You may want do a custom query to populate the calendar
 // b.beginAt is the start date in the booking entity
 $schedules = $this->em->getRepository(Schedule::class)
 ->createQueryBuilder('s')
 ->andWhere('s.date_debut BETWEEN :date_debut and :date_fin')
 ->setParameter('date_debut', $startDate->format('Y-m-d H:i:s'))
 ->setParameter('date_fin', $endDate->format('Y-m-d H:i:s'))
 ->getQuery()->getResult();

 foreach($schedules as $schedule) 

 // create an event with the booking data
 $scheduleEvent = new Event(
 $schedule->getTitle(),
 $schedule->getDateDebut(),
 $schedule->getDateFin() // If end date is null or not defined, it create an all day event
 );

 $scheduleEvent->setUrl(
 $this->router->generate('schedule_index', array(
 'id' => $schedule->getId(),
 ))
 );

 /*
 * For more information see : ToibaFullCalendarBundleEntityEvent
 * and : https://fullcalendar.io/docs/event-object
 */
 // $bookingEvent->setBackgroundColor($booking['bgColor']);
 // $bookingEvent->setCustomField('borderColor', $booking['bgColor']);

 // finally, add the booking to the CalendarEvent for displaying on the calendar
 $calendar->addEvent($scheduleEvent);
 

And here is my entity:

 namespace DoctixMedecinBundleEntity;

 use DoctrineORMMapping as ORM;

 /**
 * CalendarEvent
 *
 * @ORMTable(name="schedule")
 * 
 )
 */

class Schedule
 {
 /**
 * @var int
 *
 * @ORMColumn(name="id", type="integer")
 * @ORMId
 * @ORMGeneratedValue(strategy="AUTO")
 */
 private $id;
 /**
 * @var string
 *
 * @ORMColumn(name="title", type="string", length=255)
 */
 private $title;
 /**
 * @var DateTime
 *
 *@ORMColumn(name="date_debut", type="datetime", nullable=true)
 */
 private $date_debut;
 /**
 * @var DateTime
 *
 *@ORMColumn(name="date_fin", type="datetime", nullable=true)
 */
 private $date_fin;

 /**
 * @ORMManyToOne(targetEntity="DoctixMedecinBundleEntityMedecin")
 * @ORMJoinColumn(nullable=true)
 */
 private $medecin;


/**
 * @return int
 */
public function getId()

 return $this->id;

/**
 * @param int $id
 */
public function setId($id)

 $this->id = $id;

/**
 * @return string
 */
public function getTitle()

 return $this->title;

/**
 * @param string $title
 */
public function setTitle($title)

 $this->title = $title;
 return $this;


/**
 * @return DateTime
 */
public function getDateDebut()

 return $this->date_debut;

 /**
 * @return DateTime
 */
public function getDateFin()

 return $this->date_fin;

/**
 * @param DateTime $date_debut
 */
public function setDateDebut($date_debut)

 $this->date_debut = $date_debut;

/**
 * @param DateTime $date_fin
 */
public function setDateFin($date_fin)

 $this->date_fin = $date_fin;


 /**
 * Set medecin
 *
 * @param DoctixMedecinBundleEntityMedecin $medecin
 * @return Schedule
 */
public function setMedecin(DoctixMedecinBundleEntityMedecin $medecin)

 $this->medecin = $medecin;

 return $this;


/**
 * Get medecin
 *
 * @return DoctixMedecinBundleEntityMedecin 
 */
public function getMedecin()

 return $this->medecin;

And here is the rendering of my page:
rendering of my page
and following the page
Thank you, if you need another file, tell me

here is my js file:

$(function () 
 $('#calendar-holder').fullCalendar(
 events: '/schedule',
 locale: 'fr',
 header: 
 left: 'prev, next, today',
 center: 'title',
 right: 'month, agendaWeek, agendaDay'
 ,
 /* buttonText: 
 today: 'aujourd''hui',
 month: 'mois',
 week: 'semaine',
 day: 'jour',
 list: 'liste'
 */
 //weekends: false,
 timezone: ('Africa/Bamako'),
 businessHours: 
 start: '09:00',
 end: '18:00',
 dow: [1, 2, 3, 4, 5]
 ,
 allDaySlot: true,
 defaultView: 'month',
 lazyFetching: true,
 firstDay: 1,
 selectable: true,
 /*timeFormat: 
 agenda: 'h:mmt',
 '': 'h:mmt'
 ,*/
 /*columnFormat:
 month: 'ddd',
 week: 'ddd D/M',
 day: 'dddd'
 ,*/
 editable: true,
 eventDurationEditable: true,
 /* eventRender: function (event, element) 
 element.attr('href', 'javascript:void(0);');
 element.click(function()
 $("#calendar_modal").html(moment(event.title));
 $("#calendar_modal").html(moment(event.date_debut).format("Y-m-dTH:i:sP"));
 $("#calendar_modal").html(moment(event.date_fin).format("Y-m-dTH:i:sP"));
 $("eventLink").attr('href', event.url);
 $("eventContent").dialog( modal: true, title: event.title, width:350);
 );

 */
 );
);
 

And you're probably going to ask me why I did not call the url: fc-load-events, because this one always shows me the two [ ] tags on a blank page.

If your CRUD is done use this EventListener and modify all Booking or booking by your entity name.

<?php

namespace AppEventListener;

use AppEntityBooking;
use DoctrineORMEntityManager;
use SymfonyComponentRoutingGeneratorUrlGeneratorInterface;
use ToibaFullCalendarBundleEntityEvent;
use ToibaFullCalendarBundleEventCalendarEvent;

class FullCalendarListener

 /**
 * @var EntityManager
 */
 private $em;

 /**
 * @var UrlGeneratorInterface
 */
 private $router;

 public function __construct(EntityManager $em, UrlGeneratorInterface $router)
 
 $this->em = $em;
 $this->router = $router;
 

 /**
 * @param CalendarEvent $calendar
 */
 public function loadEvents(CalendarEvent $calendar)
 
 $startDate = $calendar->getStart();
 $endDate = $calendar->getEnd();
 $filters = $calendar->getFilters();

 // You may want do a custom query to populate the calendar
 // b.beginAt is the start date in the booking entity
 $bookings = $this->em->getRepository(Booking::class)
 ->createQueryBuilder('b')
 ->andWhere('b.beginAt BETWEEN :startDate and :endDate')
 ->setParameter('startDate', $startDate->format('Y-m-d H:i:s'))
 ->setParameter('endDate', $endDate->format('Y-m-d H:i:s'))
 ->getQuery()->getResult();

 foreach($bookings as $booking) 

 // create an event with the booking data
 $bookingEvent = new Event(
 $booking->getTitle(),
 $booking->getBeginAt(),
 $booking->getEndAt() // If end date is null or not defined, it create an all day event
 );

 $bookingEvent->setUrl(
 $this->router->generate('booking_show', array(
 'id' => $booking->getId(),
 ))
 );

 /*
 * For more information see : ToibaFullCalendarBundleEntityEvent
 * and : https://fullcalendar.io/docs/event-object
 */
 // $bookingEvent->setBackgroundColor($booking['bgColor']);
 // $bookingEvent->setCustomField('borderColor', $booking['bgColor']);

 // finally, add the booking to the CalendarEvent for displaying on the calendar
 $calendar->addEvent($bookingEvent);
 
 

I had a similar issue you can use this bundle :

https://github.com/tattali/CalendarBundle