svg

templates/Crop/crop01.html.twig

@@ -0,0 +1,35 @@
+{% extends 'base.html.twig' %}
+
+{% block head_style %}
+    {{ encore_entry_link_tags('app') }}
+    {{ encore_entry_link_tags('dropzone') }}
+{% endblock head_style %}
+
+
+{% block body %}
+    <h3 class="page-header"></h3>
+    <button class="btn btn-secondary" onClick="closeModal();">Annuler</button>
+
+    <form action="{{ oneup_uploader_endpoint('avatar') }}" class="dropzone" id="MyDropZone" style="margin-top:10px">
+
+    {{ encore_entry_script_tags('dropzone') }}
+{% endblock %}
+
+
+
+{% block localjavascript %}
+    window.parent.$(".modal-title").html("ETAPE 1 - Téléchargez votre image");
+
+    Dropzone.options.MyDropZone = {
+	    maxFiles: 1,
+	    acceptedMimeTypes: 'image/*',
+	    //renameFilename: false,
+	    success: function(file, response){
+            $(location).attr('href',"{{ path('app_crop02') }}");
+	    }
+    }
+    
+    function closeModal() {
+        window.parent.$("#extraLargeModal").modal('hide');
+    }
+{% endblock %}