templates/areas/downloads/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="bg-gray-100 p-5">
  4.         {% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Downloads' } %}
  6.         {% include 'padding.html.twig' %}
  8.         <div class="my-3 flex flex-wrap overflow-hidden">
  9.             <div class="w-2/4 overflow-hidden">
  10.                 {% include 'color-selector.html.twig' with { 'name': 'color', 'description': 'Hintergrundfarbe' } %}
  11.             </div>
  12.         </div>
  14.         <div class="my-3 flex flex-wrap overflow-hidden">
  15.             <div class="w-1/4 overflow-hidden">
  16.                 Download-Dateien:
  17.             </div>
  18.             <div class="w-3/4 overflow-hidden">
  19.                 {{ pimcore_relations("downloads", {
  20.                     "types": ["asset"]
  21.                 }) }}
  22.             </div>
  23.         </div>
  25.     </div>
  27.     {% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
  29. {% else %}
  31.     <section class="{{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
  32.         <div class="container mx-auto px-5">
  33.             {# @array downloads wird im Brick-Controller definiert #}
  34.             {% if downloads is defined %}
  35.                 <div class="flex flex-wrap">
  36.                     {% for element in downloads %}
  37.                         <div class="w-full md:w-1/2 p-2 flex overflow-hidden">
  38.                             <a class="text-red-600 flex w-full" href="{{ element.path }}" target="_blank" >
  39.                                 <div class="w-1/6 md:w-1/12 pr-3 overflow-hidden">
  40.                                     <i class="text-red-600 text-4xl fa-light fa-arrow-down-to-line"></i>
  41.                                 </div>
  42.                                 <div class="w-5/6 md:w-11/12 overflow-hidden">
  43.                                     <span class="text-red-600 hover:text-gray-500">{{ element.title }}</span>
  44.                                     <br />
  45.                                     <span class="text-sm text-gray-400">({{ element.mimetype }}, {{ element.bytes }})</span>
  46.                                 </div>
  47.                             </a>
  48.                         </div>
  49.                     {% endfor %}
  50.                 </div>
  51.             {% endif %}
  52.         </div>
  53.     </section>
  55. {% endif %}