first commit

templates/upload/crop.tmpl

@@ -0,0 +1,52 @@
+<form method="post" action="" enctype="multipart/form-data" id="myform">
+<button type="submit" class="btn btn-success">Valider</button>
+<button onClick="parent.$('#mymodallarge').modal('hide')" class="btn btn-secondary">Annuler</button>
+</form>
+
+<center class="mb-3">
+<div class="preview" style="overflow:hidden; height:90px;"></div>
+</center>
+
+<div>
+    <img id="image" src="{{.pathfile}}" style="width:100%">
+</div>
+
+
+<script>
+
+image = document.getElementById('image');
+const cropper = new Cropper(image, {
+    aspectRatio: 1 / 1,
+    preview: '.preview',
+});
+
+$("#myform").submit(function (e) {
+    e.preventDefault();
+
+    var formdata = new FormData(document.querySelector('form'));
+
+    result=cropper.getCroppedCanvas({ maxWidth: 4096, maxHeight: 4096 });
+    result.toBlob(function (blob) {
+        file = new File([blob], 'crooped.jpg');
+        formdata.append("file", blob, 'thumb_{{.filename}}');
+    
+        $.ajax({
+            url: "{{.submitroute}}",
+            data:  formdata,
+            type: "POST",
+            processData: false,
+            contentType: false,        
+            success: function( response) {                        
+                {{ if .iscallback }}
+                    parent.CallbackUpload("{{.id}}","{{.path}}",response.file);
+                {{ else }}
+                    document.location.href="{{.redirect}}";
+                {{ end }}
+            }
+        });
+    });
+
+    return false;
+});
+
+</script>

templates/upload/upload.tmpl

@@ -0,0 +1,58 @@
+<script type="text/javascript">
+
+    Dropzone.autoDiscover = false;
+    filename="";
+
+    $(document).ready(function () {
+        $("#mydropzone").dropzone({
+            {{if .isonefile }}
+            maxFiles: 1,
+            {{end}}
+
+            {{ if .acceptedFiles }}
+            acceptedFiles: "{{.acceptedFiles}}",
+            {{ end }}
+
+            url: "{{.conf.AppRoutes.uploaded}}{{.typeupload}}/{{.id}}",
+
+            init: function () {
+                var totalFiles = 0, completeFiles = 0;
+                this.on("addedfile", function (file) {
+                    totalFiles += 1;
+                });
+                this.on("removed file", function (file) {
+                    totalFiles -= 1;
+                });
+                this.on("complete", function (file) {
+                    completeFiles += 1;
+                    if (completeFiles === totalFiles) {
+                        {{ if .iscallback }}
+                            parent.CallbackUpload("{{.id}}","{{.path}}",filename);
+                        {{ else if .iscropped }}
+                            document.location.href="{{.redirect}}?pathfile={{.path}}"+filename+"&filename="+filename;
+                        {{ else }}
+                            document.location.href="{{.redirect}}";
+                        {{ end }}
+                    }
+                });
+            },
+
+            success: function (file, response) {
+                filename=response.file;
+            }
+        });
+    })
+   
+</script>
+
+<form id="mydropzone" 
+    class="dropzone" 
+    action="{{.conf.AppRoutes.uploaded}}{{.typeupload}}/{{.id}}"
+    enctype="multipart/form-data" 
+    method="post">
+
+    <div class="dz-message" data-dz-message><span>Cliquez ici pour débuter votre téléchargement</span></div>
+
+</form>
+
+