vendor/store.shopware.com/moorlformbuilder/src/Resources/views/plugin/moorl-form-builder/component/form-element/upload.html.twig line 1

Open in your IDE?
  1. <div class="form-group form-{{ formElement.type }}-{{ formElement.name }}">
  2.     {% if formElement.mediaType == 'images' %}
  3.         {% set accept = [
  4.             'image/*'
  5.         ] %}
  6.         {% set acceptLabel = "moorl-form-builder.general.allowedFileTypesImages"|trans %}
  7.     {% elseif formElement.mediaType == 'documents' %}
  8.         {% set accept = [
  9.             'application/msword',
  10.             'application/vnd.ms-excel',
  11.             'application/vnd.ms-powerpoint',
  12.             'text/plain',
  13.             'application/pdf'
  14.         ] %}
  15.         {% set acceptLabel = "moorl-form-builder.general.allowedFileTypesDocuments"|trans %}
  16.     {% elseif formElement.mediaType == 'images_documents' %}
  17.         {% set accept = [
  18.             'application/msword',
  19.             'application/vnd.ms-excel',
  20.             'application/vnd.ms-powerpoint',
  21.             'text/plain',
  22.             'application/pdf',
  23.             'image/*',
  24.         ] %}
  25.         {% set acceptLabel = "moorl-form-builder.general.allowedFileTypesImagesDocuments"|trans %}
  26.     {% elseif formElement.mediaType == 'custom' %}
  27.         {% set accept = moorlFormBuilderFileWhitelist(formElement.mediaFileExtensions) %}
  28.         {% set acceptLabel = "#{'moorl-form-builder.general.allowedFileTypesAll'|trans}#{accept|join(', ')}" %}
  29.     {% else %}
  30.         {% set accept = moorlFormBuilderFileWhitelist() %}
  31.         {% set acceptLabel = "#{'moorl-form-builder.general.allowedFileTypesAll'|trans}#{accept|join(', ')}" %}
  32.     {% endif %}
  34.     {% if formElementLabel %}
  35.         {% sw_include "@MoorlFormBuilder/plugin/moorl-form-builder/component/label.html.twig" ignore missing %}
  36.     {% endif %}
  38.     <div class="custom-file">
  39.         <input type="file"
  40.                accept="{{ accept|join(',') }}"
  41.                name="{{ formElementName }}"
  42.                placeholder="{{ formElementPlaceholder ?: formElementLabel }}"
  43.                {% if formElement.required %}required{% endif %}
  44.                class="custom-file-input"
  45.                id="{{ formElementId }}">
  46.         <label class="custom-file-label" title="{{ "moorl-form-builder.general.browse"|trans }}"
  47.                for="{{ formElementId }}">{{ formElementPlaceholder ?: formElementLabel }}</label>
  48.     </div>
  49.     <small class="text-muted">{{ acceptLabel }}</small>
  50. </div>
  52. {% set formElementMedia = mediaCollection.get(formElementValue) %}
  53. {% if formElementMedia %}
  54.     <div class="form-group" id="media-{{ formElementMedia.id }}">
  55.         <input type="hidden"
  56.                value="{{ formElementValue }}"
  57.                name="{{ formElementName }}">
  58.         <div class="moorl-form-builder-media">
  59.             <a href="{{ formElementMedia.url }}" download="{{ formElementMedia.fileName|slice(33) }}.{{ formElementMedia.fileExtension }}">
  60.                 {% if formElementMedia.fileExtension in ['png','jpg','jpeg','gif'] %}
  61.                     <img alt="{{ formElementMedia.fileName }}" src="{{ formElementMedia.url }}">
  62.                 {% else %}
  63.                     {{ formElementMedia.fileName|slice(33) }}.{{ formElementMedia.fileExtension }}
  64.                 {% endif %}
  65.             </a>
  66.             <button class="btn btn-danger"
  67.                     type="button"
  68.                     data-action-remove="{{ seoUrl('moorl-form-builder.remove.media', {'mediaId': formElementMedia.id}) }}"
  69.                     data-confirm="{{ "moorl-form-builder.general.removeMedia"|trans }}">
  70.                 {{ "moorl-form-builder.general.removeMedia"|trans }}
  71.             </button>
  72.         </div>
  73.     </div>
  74. {% endif %}