Support.

The code is provided as a regular Bundle under the namespace Dp\CalendarBundle\Controller.
To use it, just copy the folder Dp in your src, register it it in your AppKernel.php:

public function registerBundles()
{
    $bundles = array(
        ...
        new Dp\CalendarBundle\DpCalendarBundle(),

Import the routing in app/routing.yml:

dp_calendar:
    resource: "@DpCalendarBundle/Resources/config/routing.yml"
    prefix: 

It is important to note that the templates in the bundle extend layout.html.twig in app/Resources/views, so you have to create such a file or change the templates to use your own.
Update your database and create at least one item and one state. If you use the admin before creating a state, there will be a booking with a null state_id which then creates troubles.
In the calendarstyle.css, the following state classes are already styled, feel free to use them: available, booked, provisional, transition.
Load the css and jQuery and you are good to go!

Also, the code to render a controller from a view has changed since Symfony 2.1. If you are using a version >=2.2, you have to modify both src/Dp/CalendarBundle/Resources/views/Default/index.html.twig and indexAdmin.html.twig and replace line 5 with:


    {{ render(controller('DpCalendarBundle:Default:calendarDisplay', { 'admin': false })) }}

for index.html.twig, and


    {{ render(controller('DpCalendarBundle:Default:calendarDisplay', { 'admin': true })) }}

for indexAdmin.html.twig, thank you Pere for noticing.

Bugs

October 23, 2013: this one hurts, thank you Gustav for reporting it. I promised myself I'd never fall for the classic Math.floor(-1.1) = -2. For those wondering, the best way in javascript to get the integer part of a decimal number (positive or negative) is:


    IntegerPart = MyDecimalNumber - MyDecimalNumber%1;

Applied to our case, you should replace line 95 of src/Dp/CalendarBundle/Resources/views/Default/calendar.html.twig:


    var newYear = year + Math.floor((3 * gap)/12);

with the 2 following lines:


    var gapYear = (3 * gap)/12;
    var newYear = year + gapYear - gapYear%1;

My to do.

  • Create an easy way to be able to chose the number of months displayed.
    It is feasible but requires to get into the code.
  • Create an easy way to be able to switch between starting weeks on Monday vs Sunday.
  • Add multilingual support.