{##} {% set isActive = isToday and now > item.timeStart and now <= item.timeEnd and not format == 'print' %} {% set color = structure.getColors(item.color ?? layer.getColor) %} {% set duration = item.allDay ? 30 : structure.timeDifference(item.timeStart, item.timeEnd) %}
{% if duration >= 40 %}
{{ item.period ?? item.type }} {% if item.overlap is empty %} {{ item.timeStart|slice(0,5)|trim('0', 'left') }} - {{ item.timeEnd|slice(0,5)|trim('0', 'left') }} {% endif %}
{% endif %} {% if duration >= 15 %}
{{ duration >= 40 ? item.title|slice(0,40) : item.title|slice(0,22) }}
{% endif %} {% if duration >= 40 and item.subtitle %} {% if item.hasStatus('spaceChanged') %} {{ icon('basic', 'arrow-move', 'size-3 text-red-700 inline align-sub') }} {% endif %} {{ item.subtitle|slice(0,30) }} {% endif %}
{% if item.overlap and item.overlap|length > 0 %}
{% for overlap in item.overlap %}
{{ include('ui/timetableItem.twig.html', {item: overlap, overlap: true}) }}
{% endfor %}
{% endif %} {% if format != 'print' %} {% set iconSize = duration >= 50 ? 'size-6' : duration >= 30 ? 'size-5' : 'size-3' %} {% if item.primaryAction and duration >= 20 %} {% set action = item.primaryAction %} {% set iconClass = action.iconClass ? action.iconClass : 'text-gray-600 hover:text-gray-800' %} {{ icon(action.iconLibrary ?? 'solid', action.icon, iconSize ~ ' ' ~ iconClass) }} {% endif %} {% if item.secondaryAction and duration >= 20 %} {% set action = item.secondaryAction %} {% set iconClass = action.iconClass ? action.iconClass : 'text-gray-600 hover:text-gray-800' %} {{ icon(action.iconLibrary ?? 'solid', action.icon, iconSize ~ ' ' ~ iconClass) }} {% endif %} {% if item.hasStatus('overlap') and duration >= 40 %}
{{ icon('outline', 'layers', 'size-5 text-gray-500 hover:text-gray-600') }}
{% endif %} {% endif %}