Merge branch 'mutantmonkey-no_css_in_js'
This commit is contained in:
commit
64034a74a6
|
@ -1,5 +1,4 @@
|
|||
#dropzone {
|
||||
width: 400px;
|
||||
#dropzone { width: 400px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
@ -46,6 +45,11 @@ div.upload {
|
|||
color: #556A7F;
|
||||
}
|
||||
|
||||
.upload .deleted,
|
||||
.upload .error {
|
||||
color: #E68181;
|
||||
}
|
||||
|
||||
.upload .right {
|
||||
float: right;
|
||||
padding-left: 5px;
|
||||
|
@ -55,4 +59,10 @@ div.upload {
|
|||
margin-right: 5px;
|
||||
font-size: 10px;
|
||||
border-bottom: 1px dotted #556A7F;
|
||||
}
|
||||
color: #E68181;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dz-drag-hover div.dz-default {
|
||||
background-color: #2c89f0;
|
||||
}
|
||||
|
|
|
@ -1,24 +1,5 @@
|
|||
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");
|
||||
|
@ -62,7 +43,6 @@ Dropzone.options.dropzone = {
|
|||
file.leftElement.innerHTML = '<a target="_blank" href="' + resp.url + '">' + resp.url + '</a>';
|
||||
file.rightRightElement.innerHTML = "Delete";
|
||||
file.rightRightElement.className = "cancel";
|
||||
file.rightRightElement.style.color = "#E68181";
|
||||
file.rightRightElement.onclick = function(ev) {
|
||||
xhr = new XMLHttpRequest();
|
||||
xhr.open("DELETE", resp.url, true);
|
||||
|
@ -70,7 +50,7 @@ Dropzone.options.dropzone = {
|
|||
xhr.onreadystatechange = function(file) {
|
||||
if (xhr.status === 404) {
|
||||
file.leftElement.innerHTML = 'Deleted <a target="_blank" href="' + resp.url + '">' + resp.url + '</a>';
|
||||
file.leftElement.style.color = "#E68181";
|
||||
file.leftElement.className = "deleted";
|
||||
file.rightRightElement.onclick = null;
|
||||
file.rightRightElement.innerHTML = "";
|
||||
}
|
||||
|
@ -88,7 +68,7 @@ Dropzone.options.dropzone = {
|
|||
else {
|
||||
file.leftElement.innerHTML = "Could not upload " + file.name;
|
||||
}
|
||||
file.leftElement.style.color = "#E68181";
|
||||
file.leftElement.className = "error";
|
||||
},
|
||||
|
||||
maxFilesize: 4096,
|
||||
|
|
Loading…
Reference in New Issue