templates/document/calendar.html.twig line 1

Open in your IDE?
  1. {% extends 'page.html.twig' %}
  3. {% block content %}
  4.   <turbo-frame id="calendar_layout" data-controller="calendar" data-turbo-action="advance">
  5.     <div class="">
  6.       {% include 'calendar/calendar_filter.html.twig' %}
  7.     </div>
  8.     <div class="container p-10 px-5 my-16 bg-white shadow-xl md:px-10" id="calendar">
  9.       <div class="flex items-center justify-between mb-8">
  10.         <h2 class="text-3xl font-medium tracking-wide uppercase text-primary-500 font-headline">
  11.           {{ 'Calendar'|trans }}
  12.         </h2>
  13.         <a class="uppercase" href="#map" target="_top">{{ 'Zur Karte'|trans }}</a>
  14.       </div>
  15.       <div class="mb-12">
  16.         {{ pimcore_wysiwyg('description', { height: 200 }) }}
  17.       </div>
  18.       {% include 'calendar/calendar.html.twig' %}
  19.     </div>
  21.     <div class="pb-16 bg-white md:pb-32" id="map">
  22.       <div class="container py-10">
  23.         <div class="flex items-center justify-between">
  24.           <h2 class="text-3xl font-medium tracking-wide uppercase text-primary-500 font-headline">
  25.             {{ 'Übersichts-Karte'|trans }}
  26.           </h2>
  27.           <a class="text-center uppercase" href="#calendar" target="_top">
  28.             {{ 'Zum Kalender'|trans }}
  29.           </a>
  30.         </div>
  31.       </div>
  33.       {# Karte #}
  34.       <div class="w-full h-80 md:h-160"
  35.         data-controller="leaflet"
  36.         data-leaflet-options-value="{{ {
  37.           center: [51.09141019121718, 10.298071932544334],
  38.           zoom: 3,
  39.           fitBoundsToMarker: true
  40.         }|json_encode }}"
  41.         data-leaflet-marker-value="{{ marker|json_encode }}">
  42.         <template data-leaflet-target="markerTemplate">
  43.           <b>%title%</b><br />
  44.           <span>%text%</span><br />
  45.         </template>
  46.         <div class="w-full h-full map" data-leaflet-target="map"></div>
  47.       </div>
  48.     </div>
  49.   </turbo-frame>
  50. {% endblock %}