templates/calendar/layout/calendar_grid_layout.html.twig line 1

Open in your IDE?
  1. {% set weekPeriod = weeks|first.period %}
  3. <div class="grid grid-cols-7 bg-neutral-900">
  4.   {% for day in weekPeriod %}
  5.     <div class="py-3 text-center text-white uppercase bg-neutral-900">
  6.       {% set localeDayName = day.locale(app.request.locale) %}
  7.       <span class="hidden lg:inline">{{ localeDayName.isoFormat('dddd') }}</span>
  8.       <span class="inline lg:hidden">{{ localeDayName.isoFormat('dd') }}</span>
  9.     </div>
  10.   {% endfor %}
  11. </div>
  13. <div class="grid grid-rows-5">
  14.   {% for week in weeks %}
  15.     {# Week Row #}
  16.     <div class="relative">
  17.       {# Day Tiles #}
  18.       <div class="absolute top-0 left-0 grid w-full h-full grid-cols-7 pointer-events-none">
  19.         {% for day in week.period %}
  20.           {% include 'calendar/calendar_day_tile.html.twig' %}
  21.         {% endfor %}
  22.       </div>
  23.       {# Events #}
  24.       <div class="relative grid grid-flow-row-dense grid-cols-7 gap-px pb-4 mt-16">
  25.         {% for entry in week.events %}
  26.           {% block calendar_event_tile %}
  27.             {% include 'calendar/calendar_event_tile.html.twig' %}
  28.           {% endblock %}
  29.         {% endfor %}
  30.       </div>
  31.     </div>
  32.   {% endfor %}
  33. </div>