templates/content/nowLive.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="display: inline-block; margin-left: 100px;" class="editmode-label">
  13.             <span>Snippet Content</span>
  14.             <div class="bg-white shadow-card p-5">
  15.                 <div class="h-[100px]">
  16.                     <h4 class="uppercase text-blue-light text-sm">
  17.                         {{ pimcore_input('title', {
  18.                             width: 400,
  19.                             placeholder: 'Jetzt live für Sie'
  20.                         }) }}
  21.                     </h4>
  22.                     <h4 class="uppercase text-blue-light text-sm">
  23.                         {{ pimcore_link('url') }}
  24.                     </h4>
  25.                 </div>
  26.             </div>
  27.         </div>
  28.     {% else %}
  29.         {% if pimcore_input('title') or pimcore_wysiwyg('text') %}
  30.             <div>
  31.                 <div class="bg-white shadow-card dark:bg-neutral-900 text-white rounded pt-10 md:hover:shadow-md transition relative">
  32.                     <div class="vue-app">
  33.                         <team-live title="{{ pimcore_input('title') }}"></team-live>
  34.                     </div>
  35.                     <div class="h-[200px] relative">
  36.                         <div class="flex h-full flex-col justify-between">
  37.                             <div class="col">
  39.                             </div>
  40.                             <div class="col">
  42.                             </div>
  43.                             <div class="col-auto pt-20 text-white rounded-b" style="background: linear-gradient(0deg, rgba(0, 43, 74, 1), rgba(0, 0, 0, 0))">
  44.                                 <div class="group">
  45.                                     <div class="bg-gradient-to-r from-white to-white/0 via-white/30 rounded-full" style="height: 1px;"></div>
  46.                                     <div class="-translate-x-2 flex gap-5 items-center pt-3 pb-3 pl-7 rounded-l-md bg-gradient-to-r from-blue-light to-transparent backdrop-blur-sm">
  47.                                         <div class="self-center flex-initial text-right text-3xl md:text-4xl" style="line-height: 0">
  48.                                             <a href="#" onclick="window.openPlayer()" class="text-blue-light md:text-white md:group-hover:text-blue-light transition-all inline-block rounded-full bg-white md:bg-transparent md:group-hover:bg-white"><i class="icon-play"></i></a>
  49.                                         </div>
  50.                                         <div class="self-center flex-1 vue-app">
  51.                                             <now-live source="/api/playlist-now" display="current" refresh="true"></now-live>
  52.                                         </div>
  53.                                     </div>
  54.                                     <div class="bg-gradient-to-r from-white to-white/0 via-white/30 rounded-full" style="height: 1px;"></div>
  55.                                 </div>
  56.                                 <div class="uppercase text-sm ease-out mt-5 pb-5 pl-5"><a href="/radio/programm" class="hover:text-white text-white/50">Song verpasst? Das lief heute</a></div>
  57.                             </div>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         {% endif %}
  63.     {% endif %}
  64. </div>