templates/content/flashTraffic.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="display: inline-block; margin-left: 100px;" class="editmode-label">
  13.             <span>Snippet Content</span>
  14.             <div class="bg-white shadow-card p-5 transition">
  15.                 <div class="h-[240px]">
  16.                     <h4 class="uppercase text-blue-light text-sm">
  17.                         {{ pimcore_input('title', {
  18.                             width: 400,
  19.                             placeholder: 'Verkehrsmeldungen',
  20.                             class: ''
  21.                         }) }}
  22.                     </h4>
  23.                     <div class="flex space-x-4 mt-5">
  24.                         <div class="flex-inital self-center text-3xl">
  25.                             <i class="icon-arrow-left"></i>
  26.                         </div>
  27.                         <div class="flex-1 space-y-4 py-1">
  28.                             <div class="h-4 bg-gray-200 rounded w-3/4"></div>
  29.                             <div class="space-y-2">
  30.                                 <div class="h-4 bg-gray-200 rounded"></div>
  31.                                 <div class="h-4 bg-gray-200 rounded w-5/6"></div>
  32.                             </div>
  33.                         </div>
  34.                         <div class="flex-inital self-center text-3xl">
  35.                             <i class="icon-arrow-right"></i>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  40.             </div>
  41.         </div>
  42.     {% else %}
  43.         {% if pimcore_input('title') or pimcore_wysiwyg('text') %}
  44.             <div>
  45.                 <div class="group bg-white dark:bg-neutral-900 dark:text-white shadow-card rounded py-5 md:hover:shadow-md transition">
  46.                     <div class="h-[200px] overflow-hidden flashTraffic">
  47.                         <div class="flex h-full flex-col justify-between">
  48.                             <div class="flex-initial px-5">
  49.                                 <a href="/radio/service#verkehr"><h4 class="uppercase text-blue dark:text-blue-light text-sm md:group-hover:translate-x-2 transition duration-300 ease-out">{{ pimcore_input('title') }}</h4></a>
  50.                             </div>
  51.                             <div class="flex-1">
  52.                                 <div class="vue-app h-full">
  53.                                     <flash-x source="/api/get-traffic-infos" display-text="true"></flash-x>
  54.                                 </div>
  55.                             </div>
  56.                             <div class="flex-initial px-5">
  57.                                 <div class="flex md:group-hover:-translate-x-2 transition duration-300 ease-out">
  58.                                     <div class="text-right flex-auto">
  59.                                         <h4 class="uppercase text-blue-light text-sm">WhatsApp Studio</h4>
  60.                                     </div>
  61.                                     <div class="flex-initial leading-5 pl-2">
  62.                                         <h4 class="uppercase text-blue text-sm">08841 487 782 50</h4>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         {% endif %}
  71.     {% endif %}
  72. </div>