jquery-cropper 0.3.4 → 0.3.31

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    ZWE3ZjkxZjhlODNlMmE4ZGQ3OWZmMWY4OThkNDg5MmViYWUxZDhiYQ==
+    MGRkOWE3NTdjYmVhNzZiYTAxNzJkNGUyMTliNGYzM2IwYTVkNzhjOA==
   data.tar.gz: !binary |-
-    NWMwMGRkZDM0MTJkNzhjMTJlMDk3MmYzMmMzYmZjOWQxMzdhMDM3Mw==
+    ZjI5NWM4MzRlZmExMzM3NmYyODhlMTcyOWYwY2E0ZDM5MWY5M2IxYw==
 SHA512:
   metadata.gz: !binary |-
-    YjM5MTg4N2QzOGY2YThhOWM2ZGQyMWQ1ZGU2ZTk5OTNjM2UxNzNmNTdiZGM1
-    MWNjNWEyMThiYzNhODY4MzkyNDkxNjFlYTU4ZmMwMmUxYThmODIwYjg1MTY5
-    NDUxMGNkMGQ4ODYzODhjNDdmNDMwNDBhYjRlNTYwNzRlZjFjZWQ=
+    YmVmN2Q2ZGUwODQ4OTUzNmFmZTQwMTJhZDYzMWUyZTgzY2MxMzM1NjMzNGNl
+    YmZiNDIzODZlYjliMjBhMDM0Mjk5NGZjZDcwY2Q1Nzg2YzcyYWNhZWVhODdk
+    NTAxMjgyMzliNDczZTJlMGM0YTNiY2YzZmMwYTFkNjdjMWI2NGQ=
   data.tar.gz: !binary |-
-    MjI3YjhiMzQ1ZjU2YWM3NmZkZDY0M2FhOGYwM2NmMGZhNDAyNDM1MTFjYzk4
-    ZjcxNWQyNzU2NzkyNTY3MmVjYjEwNWZiY2U1ZmMxOGU4ZjU1YjUyZmM2Njhj
-    ODRkYmVhNDgxZTNhNmFkNTE1ZDQ2YjFjMDJkNzFlOGMzNTBjZjU=
+    OWM1MTE2OWY2ZjdjZmQyOTkzN2Q5MjhkNDcyMTBhYjllYjYzMzIwYzQ0ZGI1
+    ZDc3MTYzMDBmNDU3NDg1ZGNkZTM4ZjYwMTI1ZTA3NDlhNTg3OTMzYzFhMDMx
+    Y2U2OWY2MDdjNTEzYjMzOGZlNDliMjk5OGEzMTgzYzg2YjMwOWE=

data/app/assets/javascripts/cropper.js

