nineskeletor/templates/Config/image.html.twig

{% extends "base.html.twig" %}

{% block encoretags %}
    {{ encore_entry_link_tags('dropzone') }}
{% endblock %}

{% block body %}
    <a class="btn btn-secondary" onClick="closeModal();">Annuler</a>

    <form
        action="{{ oneup_uploader_endpoint('image') }}"
        class="dropzone"
        id="mydropzone"
        data-acceptedMimeTypes="image/*"
        data-maxFiles=1
        
        style="margin-top:10px">
    </form>
{% endblock %}

{% block localscript %}
    {{ encore_entry_script_tags('dropzone') }}

<script>
    function dropzonesuccess( file, response ) {
        parent.$("#config_value").val("image/"+response["file"]);
        parent.$("#config_value_img").attr("src","{{ path("app_minio_image",{file:"image/"}) }}"+response["file"]);
        closeModal();
    }

    function closeModal() {
        window.parent.$("#mymodallarge").modal('hide');
    }
</script>
{% endblock %}