You are here

Home » API reference » Calendar 8

calendar-week-overlap.html.twig in Calendar 8

Template to display a view as a calendar week with overlapping items

$day_names: An array of the day of week names for the table header. $rows: The rendered data for this week.

For each day of the week, you have: $rows['date'] - the date for this day, formatted as YYYY-MM-DD. $rows['datebox'] - the formatted datebox for this day. $rows['empty'] - empty text for this day, if no items were found. $rows['all_day'] - an array of formatted all day items. $rows['items'] - an array of timed items for the day. $rows['items'][$time_period]['hour'] - the formatted hour for a time period. $rows['items'][$time_period]['ampm'] - the formatted ampm value, if any for a time period. $rows['items'][$time_period]['values'] - An array of formatted items for a time period.

$view: The view. $min_date_formatted: The minimum date for this calendar in the format YYYY-MM-DD HH:MM:SS. $max_date_formatted: The maximum date for this calendar in the format YYYY-MM-DD HH:MM:SS.

See also

template_preprocess_calendar_week.

File

templates/calendar-week-overlap.html.twig
View source 
  1. <?php

  2. /**

  3.  * @file

  4.  * Template to display a view as a calendar week with overlapping items

  5.  * 

  6.  * @see template_preprocess_calendar_week.

  7.  *

  8.  * $day_names: An array of the day of week names for the table header.

  9.  * $rows: The rendered data for this week.

  10.  * 

  11.  * For each day of the week, you have:

  12.  * $rows['date'] - the date for this day, formatted as YYYY-MM-DD.

  13.  * $rows['datebox'] - the formatted datebox for this day.

  14.  * $rows['empty'] - empty text for this day, if no items were found.

  15.  * $rows['all_day'] - an array of formatted all day items.

  16.  * $rows['items'] - an array of timed items for the day.

  17.  * $rows['items'][$time_period]['hour'] - the formatted hour for a time period.

  18.  * $rows['items'][$time_period]['ampm'] - the formatted ampm value, if any for a time period.

  19.  * $rows['items'][$time_period]['values'] - An array of formatted items for a time period.

  20.  * 

  21.  * $view: The view.

  22.  * $min_date_formatted: The minimum date for this calendar in the format YYYY-MM-DD HH:MM:SS.

  23.  * $max_date_formatted: The maximum date for this calendar in the format YYYY-MM-DD HH:MM:SS.

  24.  * 

  25.  */

  26. ?>

  27. <div class="calendar-calendar"><div class="week-view">

  28.   <div id="header-container">

  29.   <table class="full">

  30.   <tbody>

  31.     <tr class="holder"><td class="calendar-time-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder margin-right"></td></tr>

  32.     <tr>

  33.       <th class="calendar-agenda-hour">&nbsp;</th>

  34.       {% for cell in day_names %}

  35.         <th class="{{ cell.class }}" id="{{ cell.header_id }}">

  36.           {{ cell.data }}

  37.         </th>

  38.       {% endfor %}

  39.       <th class="calendar-day-holder margin-right"></th>

  40.     </tr>

  41.   </tbody>

  42.   </table>

  43.   </div>

  44.     {# Multi-day and all day events are not supported because dates don't have end values yes

  45.   <div id="multi-day-container">

  46.   <table class="full">

  47.   <tbody>

  48.   <tr class="holder"><td class="calendar-time-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td></tr>

  49.     {% for i in 0..multiday_rows %}

  50.       {% set row_class = 'all-day' %}

  51.       {% set row_class_extra = '' %}

  52.       {% if loop.first %}{% set row_class_extra = 'first' %}{% endif %}

  53.       {% if loop.last %}{% set row_class_extra = 'last' %}{% endif %}

  54. 

  55.       <tr class="{{ row_class }} {{ row_class_extra }}">

  56.         {% if loop.index0 == 0 and (by_hour_count > 0 or start_times is not empty) %}

  57.         <td class="{{ agenda_hour_class }}" rowspan="{{ multiday_rows }}">

  58.           <span class="calendar-hour">{% trans with {'context': 'datetime'} %}All day{% endtrans %}</span>

  59.         </td>

  60.         {% endif %}

  61. 

  62.         {% for j in 0..7 %}

  63.           {% set cell = all_day[j][i] %}

  64.           {% if cell is not empty and cell.filled and cell['wday'] == j %}

  65.             {% for position in colpos..cell['wday'] %}

  66.               {% set col_class = "calendar-agenda-items multi-day"%}

  67.               {% set col_class_extra = '' %}

  68.               {% if loop.first %}{% set col_class_extra = 'first' %}{% endif %}

  69.               {% if loop.last %}{% set col_class_extra = 'last' %}{% endif %}

  70. 

  71.               <td class="{{ col_class }} {{ col_class_extra }}"><div class="inner">&nbsp;</div></td>

  72.             {% endfor %}

  73. 

  74.             <td colspan="{{ cell['colspan'] }}" class="{{ col_class }}">

  75.               <div class="inner">

  76.                 {{ cell.entry }}

  77.               </div>

  78.             </td>

  79.             {% set colpos = colpos + cell['colspan'] %}

  80.           {% endif %}

  81.         {% endfor %}

  82. 

  83.         {% for k in colpos..7 %}

  84.           {% set col_class = "calendar-agenda-items multi-day no-entry" %}

  85.           {% set col_class_extra = '' %}

  86.           {% if loop.first %}{% set col_class_extra = 'first' %}{% endif %}

  87.           {% if loop.last %}{% set col_class_extra = 'last' %}{% endif %}

  88.           <td class="{{ col_class }} {{ col_class_extra }}"><div class="inner">&nbsp;</div></td>

  89.         {% endfor %}

  90.       </tr>

  91.     {% endfor %}

  92. 

  93.     {% if multiday_rows == 0 %}

  94.       <tr>

  95.         <td class="{{ agenda_hour_class }}">

  96.           <span class="calendar-hour">{% trans with {'context': 'datetime'} %}All day{% endtrans %}</span>

  97.         </td>

  98.         {% for j in 0..7 %}

  99.           {% set col_class = "calendar-agenda-items multi-day no-entry" %}

  100.           {% set col_class_extra = '' %}

  101.           {% if loop.first %}{% set col_class_extra = 'first' %}{% endif %}

  102.           {% if loop.last %}{% set col_class_extra = 'last' %}{% endif %}

  103.           <td class="{{ col_class }} {{ col_class_extra }}"><div class="inner">&nbsp;</div></td>

  104.         {% endfor %}

  105.       </tr>

  106.     {% endif %}

  107. 

  108.     <tr class="expand">

  109.       <td class="{{ agenda_hour_class }}">

  110.         <span class="calendar-hour">&nbsp;</span>

  111.       </td>

  112. 

  113.       {% for j in 0..7 %}

  114.         {% set col_class = "calendar-agenda-items multi-day no-entry" %}

  115.         {% set col_class_extra = '' %}

  116.         {% if loop.first %}{% set col_class_extra = 'first' %}{% endif %}

  117.         {% if loop.last %}{% set col_class_extra = 'last' %}{% endif %}

  118.         <td class="{{ col_class }} {{ col_class_extra }}"><div class="inner">&nbsp;</div></td>

  119.       {% endfor %}

  120.       <td class="{{ col_class }}"><div class="inner">&nbsp;</div></td>

  121.      </tr>

  122.   </thead> 

  123.   </table>

  124.   </div>

  125.   <div class="header-body-divider">&nbsp;</div>

  126.   #}

  127.   <div id="single-day-container">

  128.     <table class="full">

  129.       <tbody>

  130.         <tr class="holder"><td class="calendar-time-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td><td class="calendar-day-holder"></td></tr>

  131.         <tr>

  132.           {% for i in 0..7 %}

  133.             {% if loop.first %}

  134.               <td class="first">

  135.             {% elseif loop.index0 == 7 %}

  136.               <td class="last" headers="{{ header_ids[loop.index0 - 1] }}">

  137.             {% else %}

  138.               <td headers="{{ header_ids[loop.index0 - 1] }}">

  139.             {% endif %}

  140. 

  141.             {% for time_cnt, start_time in start_times %}

  142.               {% if time_cnt == 0 %}

  143.                 {% set class = 'first' %}

  144.               {% elseif time_cnt == start_times|length - 1 %}

  145.                 {% set class = 'last' %}

  146.               {% else %}

  147.                 {% set class = '' %}

  148.               {% endif %}

  149. 

  150.               {% if loop.parent.loop.first %}

  151.                 {% set time = items[start_time] %}

  152.                 <div class="{{ class }} calendar-agenda-hour">

  153.                   <span class="calendar-hour">{{ time.hour }}</span><span class="calendar-ampm">{{ time.ampm }}</span>

  154.                 </div>

  155.               {% else %}

  156.                 <div class="{{ class }} calendar-agenda-items single-day">

  157.                 <div class="half-hour">&nbsp;</div>

  158.                   <div class="calendar item-wrapper">

  159.                     <div class="inner">

  160.                       {#{% if items[start_time]['values'] is not empty %}{{ dump(items[start_time]['values']) }}{% endif %}#}

  161.                       {% if items[start_time]['values'][loop.parent.loop.index0 - 1] %}

  162.                         {% for item in items[start_time]['values'][loop.parent.loop.index0 - 1] %}

  163.                           {% if item['is_first'] %}

  164.                             <div class="item {{ item.class }} first_item">

  165.                           {% else %}

  166.                             <div class="item {{ item.class }}">

  167.                           {% endif %}

  168.                               {{ item.entry }}

  169.                             </div>

  170.                         {% endfor %}

  171.                       {% endif %}

  172.                     </div>

  173.                   </div>

  174.                 </div>

  175.                 {% endif %}

  176.               {% endfor %}

  177.             </td>

  178.           {% endfor %}

  179.         </tr>

  180.       </tbody>

  181.     </table>

  182.   </div>

  183.   <div class="single-day-footer">&nbsp;</div>

  184. </div></div>