@@ -1,4 +1,4 @@
-(function (factory) {
+(function(factory) {
     if (typeof define === "function" && define.amd) {
         // AMD. Register as anonymous module.
         define(["jquery"], factory);
@@ -6,12 +6,12 @@
         // Browser globals.
         factory(jQuery);
     }
-})(function ($) {
+}(function($) {
 
     "use strict";
 
     var $window = $(window),
-        Cropper = function (element, options) {
+        Cropper = function(element, options) {
             options = $.isPlainObject(options) ? options : {};
             this.$image = $(element);
             this.defaults = $.extend({}, Cropper.defaults, this.$image.data(), options);
@@ -21,13 +21,13 @@
     Cropper.prototype = {
         construstor: Cropper,
 
-        init: function () {
+        init: function() {
             this.setAspectRatio(this.defaults.aspectRatio);
             this.render();
         },
 
-        render: function (callback) {
-            var _this = this,
+        render: function(callback) {
+            var that = this,
                 $image = this.$image,
                 $clone,
                 src;
@@ -43,7 +43,7 @@
             src = $image.attr("src"); // Don't use "prop"
             $clone = $('<img src="' + src + '">');
 
-            $clone.on("load", function () {
+            $clone.on("load", function() {
                 var image;
 
                 $clone.off("load");
@@ -72,10 +72,10 @@
                 });
 
                 image.aspectRatio = image.naturalWidth / image.naturalHeight;
-                _this.src = src;
-                _this.image = image;
-                _this.active = true;
-                _this.createCropper();
+                that.src = src;
+                that.image = image;
+                that.active = true;
+                that.createCropper();
             });
 
             if ($.isFunction(callback)) {
@@ -86,7 +86,7 @@
             $image.after($clone);
         },
 
-        unrender: function () {
+        unrender: function() {
             if (this.active) {
                 this.active = false;
                 this.removeCropper();
@@ -95,27 +95,19 @@
                 this.cropper = null;
                 this.dragger = null;
             }
-
-            return this;
         },
 
-        rerender: function (reset) {
-            var _this = this;
-
-            this.unrender().render(function () {
-                if (!reset) {
-                    _this.setData(_this.data); // Restore
-                }
-            });
+        rerender: function() {
+            this.unrender();
+            this.render();
         },
 
-        resize: function () {
-            this.data = this.getData(); // Record the current data
+        resize: function() {
             clearTimeout(this.resizing);
             this.resizing = setTimeout($.proxy(this.rerender, this), 200);
         },
 
-        createCropper: function () {
+        createCropper: function() {
             this.$cropper = $(Cropper.template);
             this.$dragger = this.$cropper.find(".cropper-dragger");
             Cropper.fn.toggle(this.$image);
@@ -130,7 +122,7 @@
             this.addListener();
         },
 
-        removeCropper: function () {
+        removeCropper: function() {
             this.removeListener();
             this.$preview = null;
             this.$clone.remove();
@@ -141,21 +133,21 @@
             Cropper.fn.toggle(this.$image);
         },
 
-        addListener: function () {
+        addListener: function() {
             this.$cropper.bind("mousedown touchstart", $.proxy(this.dragstart, this));
             this.$cropper.bind("mousemove touchmove", $.proxy(this.dragmove, this));
             this.$cropper.bind("mouseup mouseleave touchend touchleave", $.proxy(this.dragend, this));
             $window.on("resize", $.proxy(this.resize, this));
         },
 
-        removeListener: function () {
+        removeListener: function() {
             this.$cropper.unbind("mousedown touchstart", this.dragstart);
             this.$cropper.unbind("mousemove touchmove", this.dragmove);
             this.$cropper.unbind("mouseup mouseleave touchend touchleave", this.dragend);
             $window.off("resize", this.resize);
         },
 
-        setPreview: function () {
+        setPreview: function() {
             var preview = this.defaults.preview;
 
             this.$preview = this.$cropper.find(".cropper-preview");
@@ -168,7 +160,7 @@
             this.setCropper();
         },
 
-        setCropper: function () {
+        setCropper: function() {
             var $container = this.$image.parent(),
                 container = Cropper.fn.size($container),
                 image = this.image,
@@ -192,7 +184,7 @@
                 cropper.left = (container.width - cropper.width) / 2;
             }
 
-            $.each(cropper, function (i, n) {
+            $.each(cropper, function(i, n) {
                 cropper[i] = Math.round(n);
             });
 
@@ -212,7 +204,7 @@
             this.setDragger();
         },
 
-        setDragger: function () {
+        setDragger: function() {
             var cropper = this.cropper,
                 // If not set, use the original aspect ratio of the image.
                 aspectRatio = this.defaults.aspectRatio || this.image.aspectRatio,
@@ -249,7 +241,7 @@
             this.$image.trigger("ready.cropper").off("ready.cropper");
         },
 
-        resetDragger: function () {
+        resetDragger: function() {
             var dragger = this.dragger,
                 cropper = this.cropper;
 
@@ -276,7 +268,7 @@
             this.output();
         },
 
-        dragging: function () {
+        dragging: function() {
             var direction = this.direction,
                 dragger = this.dragger,
                 aspectRatio = this.defaults.aspectRatio,
@@ -439,16 +431,16 @@
             this.startY = this.endY;
         },
 
-        output: function () {
+        output: function() {
             this.defaults.done(this.getData());
         },
 
-        preview: function () {
-            var _this = this,
-                cropper = _this.cropper,
-                dragger = _this.dragger;
+        preview: function() {
+            var that = this,
+                cropper = that.cropper,
+                dragger = that.dragger;
 
-            this.$preview.each(function () {
+            this.$preview.each(function() {
                 var $this = $(this),
                     ratio = $this.width() / dragger.width,
                     styles = {
@@ -459,7 +451,7 @@
                     };
 
                 $this.css({overflow: "hidden"});
-                $this.find("img").css(Cropper.fn.round(styles, function (n) {
+                $this.find("img").css(Cropper.fn.round(styles, function(n) {
                     return n * ratio;
                 }));
             });
@@ -467,15 +459,15 @@
 
         // Public methods
 
-        enable: function (callback) {
+        enable: function(callback) {
             this.render(callback);
         },
 
-        disable: function () {
+        disable: function() {
             this.unrender();
         },
 
-        setAspectRatio: function (aspectRatio) {
+        setAspectRatio: function(aspectRatio) {
             if (aspectRatio === "auto" || ($.isNumeric(aspectRatio) && aspectRatio > 0)) {
                 this.defaults.aspectRatio = aspectRatio === "auto" ? NaN : aspectRatio;
 
@@ -485,11 +477,11 @@
             }
         },
 
-        setData: function (data) {
+        setData: function(data) {
             var cropper = this.cropper,
                 dragger = this.dragger,
                 aspectRatio = this.defaults.aspectRatio,
-                isNumber = function (n) {
+                isNumber = function(n) {
                     return typeof n === "number";
                 };
 
@@ -541,7 +533,7 @@
             this.resetDragger();
         },
 
-        getData: function () {
+        getData: function() {
             var dragger = this.dragger,
                 data = {};
 
@@ -561,20 +553,20 @@
             return data;
         },
 
-        setImgSrc: function (src) {
+        setImgSrc: function(src) {
             if (typeof src === "string" && src.length > 0 && src !== this.src) {
                 this.$image.attr("src", src);
-                this.rerender(true);
+                this.rerender();
             }
         },
 
-        getImgInfo: function () {
+        getImgInfo: function() {
             return this.image || {};
         },
 
         // Public events
 
-        dragstart: function (event) {
+        dragstart: function(event) {
             var touches = Cropper.fn.getOriginalEvent(event).touches,
                 e = event,
                 touching,
@@ -597,7 +589,7 @@
             }
         },
 
-        dragmove: function (event) {
+        dragmove: function(event) {
             var touches = Cropper.fn.getOriginalEvent(event).changedTouches,
                 e = event,
                 touching;
@@ -620,7 +612,7 @@
             }
         },
 
-        dragend: function (event) {
+        dragend: function(event) {
             var touches = Cropper.fn.getOriginalEvent(event).changedTouches,
                 e = event,
                 touching;
@@ -644,11 +636,11 @@
 
     // Common methods
     Cropper.fn = {
-        toggle: function ($e) {
+        toggle: function($e) {
             $e.toggleClass("cropper-hidden");
         },
 
-        position: function ($e, option) {
+        position: function($e, option) {
             var position = $e.css("position");
 
             if (position === "static") {
@@ -656,7 +648,7 @@
             }
         },
 
-        size: function ($e, options) {
+        size: function($e, options) {
             if ($.isPlainObject(options)) {
                 $e.css(options);
             } else {
@@ -667,7 +659,7 @@
             }
         },
 
-        round: function (data, fn) {
+        round: function(data, fn) {
             var value,
                 i;
 
@@ -682,12 +674,12 @@
             return data;
         },
 
-        transformData: function (data, ratio) {
-            var _this = this,
+        transformData: function(data, ratio) {
+            var that = this,
                 result = {};
 
-            $.each(data, function (i, n) {
-                if (_this.isDataOption(i) && $.isNumeric(n) && n >= 0) {
+            $.each(data, function(i, n) {
+                if (that.isDataOption(i) && $.isNumeric(n) && n >= 0) {
                     result[i] = Math.round(n * ratio);
                 }
             });
@@ -695,7 +687,7 @@
             return result;
         },
 
-        getOriginalEvent: function (event) {
+        getOriginalEvent: function(event) {
             if (event && typeof event.originalEvent !== "undefined") {
                event = event.originalEvent;
             }
@@ -703,11 +695,11 @@
             return event;
         },
 
-        isDataOption: function (s) {
+        isDataOption: function(s) {
             return /^(x1|y1|x2|y2|width|height)$/i.test(s);
         },
 
-        isDirection: function (s) {
+        isDirection: function(s) {
             return /^(\*|e|n|w|s|ne|nw|sw|se)$/i.test(s);
         }
     };
@@ -739,20 +731,20 @@
     Cropper.defaults = {
         aspectRatio: "auto",
         data: {},
-        done: function (/* data */) {},
+        done: function(/* data */) {},
         modal: true,
         preview: ""
     };
 
-    Cropper.setDefaults = function (options) {
+    Cropper.setDefaults = function(options) {
         $.extend(Cropper.defaults, options);
     };
 
     // Register as jQuery plugin
-    $.fn.cropper = function (options, settings) {
+    $.fn.cropper = function(options, settings) {
         var result = this;
 
-        this.each(function () {
+        this.each(function() {
             var $this = $(this),
                 data = $this.data("cropper");
 
@@ -772,7 +764,7 @@
     $.fn.cropper.Constructor = Cropper;
     $.fn.cropper.setDefaults = Cropper.setDefaults;
 
-    $(function () {
+    $(function() {
         $("img[cropper]").cropper();
     });
-});
+}));

data/app/assets/stylesheets/cropper.scss

@@ -11,11 +11,6 @@
     -webkit-touch-callout: none;
 }
 
-.cropper-container img {
-    max-width: none !important;
-    max-height: none !important;
-}
-
 .cropper-container .cropper-modal {
     position: absolute;
     top: 0;
@@ -43,25 +38,25 @@
        -moz-box-sizing: border-box;
             box-sizing: border-box;
     overflow: hidden;
+    border-width: 1px;
     border-color: #69f;
     border-color: rgba(51, 102, 255, .75);
     border-style: solid;
-    border-width: 1px;
 }
 
 .cropper-container .cropper-dashed {
     position: absolute;
     display: block;
     filter: alpha(opacity=50);
-    border: 0 dashed #fff;
     opacity: .5;
+    border: 0 dashed #fff;
 }
 
 .cropper-container .dashed-h {
     top: 33.3%;
     left: 0;
-    width: 100%;
     height: 33.3%;
+    width: 100%;
     border-top-width: 1px;
     border-bottom-width: 1px;
 }
@@ -69,8 +64,8 @@
 .cropper-container .dashed-v {
     top: 0;
     left: 33.3%;
-    width: 33.3%;
     height: 100%;
+    width: 33.3%;
     border-right-width: 1px;
     border-left-width: 1px;
 }
@@ -190,8 +185,8 @@
     right: -50%;
     bottom: -50%;
     display: block;
-    width: 200%;
     height: 200%;
+    width: 200%;
     content: " ";
     background-color: #69f;
     filter: alpha(opacity=0);

data/lib/jquery/cropper/version.rb

@@ -1,5 +1,5 @@
 module Jquery
   module Cropper
-    VERSION = "0.3.4"
+    VERSION = "0.3.31"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jquery-cropper
 version: !ruby/object:Gem::Version
-  version: 0.3.4
+  version: 0.3.31
 platform: ruby
 authors:
 - Vitaliy Yanchuk
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-02 00:00:00.000000000 Z
+date: 2014-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler