file_upload.html.twig

{% block file_upload_progress_prototype %}
    <div class="template-upload">
        <p>
            <span class="progress-text pull-right"></span>
            <button class="btn btn-xs btn-danger cancel" title="{% trans %}button.cancel{% endtrans %}">
                {{ irstea_icon('remove') }}
            </button>&nbsp;<span class="name"></span>&nbsp;(<span class="size"></span>)
            <span class="error danger"></span>
        </p>
        <p class="progress">
            <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
        </p>
    </div>
{% endblock %}

{% block file_upload_widget %}
    <div id="{{ id }}"
         data-widget="irsteaFileUpload"
         data-create-url="{{ widget_attr['data-create-url'] }}"
         data-download-prototype="{{ block('file_upload_entry_prototype')|e }}"
         data-upload-prototype="{{ block('file_upload_progress_prototype')|e }}">
        <span class="btn btn-primary fileinput-button">
            <span>{{ irstea_icon('upload') }}&nbsp;{% trans %}button.upload{% endtrans %}</span>
            <input type="file" name="_dummy_{{ name }}" multiple="multiple"/>
        </span>
        <div class="fileinput-entries">
            {%- set file = value %}
            {%- block file_upload_entry_prototype %}
                {%- set file = file|default([]) %}
                <p class="template-download">
                    <input type="hidden" name="{{ name }}" value="{{ file.id|default }}"/>
                    <button class="btn btn-xs btn-danger delete" title="{% trans %}button.delete{% endtrans %}">
                        {{- irstea_icon('trash') -}}
                    </button>&nbsp;<span class="name">
                        <a{% if file %} href="{{ path('file_upload_get', {id: file.id}) }}"{% endif %}>{{ file.originalFilename|default }}</a>
                    </span>&nbsp;(<span class="size">
                        {{- file.size|default -}}
                    </span>)
                    <span class="error danger"></span>
                </p>
            {% endblock -%}
        </div>
    </div>
{% endblock file_upload_widget %}