custom/plugins/KsAttachments/src/Resources/views/storefront/component/ks-attachments-list.html.twig line 1

Open in your IDE?
  1. {% block ks_attachments_list %}
  2.     {% set url = url('frontend.attachment.execute') %}
  3.     {% set atachmentsPluginOptions = {
  4.         url: url
  5.     } %}
  6.     {% set maxItems = maxItems ? maxItems : 100 %}
  8.     {% set iconSize = iconSize is null ? 'w40' : iconSize %}
  10.     {# initial ID array #}
  11.     {% set attachmentsMediaIds = [] %}
  13.     {% for attachment in attachmentsDisplay %}
  14.         {# merge IDs to a single array #}
  15.         {% set attachmentsMediaIds = attachmentsMediaIds|merge([attachment.mediaIconId]) %}
  16.         {% set attachmentsMediaIds = attachmentsMediaIds|merge([attachment.mediaFileId ? attachment.mediaFileId : attachment.translated.mediaFileId]) %}
  17.     {% endfor %}
  19.     {# do a single fetch from database #}
  20.     {% set mediaFileCollection = searchMedia(attachmentsMediaIds, context.context) %}
  22.     {% if displayOn == '3' %}
  23.         <div class="ks-attachment-container{% if containerClass %} {{ containerClass }}{% endif %}" data-ks-attachments data-attachments-plugin-options='{{ atachmentsPluginOptions|json_encode }}' data-product-id="{{ page.product.id }}">
  24.             <ul class="ks-attachments-list ks-attachments-list--product-icons">
  25.                 {% if attachmentsDisplay %}
  26.                     {% for attachment in attachmentsDisplay %}
  27.                         {% if loop.index - 1 < maxItems %}
  28.                             <li>
  29.                                 {% set mediaFileId = attachment.mediaFileId ? attachment.mediaFileId : attachment.translated.mediaFileId %}
  30.                                 {% set mediaFile = mediaFileCollection.get(mediaFileId) %}
  32.                                 <img src="{{ mediaFile.url }}" alt="{{ attachment.title }}" title="{{ attachment.title }}" width="50" height="50">
  33.                             </li>
  34.                         {% endif %}
  35.                     {% endfor %}
  36.                 {% endif %}
  37.             </ul>
  38.         </div>
  39.     {% else %}
  40.         <div class="ks-attachment-container{% if containerClass %} {{ containerClass }}{% endif %}" data-ks-attachments data-attachments-plugin-options='{{ atachmentsPluginOptions|json_encode }}' data-product-id="{{ page.product.id }}">
  41.             <ul class="ks-attachments-list">
  42.                 {% if attachmentsDisplay %}
  45.                     {% for attachment in attachmentsDisplay %}
  46.                         <li>
  47.                             {% set IconAttachment = mediaFileCollection.get(attachment.mediaIconId) %}
  49.                             {% set displayAttachment = attachment.display|split(',') %}
  51.                             {% set limited = attachment.limited %}
  52.                             {% set downloadsRemaining = attachment.downloadsRemaining %}
  54.                             {% if limited and downloadsRemaining > 0 %}
  55.                                 {% set downloadsRemaining = downloadsRemaining %}
  56.                             {% elseif limited == false %}
  57.                                 {% set downloadsRemaining = "" %}
  58.                             {% else %}
  59.                                 {% set downloadsRemaining = "Out of " %}
  60.                             {% endif %}
  62.                             {% set mediaFile = mediaFileCollection.get(attachment.mediaFileId) %}
  63.                             {% set mediaFileExtension = mediaFile.fileExtension %}
  64.                             {% set mediaFileIcon = mediaFileExtension %}
  66.                             <div class="ks-media-attachment" data-attachment-id="{{ attachment.id }}" data-attachment-file-icon="{{ mediaFileIcon }}">
  68.                                 {% if IconAttachment %}
  69.                                     {% sw_thumbnails 'minimal-image-thumbnails' with {
  70.                                         media: IconAttachment,
  71.                                         sizes: {
  72.                                             'default': '30px'
  73.                                         },
  74.                                         attributes: {
  75.                                             'class': 'ks-icon-attachment',
  76.                                             'alt': ( attachment.title ?: ''),
  77.                                             'title': (attachment.title ?: '')
  78.                                         }
  79.                                     } %}
  80.                                 {% else %}
  81.                                     {% if mediaFileIcon == 'jpeg' %}
  82.                                         {% set mediaFileIcon = 'jpg' %}
  83.                                     {% endif %}
  85.                                     {% set mediaFileIconArray = ['pdf', 'png', 'txt', 'doc', 'xls', 'jpg', 'svg'] %}
  86.                                     {% set iconName = 'file-icon' %}
  87.                                     {% if mediaFileIcon in mediaFileIconArray %}
  88.                                         {% set iconName = mediaFileIcon ~ '-icon' %}
  89.                                     {% endif %}
  90.                                     {% sw_include "@Storefront/storefront/utilities/icon.html.twig" with {
  91.                                         'name' : iconName,
  92.                                         'pack' : 'ks',
  93.                                         'namespace' : 'KsAttachments',
  94.                                     } %}
  95.                                     {% set mediaImageFileIconArray = ['jpg', 'jpeg', 'png', 'svg'] %}
  96.                                     {% if mediaFileIcon in mediaImageFileIconArray %}
  97.                                         <span class="ks-attachments-popup"></span>
  98.                                     {% endif %}
  99.                                 {% endif %}
  101.                                 <span class="ks-title-attachment">{{ attachment.title }}
  102.                                     {% if limited %}
  103.                                         (<span class="download-remaining-{{ attachment.ids }}">{{ downloadsRemaining }}</span>
  104.                                         downloads)
  105.                                     {% else %}
  106.                                         <span class="download-remaining-{{ attachment.ids }}">{{ downloadsRemaining }}</span>
  107.                                     {% endif %}
  108.                                 </span>
  109.                             </div>
  110.                         </li>
  111.                     {% endfor %}
  112.                 {% endif %}
  113.             </ul>
  114.         </div>
  115.     {% endif %}
  116. {% endblock %}