templates/content/eventCalendar.html.twig line 1

Open in your IDE?
  1. <div>
  2.     {% if editmode %}
  3.         {% block scripts %}
  4.             {{ encore_entry_script_tags('app') }}
  5.         {% endblock %}
  6.         {% block stylesheets %}
  7.             {{ encore_entry_link_tags('style') }}
  8.         {% endblock %}
  9.         {% block head_links %}
  10.             {{ pimcore_head_link() }}
  11.         {% endblock %}
  12.         <div style="margin-left: 100px;" class="editmode-label p-10">
  13.             <span>Snippet Content</span>
  14.             <div class="shadow-card p-5 transition">
  15.                 <div class="grid grid-cols-2 gap-5">
  16.                     <div class="col">
  17.                         Title
  18.                         <h4 class="text-3xl md:text-4xl font-mont-heavy">
  19.                             {{ pimcore_input('title', {
  20.                                 placeholder: 'Events',
  21.                                 class: 'h-[50px] font-mont-heavy text-dark-blue uppercase'
  22.                             }) }}
  23.                         </h4>
  24.                     </div>
  25.                     <div class="col">
  26.                         News-Linktitle<br/>
  27.                         {{ pimcore_input('linktitle', {
  28.                             placeholder: '...'
  29.                         }) }}<br/>
  30.                         Link<br/>
  31.                         {{ pimcore_link('link') }}
  32.                     </div>
  33.                     <div class="col">
  34.                         Komplette Liste (kein Slider)
  35.                         {{ pimcore_checkbox('complete') }}
  36.                     </div>
  37.                     <div class="col">
  38.                         Suchbegriff (falls nur besondere Events gelistet werden sollen). Beispiel: heimathit
  39.                         {{ pimcore_input('search') }}
  40.                         oder Topics (Komma getrennt):
  41.                         {{ pimcore_input('topics') }}
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     {% else %}
  47.         {% set complete = pimcore_checkbox('complete') %}
  48.         <div class="container {% if complete.isChecked() %}mt-5{% else %}mt-20{% endif%} mb-10">
  49.             <div class="flex flex-wrap lg:flex-nowrap justify-between px-5 2xl:px-0">
  50.                 <div class="col w-full flex-none mb-0 lg:mb-0 lg:flex-1 lg:w-auto font-mont-heavy text-3xl md:text-4xl uppercase">{{ pimcore_input('title') }}</div>
  51.                 <div class="col align-content-end mb-5 lg:mb-0">
  52.                     <a href="{{ pimcore_link('link').getHref() }}" class="link font-mont-heavy text-sm uppercase">{{ pimcore_input('linktitle') }}</a>
  53.                 </div>
  54.             </div>
  55.             <div class="vue-app md:px-5 2xl:px-0">
  56.                 <event-calendar
  57.                     timeline="true"
  58.                     current-week="{{ "now" | date('W') }}"
  59.                     current-year="{{ "now" | date('o') }}"
  60.                     current-weekStart="{{ "now" | date('Ymd') }}"
  61.                     search="{{ pimcore_input('search') }}"
  62.                     topics-search="{{ pimcore_input('topics') }}"
  63.                     mode="{% if complete.isChecked() %}complete{% else %}slider{% endif %}"></event-calendar>
  64.             </div>
  65.         </div>
  66.     {% endif %}
  67. </div>