diff --git a/static/js/upload.js b/static/js/upload.js index df820b8..52368d2 100644 --- a/static/js/upload.js +++ b/static/js/upload.js @@ -1,4 +1,25 @@ Dropzone.options.dropzone = { + init: function() { + this.dzone = document.getElementById("dzone"); + this.on("drop", function(ev) { + this.dzone.style.backgroundColor = "#FAFBFC"; + }); + this.on("dragstart", function(ev) { + this.dzone.style.backgroundColor = "#2c89f0"; + }); + this.on("dragend", function(ev) { + this.dzone.style.backgroundColor = "#FAFBFC"; + }); + this.on("dragenter", function(ev) { + this.dzone.style.backgroundColor = "#2c89f0"; + }); + this.on("dragover", function(ev) { + this.dzone.style.backgroundColor = "#2c89f0"; + }); + this.on("dragleave", function(ev) { + this.dzone.style.backgroundColor = "#FAFBFC"; + }); + }, addedfile: function(file) { var upload = document.createElement("div"); upload.className = "upload"; @@ -69,6 +90,7 @@ Dropzone.options.dropzone = { } file.leftElement.style.color = "#E68181"; }, + maxFilesize: 4096, previewsContainer: "#uploads", parallelUploads: 5, diff --git a/templates/index.html b/templates/index.html index 7a1c434..8195f6e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,11 +12,10 @@ -
+
Click or Drop file(s)
-