Profouzors
/
ProfouzorsLinx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Highlight dropzone when dragging

This commit is contained in:
andreimarcu 2015-10-01 12:46:34 -04:00
parent e3dbbd1b11
commit c339a8c770
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
static/js/upload.js
View File

@ -1,4 +1,25 @@
Dropzone.options.dropzone = { 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) { addedfile: function(file) {
var upload = document.createElement("div"); var upload = document.createElement("div");
upload.className = "upload"; upload.className = "upload";
@ -69,6 +90,7 @@ Dropzone.options.dropzone = {
} }
file.leftElement.style.color = "#E68181"; file.leftElement.style.color = "#E68181";
}, },
maxFilesize: 4096, maxFilesize: 4096,
previewsContainer: "#uploads", previewsContainer: "#uploads",
parallelUploads: 5, parallelUploads: 5,

3
templates/index.html
View File

@ -12,11 +12,10 @@
<input type="submit" value="Upload"> <input type="submit" value="Upload">
</div> </div>
<div class="dz-default dz-message"> <div id="dzone" class="dz-default dz-message">
<span>Click or Drop file(s)</span> <span>Click or Drop file(s)</span>
</div> </div>
<div id="choices"> <div id="choices">
<div id="expiry"> <div id="expiry">
<label>File expiry: <label>File expiry: