dropzonejs-rails 0.2.1 → 0.3.0

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    NzkxOTExMWY3OTFlYWY2NmNmODg0ZDYyYTY0NWM0Zjc4YTQ5YWQ1NQ==
+    NzNjNTNmODFmNmVjOTJkNzNlMTVlY2E5YzhlMTJhMDdlNTE1ZGEwNQ==
   data.tar.gz: !binary |-
-    YjhjN2Q5MTdhOGNhMjNkN2EzYjkzMmQxZmRiOGQzNzI4ODM3MTM2MQ==
+    NTIyM2U3YjFiZTg1NDlkZTY3OWIyZmJkMWNlZTIyOTYxNjQ5M2RjMg==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    YTQ4YTEyODM2YjNlYTE0ZmJjYTUzMzAxNjdjMjU2NzZlODYxYzE3MGEzYjIz
-    YTViZDM5NmVjMzY2MGUxNDNhOGZhNGE0MWY5M2ZjZjBlNjE3NDM3NjEyYjIw
-    MDQ1NjNjMDY4MWYwOWUxNTJmYjc1ZTg3ZDNhYjQ5M2VkNDJhMTI=
+    MWM3NmI5YjJlNTdkZjMyZDZhMmZlNmNlNzdkMWViZjMwOTgxNThhZDMyYmMw
+    MmVjZWUzZDg1MWJjYjBmYmE2OTFhODM5MGVmY2RlY2JmNmU2MjdjNWM4Nzdi
+    NWU5Yzc2OTlkNGMyZDU4YjNmYWRkY2I4MTcyODM3MWI3ZjNhMDk=
   data.tar.gz: !binary |-
-    OTY3MzI1YjAxZWZmMzRmY2MwNmNhZmYxY2JiOWNhMjU3NzViZTdlYmExOWU1
-    ODUxNjEyYjEwNzYwZWY1YmNhMzY1OGY3ZTEwYzExY2JjYzgwNWU5YjhjMzQ4
-    MWQ4OGU0NDcxNDRiYTY4OGQwZjA4ODI4M2RlN2Q3YjMwODQ4YzY=
+    NjI2MDk3MjFkYWMwNTg3ODgzZTkwYzBmNWJjZWZkNDBkODYxMTE0OTM5ODk2
+    MzI5MmQ5MGQxNGNkODM1ZDkwMDFlYjdlMzlmNDQ2YjY5MzY0ZTYwNDQwZmRl
+    NTk2MzcyY2RkZjA4YjRhMjZhOGJmODhhYmM0OTQ2MDZiNTA4Mjc=

data/README.md

@@ -4,7 +4,7 @@ Integrate [Matias Meno's Dropzone](http://www.dropzonejs.com/) awesome file uplo
 
 ## Version
 
-The latest version of this gem bundles **Dropzone v2.0.16**.
+The latest version of this gem bundles **Dropzone v3.0.1**.
 
 ## Installation and usage
 

data/lib/dropzonejs-rails/version.rb

@@ -1,4 +1,4 @@
 module DropzonejsRails
-  VERSION = '0.2.1'
-  DROPZONE_VERSION = '2.0.16'
+  VERSION = '0.3.0'
+  DROPZONE_VERSION = '3.0.1'
 end

data/vendor/assets/javascripts/dropzone.js

@@ -427,7 +427,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       maxFilesize: 256,
       paramName: "file",
       createImageThumbnails: true,
-      maxThumbnailFilesize: 2,
+      maxThumbnailFilesize: 10,
       thumbnailWidth: 100,
       thumbnailHeight: 100,
       params: {},
@@ -439,12 +439,10 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       dictDefaultMessage: "Drop files here to upload",
       dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.",
       dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
+      dictFileTooBig: "File is too big ({{filesize}}MB). Max filesize: {{maxFilesize}}MB.",
       dictInvalidFileType: "You can't upload files of this type.",
       dictResponseError: "Server responded with {{statusCode}} code.",
       accept: function(file, done) {
-        if (!Dropzone.isValidMimeType(file.type, this.options.acceptedMimeTypes)) {
-          return done(this.options.dictInvalidFileType);
-        }
         return done();
       },
       init: function() {
@@ -454,18 +452,18 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       fallback: function() {
         var child, messageElement, span, _i, _len, _ref;
 
-        this.element.className = "" + this.element.className + " browser-not-supported";
+        this.element.className = "" + this.element.className + " dz-browser-not-supported";
         _ref = this.element.getElementsByTagName("div");
         for (_i = 0, _len = _ref.length; _i < _len; _i++) {
           child = _ref[_i];
           if (/(^| )message($| )/.test(child.className)) {
             messageElement = child;
-            child.className = "message";
+            child.className = "dz-message";
             continue;
           }
         }
         if (!messageElement) {
-          messageElement = Dropzone.createElement("<div class=\"message\"><span></span></div>");
+          messageElement = Dropzone.createElement("<div class=\"dz-message\"><span></span></div>");
           this.element.appendChild(messageElement);
         }
         span = messageElement.getElementsByTagName("span")[0];
@@ -484,60 +482,64 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       */
 
       drop: function(e) {
-        return this.element.classList.remove("drag-hover");
+        return this.element.classList.remove("dz-drag-hover");
       },
       dragstart: noop,
       dragend: function(e) {
-        return this.element.classList.remove("drag-hover");
+        return this.element.classList.remove("dz-drag-hover");
       },
       dragenter: function(e) {
-        return this.element.classList.add("drag-hover");
+        return this.element.classList.add("dz-drag-hover");
       },
       dragover: function(e) {
-        return this.element.classList.add("drag-hover");
+        return this.element.classList.add("dz-drag-hover");
       },
       dragleave: function(e) {
-        return this.element.classList.remove("drag-hover");
+        return this.element.classList.remove("dz-drag-hover");
       },
       selectedfiles: function(files) {
         if (this.element === this.previewsContainer) {
-          return this.element.classList.add("started");
+          return this.element.classList.add("dz-started");
         }
       },
       reset: function() {
-        return this.element.classList.remove("started");
+        return this.element.classList.remove("dz-started");
       },
       addedfile: function(file) {
         file.previewElement = Dropzone.createElement(this.options.previewTemplate);
         file.previewTemplate = file.previewElement;
         this.previewsContainer.appendChild(file.previewElement);
-        file.previewElement.querySelector(".filename span").textContent = file.name;
-        return file.previewElement.querySelector(".details").appendChild(Dropzone.createElement("<div class=\"size\">" + (this.filesize(file.size)) + "</div>"));
+        file.previewElement.querySelector("[data-dz-name]").textContent = file.name;
+        return file.previewElement.querySelector("[data-dz-size]").innerHTML = this.filesize(file.size);
       },
       removedfile: function(file) {
         return file.previewElement.parentNode.removeChild(file.previewElement);
       },
       thumbnail: function(file, dataUrl) {
-        file.previewElement.classList.remove("file-preview");
-        file.previewElement.classList.add("image-preview");
-        return file.previewElement.querySelector(".details").appendChild(Dropzone.createElement("<img alt=\"" + file.name + "\" src=\"" + dataUrl + "\"/>"));
+        var thumbnailElement;
+
+        file.previewElement.classList.remove("dz-file-preview");
+        file.previewElement.classList.add("dz-image-preview");
+        thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]");
+        thumbnailElement.alt = file.name;
+        return thumbnailElement.src = dataUrl;
       },
       error: function(file, message) {
-        file.previewElement.classList.add("error");
-        return file.previewElement.querySelector(".error-message span").textContent = message;
+        file.previewElement.classList.add("dz-error");
+        return file.previewElement.querySelector("[data-dz-errormessage]").textContent = message;
       },
       processingfile: function(file) {
-        return file.previewElement.classList.add("processing");
+        return file.previewElement.classList.add("dz-processing");
       },
       uploadprogress: function(file, progress, bytesSent) {
-        return file.previewElement.querySelector(".progress .upload").style.width = "" + progress + "%";
+        return file.previewElement.querySelector("[data-dz-uploadprogress]").style.width = "" + progress + "%";
       },
       sending: noop,
       success: function(file) {
-        return file.previewElement.classList.add("success");
+        return file.previewElement.classList.add("dz-success");
       },
       complete: noop,
-      previewTemplate: "<div class=\"preview file-preview\">\n  <div class=\"details\">\n   <div class=\"filename\"><span></span></div>\n  </div>\n  <div class=\"progress\"><span class=\"upload\"></span></div>\n  <div class=\"success-mark\"><span>✔</span></div>\n  <div class=\"error-mark\"><span>✘</span></div>\n  <div class=\"error-message\"><span></span></div>\n</div>"
+      previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-details\">\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n    <div class=\"dz-size\" data-dz-size></div>\n    <img data-dz-thumbnail />\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  <div class=\"dz-success-mark\"><span>✔</span></div>\n  <div class=\"dz-error-mark\"><span>✘</span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>"
     };
 
     function Dropzone(element, options) {
@@ -622,8 +624,8 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       if (this.element.tagName === "form") {
         this.element.setAttribute("enctype", "multipart/form-data");
       }
-      if (this.element.classList.contains("dropzone") && !this.element.querySelector(".message")) {
-        this.element.appendChild(Dropzone.createElement("<div class=\"default message\"><span>" + this.options.dictDefaultMessage + "</span></div>"));
+      if (this.element.classList.contains("dropzone") && !this.element.querySelector("[data-dz-message]")) {
+        this.element.appendChild(Dropzone.createElement("<div class=\"dz-default dz-message\" data-dz-message><span>" + this.options.dictDefaultMessage + "</span></div>"));
       }
       if (this.clickableElement) {
         setupHiddenFileInput = function() {
@@ -640,6 +642,9 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
             _this.hiddenFileInput.setAttribute("accept", _this.options.acceptParameter);
           }
           _this.hiddenFileInput.style.visibility = "hidden";
+          _this.hiddenFileInput.style.position = "absolute";
+          _this.hiddenFileInput.style.top = "0";
+          _this.hiddenFileInput.style.left = "0";
           _this.hiddenFileInput.style.height = "0";
           _this.hiddenFileInput.style.width = "0";
           document.body.appendChild(_this.hiddenFileInput);
@@ -707,7 +712,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
           element: this.clickableElement,
           events: {
             "click": function(evt) {
-              if ((_this.clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".message")))) {
+              if ((_this.clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) {
                 return _this.hiddenFileInput.click();
               }
             }
@@ -724,7 +729,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
       if (existingFallback = this.getExistingFallback()) {
         return existingFallback;
       }
-      fieldsString = "<div class=\"fallback\">";
+      fieldsString = "<div class=\"dz-fallback\">";
       if (this.options.dictFallbackText) {
         fieldsString += "<p>" + this.options.dictFallbackText + "</p>";
       }
@@ -808,7 +813,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
 
     Dropzone.prototype.disable = function() {
       if (this.clickableElement === this.element) {
-        this.element.classList.remove("clickable");
+        this.element.classList.remove("dz-clickable");
       }
       this.removeEventListeners();
       this.filesProcessing = [];
@@ -817,7 +822,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
 
     Dropzone.prototype.enable = function() {
       if (this.clickableElement === this.element) {
-        this.element.classList.add("clickable");
+        this.element.classList.add("dz-clickable");
       }
       return this.setupEventListeners();
     };
@@ -870,7 +875,9 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
 
     Dropzone.prototype.accept = function(file, done) {
       if (file.size > this.options.maxFilesize * 1024 * 1024) {
-        return done("File is too big (" + (Math.round(file.size / 1024 / 10.24) / 100) + "MB). Max filesize: " + this.options.maxFilesize + "MB");
+        return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
+      } else if (!Dropzone.isValidMimeType(file.type, this.options.acceptedMimeTypes)) {
+        return done(this.options.dictInvalidFileType);
       } else {
         return this.options.accept.call(this, file, done);
       }
@@ -995,25 +1002,31 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
     };
 
     Dropzone.prototype.uploadFile = function(file) {
-      var formData, handleError, input, inputName, inputType, key, progressObj, value, xhr, _i, _len, _ref, _ref1, _ref2,
+      var formData, handleError, input, inputName, inputType, key, progressObj, response, value, xhr, _i, _len, _ref, _ref1, _ref2,
         _this = this;
 
       xhr = new XMLHttpRequest();
       xhr.open(this.options.method, this.options.url, true);
+      response = null;
       handleError = function() {
-        return _this.errorProcessing(file, xhr.responseText || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr);
+        return _this.errorProcessing(file, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr);
       };
       xhr.onload = function(e) {
-        var response, _ref;
+        var _ref;
 
+        response = xhr.responseText;
+        if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
+          try {
+            response = JSON.parse(response);
+          } catch (_error) {
+            e = _error;
+            response = "Invalid JSON response from server.";
+          }
+        }
         if (!((200 <= (_ref = xhr.status) && _ref < 300))) {
           return handleError();
         } else {
           _this.emit("uploadprogress", file, 100, file.size);
-          response = xhr.responseText;
-          if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
-            response = JSON.parse(response);
-          }
           return _this.finished(file, response, e);
         }
       };
@@ -1073,7 +1086,7 @@ require.register("dropzone/lib/dropzone.js", function(exports, require, module){
 
   })(Em);
 
-  Dropzone.version = "2.0.16";
+  Dropzone.version = "3.0.1";
 
   Dropzone.options = {};
 

data/vendor/assets/stylesheets/dropzone/basic.css.scss

@@ -13,30 +13,30 @@
   background: rgba(0,0,0,0.02);
   padding: 1em;
 }
-.dropzone.clickable {
+.dropzone.dz-clickable {
   cursor: pointer;
 }
-.dropzone.clickable .message,
-.dropzone.clickable .message span {
+.dropzone.dz-clickable .dz-message,
+.dropzone.dz-clickable .dz-message span {
   cursor: pointer;
 }
-.dropzone.clickable * {
+.dropzone.dz-clickable * {
   cursor: default;
 }
-.dropzone .message {
+.dropzone .dz-message {
   opacity: 1;
   -ms-filter: none;
   filter: none;
 }
-.dropzone.drag-hover {
+.dropzone.dz-drag-hover {
   border-color: rgba(0,0,0,0.15);
   background: rgba(0,0,0,0.04);
 }
-.dropzone.started .message {
+.dropzone.dz-started .dz-message {
   display: none;
 }
-.dropzone .preview,
-.dropzone-previews .preview {
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
   background: rgba(255,255,255,0.8);
   position: relative;
   display: inline-block;
@@ -45,8 +45,12 @@
   border: 1px solid #acacac;
   padding: 6px 6px 6px 6px;
 }
-.dropzone .preview .details,
-.dropzone-previews .preview .details {
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
+  display: none;
+}
+.dropzone .dz-preview .dz-details,
+.dropzone-previews .dz-preview .dz-details {
   width: 100px;
   height: 100px;
   position: relative;
@@ -54,49 +58,43 @@
   padding: 5px;
   margin-bottom: 22px;
 }
-.dropzone .preview .details .filename,
-.dropzone-previews .preview .details .filename {
+.dropzone .dz-preview .dz-details .dz-filename,
+.dropzone-previews .dz-preview .dz-details .dz-filename {
   overflow: hidden;
   height: 100%;
 }
-.dropzone .preview .details img,
-.dropzone-previews .preview .details img {
+.dropzone .dz-preview .dz-details img,
+.dropzone-previews .dz-preview .dz-details img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100px;
   height: 100px;
 }
-.dropzone .preview .details .size,
-.dropzone-previews .preview .details .size {
+.dropzone .dz-preview .dz-details .dz-size,
+.dropzone-previews .dz-preview .dz-details .dz-size {
   position: absolute;
   bottom: -28px;
   left: 3px;
   height: 28px;
   line-height: 28px;
 }
-.dropzone .preview.error .error-mark,
-.dropzone-previews .preview.error .error-mark {
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
   display: block;
 }
-.dropzone .preview.success .success-mark,
-.dropzone-previews .preview.success .success-mark {
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
   display: block;
 }
-.dropzone .preview:hover .details img,
-.dropzone-previews .preview:hover .details img {
-  display: none;
-}
-.dropzone .preview:hover .success-mark,
-.dropzone-previews .preview:hover .success-mark,
-.dropzone .preview:hover .error-mark,
-.dropzone-previews .preview:hover .error-mark {
+.dropzone .dz-preview:hover .dz-details img,
+.dropzone-previews .dz-preview:hover .dz-details img {
   display: none;
 }
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark,
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark {
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark,
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
   display: none;
   position: absolute;
   width: 40px;
@@ -106,16 +104,16 @@
   right: -10px;
   top: -10px;
 }
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark {
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
   color: #8cc657;
 }
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark {
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
   color: #ee162d;
 }
-.dropzone .preview .progress,
-.dropzone-previews .preview .progress {
+.dropzone .dz-preview .dz-progress,
+.dropzone-previews .dz-preview .dz-progress {
   position: absolute;
   top: 100px;
   left: 6px;
@@ -124,8 +122,8 @@
   background: #d7d7d7;
   display: none;
 }
-.dropzone .preview .progress .upload,
-.dropzone-previews .preview .progress .upload {
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -133,12 +131,12 @@
   width: 0%;
   background-color: #8cc657;
 }
-.dropzone .preview.processing .progress,
-.dropzone-previews .preview.processing .progress {
+.dropzone .dz-preview.dz-processing .dz-progress,
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
   display: block;
 }
-.dropzone .preview .error-message,
-.dropzone-previews .preview .error-message {
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
   display: none;
   position: absolute;
   top: -5px;
@@ -150,7 +148,7 @@
   max-width: 500px;
   z-index: 500;
 }
-.dropzone .preview:hover.error .error-message,
-.dropzone-previews .preview:hover.error .error-message {
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
   display: block;
 }

data/vendor/assets/stylesheets/dropzone/dropzone.css.scss

@@ -13,30 +13,30 @@
   background: rgba(0,0,0,0.02);
   padding: 1em;
 }
-.dropzone.clickable {
+.dropzone.dz-clickable {
   cursor: pointer;
 }
-.dropzone.clickable .message,
-.dropzone.clickable .message span {
+.dropzone.dz-clickable .dz-message,
+.dropzone.dz-clickable .dz-message span {
   cursor: pointer;
 }
-.dropzone.clickable * {
+.dropzone.dz-clickable * {
   cursor: default;
 }
-.dropzone .message {
+.dropzone .dz-message {
   opacity: 1;
   -ms-filter: none;
   filter: none;
 }
-.dropzone.drag-hover {
+.dropzone.dz-drag-hover {
   border-color: rgba(0,0,0,0.15);
   background: rgba(0,0,0,0.04);
 }
-.dropzone.started .message {
+.dropzone.dz-started .dz-message {
   display: none;
 }
-.dropzone .preview,
-.dropzone-previews .preview {
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
   background: rgba(255,255,255,0.8);
   position: relative;
   display: inline-block;
@@ -45,8 +45,12 @@
   border: 1px solid #acacac;
   padding: 6px 6px 6px 6px;
 }
-.dropzone .preview .details,
-.dropzone-previews .preview .details {
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
+  display: none;
+}
+.dropzone .dz-preview .dz-details,
+.dropzone-previews .dz-preview .dz-details {
   width: 100px;
   height: 100px;
   position: relative;
@@ -54,49 +58,43 @@
   padding: 5px;
   margin-bottom: 22px;
 }
-.dropzone .preview .details .filename,
-.dropzone-previews .preview .details .filename {
+.dropzone .dz-preview .dz-details .dz-filename,
+.dropzone-previews .dz-preview .dz-details .dz-filename {
   overflow: hidden;
   height: 100%;
 }
-.dropzone .preview .details img,
-.dropzone-previews .preview .details img {
+.dropzone .dz-preview .dz-details img,
+.dropzone-previews .dz-preview .dz-details img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100px;
   height: 100px;
 }
-.dropzone .preview .details .size,
-.dropzone-previews .preview .details .size {
+.dropzone .dz-preview .dz-details .dz-size,
+.dropzone-previews .dz-preview .dz-details .dz-size {
   position: absolute;
   bottom: -28px;
   left: 3px;
   height: 28px;
   line-height: 28px;
 }
-.dropzone .preview.error .error-mark,
-.dropzone-previews .preview.error .error-mark {
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
   display: block;
 }
-.dropzone .preview.success .success-mark,
-.dropzone-previews .preview.success .success-mark {
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
   display: block;
 }
-.dropzone .preview:hover .details img,
-.dropzone-previews .preview:hover .details img {
-  display: none;
-}
-.dropzone .preview:hover .success-mark,
-.dropzone-previews .preview:hover .success-mark,
-.dropzone .preview:hover .error-mark,
-.dropzone-previews .preview:hover .error-mark {
+.dropzone .dz-preview:hover .dz-details img,
+.dropzone-previews .dz-preview:hover .dz-details img {
   display: none;
 }
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark,
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark {
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark,
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
   display: none;
   position: absolute;
   width: 40px;
@@ -106,16 +104,16 @@
   right: -10px;
   top: -10px;
 }
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark {
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
   color: #8cc657;
 }
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark {
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
   color: #ee162d;
 }
-.dropzone .preview .progress,
-.dropzone-previews .preview .progress {
+.dropzone .dz-preview .dz-progress,
+.dropzone-previews .dz-preview .dz-progress {
   position: absolute;
   top: 100px;
   left: 6px;
@@ -124,8 +122,8 @@
   background: #d7d7d7;
   display: none;
 }
-.dropzone .preview .progress .upload,
-.dropzone-previews .preview .progress .upload {
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -133,12 +131,12 @@
   width: 0%;
   background-color: #8cc657;
 }
-.dropzone .preview.processing .progress,
-.dropzone-previews .preview.processing .progress {
+.dropzone .dz-preview.dz-processing .dz-progress,
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
   display: block;
 }
-.dropzone .preview .error-message,
-.dropzone-previews .preview .error-message {
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
   display: none;
   position: absolute;
   top: -5px;
@@ -150,8 +148,8 @@
   max-width: 500px;
   z-index: 500;
 }
-.dropzone .preview:hover.error .error-message,
-.dropzone-previews .preview:hover.error .error-message {
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
   display: block;
 }
 .dropzone {
@@ -162,7 +160,7 @@
   background: rgba(0,0,0,0.03);
   padding: 23px;
 }
-.dropzone .default.message {
+.dropzone .dz-default.dz-message {
   opacity: 1;
   -ms-filter: none;
   filter: none;
@@ -183,72 +181,72 @@
   left: 50%;
 }
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
-  .dropzone .default.message {
+  .dropzone .dz-default.dz-message {
     background-image: image-path("dropzone/spritemap@2x.png");
     -webkit-background-size: 428px 406px;
     -moz-background-size: 428px 406px;
     background-size: 428px 406px;
   }
 }
-.dropzone .default.message span {
+.dropzone .dz-default.dz-message span {
   display: none;
 }
-.dropzone.square .default.message {
+.dropzone.dz-square .dz-default.dz-message {
   background-position: 0 -123px;
   width: 268px;
   margin-left: -134px;
   height: 174px;
   margin-top: -87px;
 }
-.dropzone.drag-hover .message {
+.dropzone.dz-drag-hover .dz-message {
   opacity: 0.15;
   filter: alpha(opacity=15);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
 }
-.dropzone.started .message {
+.dropzone.dz-started .dz-message {
   display: block;
   opacity: 0;
   filter: alpha(opacity=0);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 }
-.dropzone .preview,
-.dropzone-previews .preview {
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
   -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
   box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
   font-size: 14px;
 }
-.dropzone .preview .details img,
-.dropzone-previews .preview .details img {
+.dropzone .dz-preview .dz-details img,
+.dropzone-previews .dz-preview .dz-details img {
   width: 100px;
   height: 100px;
 }
-.dropzone .preview.image-preview:hover .details img,
-.dropzone-previews .preview.image-preview:hover .details img {
+.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
+.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
   display: block;
   opacity: 0.1;
   filter: alpha(opacity=10);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
 }
-.dropzone .preview.success .success-mark,
-.dropzone-previews .preview.success .success-mark {
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
   opacity: 1;
   -ms-filter: none;
   filter: none;
 }
-.dropzone .preview.error .error-mark,
-.dropzone-previews .preview.error .error-mark {
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
   opacity: 1;
   -ms-filter: none;
   filter: none;
 }
-.dropzone .preview.error .progress .upload,
-.dropzone-previews .preview.error .progress .upload {
+.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
+.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
   background: #ee1e2d;
 }
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark,
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark {
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
   display: block;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -262,32 +260,32 @@
   background-repeat: no-repeat;
 }
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
-  .dropzone .preview .error-mark,
-  .dropzone-previews .preview .error-mark,
-  .dropzone .preview .success-mark,
-  .dropzone-previews .preview .success-mark {
+  .dropzone .dz-preview .dz-error-mark,
+  .dropzone-previews .dz-preview .dz-error-mark,
+  .dropzone .dz-preview .dz-success-mark,
+  .dropzone-previews .dz-preview .dz-success-mark {
     background-image: image-path("dropzone/spritemap@2x.png");
     -webkit-background-size: 428px 406px;
     -moz-background-size: 428px 406px;
     background-size: 428px 406px;
   }
 }
-.dropzone .preview .error-mark span,
-.dropzone-previews .preview .error-mark span,
-.dropzone .preview .success-mark span,
-.dropzone-previews .preview .success-mark span {
+.dropzone .dz-preview .dz-error-mark span,
+.dropzone-previews .dz-preview .dz-error-mark span,
+.dropzone .dz-preview .dz-success-mark span,
+.dropzone-previews .dz-preview .dz-success-mark span {
   display: none;
 }
-.dropzone .preview .error-mark,
-.dropzone-previews .preview .error-mark {
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
   background-position: -268px -123px;
 }
-.dropzone .preview .success-mark,
-.dropzone-previews .preview .success-mark {
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
   background-position: -268px -163px;
 }
-.dropzone .preview .progress .upload,
-.dropzone-previews .preview .progress .upload {
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
   -webkit-animation: loading 0.4s linear infinite;
   -moz-animation: loading 0.4s linear infinite;
   -o-animation: loading 0.4s linear infinite;
@@ -310,16 +308,16 @@
   background-position: 0px -400px;
 }
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
-  .dropzone .preview .progress .upload,
-  .dropzone-previews .preview .progress .upload {
+  .dropzone .dz-preview .dz-progress .dz-upload,
+  .dropzone-previews .dz-preview .dz-progress .dz-upload {
     background-image: image-path("dropzone/spritemap@2x.png");
     -webkit-background-size: 428px 406px;
     -moz-background-size: 428px 406px;
     background-size: 428px 406px;
   }
 }
-.dropzone .preview.success .progress,
-.dropzone-previews .preview.success .progress {
+.dropzone .dz-preview.dz-success .dz-progress,
+.dropzone-previews .dz-preview.dz-success .dz-progress {
   display: block;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -330,8 +328,8 @@
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
 }
-.dropzone .preview .error-message,
-.dropzone-previews .preview .error-message {
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
   display: block;
   opacity: 0;
   filter: alpha(opacity=0);
@@ -342,8 +340,8 @@
   -ms-transition: opacity 0.3s ease-in-out;
   transition: opacity 0.3s ease-in-out;
 }
-.dropzone .preview:hover.error .error-message,
-.dropzone-previews .preview:hover.error .error-message {
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
   opacity: 1;
   -ms-filter: none;
   filter: none;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dropzonejs-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - José Nahuel Cuesta Luengo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-05-09 00:00:00.000000000 Z
+date: 2013-05-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails