custom/plugins/MoorlForms/src/Resources/views/plugin/moorl-fb/component/element/upload.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@MoorlForms/plugin/moorl-fb/component/element/field.html.twig" %}
  3. {% set sectionConfig = {
  4.     value: element.value,
  5.     mediaUrl: element.media.url,
  6.     mediaId: element.media.id
  7. } %}
  9. {% block input_el %}
  10.     {% if element.media %}
  11.         <input type="hidden" name="{{ elementTechnicalName }}" value='{{ sectionConfig|json_encode|raw }}'>
  12.     {% endif %}
  14.     <div class="custom-file">
  15.         <input type="file"
  16.                accept="{{ element.config.upload.accept|join(',') }}"
  17.                name="{{ elementTechnicalName }}"
  18.                placeholder="{{ element.translated.placeholder ?: element.translated.name }}"
  19.                {% if element.required %}required{% endif %}
  20.                class="custom-file-input"
  21.                id="{{ elementId }}">
  22.         <label class="custom-file-label" title="{{ "moorl-fb.browse"|trans }}"
  23.                for="{{ elementId }}">{{ element.translated.placeholder ?: element.translated.name }}</label>
  24.     </div>
  25. {% endblock %}
  27. {% block input_subline %}
  28.     {% if element.config.upload.mediaType == 'custom' %}
  29.         <small class="text-muted">{{ element.config.upload.accept|join(', ') }}</small>
  30.     {% elseif element.config.upload.mediaType != 'all' %}
  31.         <small class="text-muted">{{ "moorl-fb.mediaType.#{element.config.upload.mediaType}"|trans }}</small>
  32.     {% endif %}
  33. {% endblock %}