paper_cropper 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bb38a063d00da380ab37d233baac25f9823b7311
-  data.tar.gz: 03272e89f0479ac96037200e8232f1e014179e82
+  metadata.gz: 7629c8e9811d613f894aa4300c2e78b515c31b5a
+  data.tar.gz: 081ca60672ff1b4161984c908e75ffbdb0672fba
 SHA512:
-  metadata.gz: 27d4ae20dee2532ab20ec09f55e11abf7b66f5b472eae48d6eb59a59ed5de62da1cd23a4d36a5e1b9c5e4a2c30be324c6eed97e50684541092b6484c7004e5a6
-  data.tar.gz: 4ae4577f753ab92c730333b995367560dab86fe4a0a116182637a2d168084f2ffc1dcd38b06b0c86418f23c254256a3fd0970ab6b7110b7985ccd149fbf808be
+  metadata.gz: ba14300199a193190faede4e930867146c8ea5d75f8eebe3f618f0501afca5a0a98ed212738404fa16734cab00144a0ef34ac017ac031e494d9d0185439e557c
+  data.tar.gz: 8226250fb09a2c213df5ca0944add0010b470161d59a3a194eb0400326416a79a7d9af06b9605bed574521c6e441b5e833d2fec86d7c30c209a5833de8b1e93e

data/README.md

@@ -30,7 +30,7 @@ crop_attached_file :cover, aspect: false
 Take care of permitted params. Add the following fields to ```permitted``` strong attributes:
 
 ```ruby
-params.require(:model).permit(:cover, :cover_crop_x, :cover_crop_y, :cover_crop_width, :cover_crop_height)
+params.require(:model).permit(:cover, :cover_crop_x, :cover_crop_y, :cover_crop_width, :cover_crop_height, :cover_crop_ratio)
 ```
 
 ## javascripts
@@ -89,6 +89,7 @@ for example:
   <input class="crop-image-value-y"       type="hidden" name="cover_crop_y"       value="">
   <input class="crop-image-value-width"   type="hidden" name="cover_crop_width"   value="">
   <input class="crop-image-value-height"  type="hidden" name="cover_crop_height"  value="">
+  <input class="crop-image-value-ratio"   type="hidden" name="cover_crop_ratio"   value="">
 
   <!-- [required] Wrap the image or canvas element with a block element (container) -->
   <div class="crop-image-wrapper">

data/lib/assets/javascripts/paper_cropper.js

@@ -16,6 +16,7 @@
   <input class="crop-image-value-y"       type="hidden" name="cover_crop_y"       value="">
   <input class="crop-image-value-width"   type="hidden" name="cover_crop_width"   value="">
   <input class="crop-image-value-height"  type="hidden" name="cover_crop_height"  value="">
+  <input class="crop-image-value-ratio"   type="hidden" name="cover_crop_ratio"   value="">
 
   <!-- File input for change the image -->
   <input class="crop-image-file-input" type="file">
@@ -46,6 +47,7 @@ function PaperCropper(container, opt) {
   this.inputY = $(container).find('.crop-image-value-y');
   this.inputWidth = $(container).find('.crop-image-value-width');
   this.inputHeight = $(container).find('.crop-image-value-height');
+  this.inputRatio = $(container).find('.crop-image-value-ratio');
 
   var aspect = $(container).attr('data-crop-image-range');
   if( isNaN(aspect) ) {
@@ -54,6 +56,10 @@ function PaperCropper(container, opt) {
     this.aspect = parseFloat(aspect);
   }
 
+  if ( isNaN(this.inputRatio.val()) ) {
+      this.inputRatio.val(1);
+  }
+
   this.init();
 }
 
@@ -78,6 +84,9 @@ PaperCropper.prototype.init = function() {
     crop: function(event){
       that.cropperCrop(event);
     },
+    zoom: function (event) {
+      that.cropperZomm(event);
+    },
     built: function() {
       console.log('cropper build')
       that.cropperBuild();
@@ -109,7 +118,7 @@ PaperCropper.prototype.init = function() {
 /** Callback method used when cropper are full loaded */
 PaperCropper.prototype.cropperBuild = function() {
   // set initial values
-  this.setCropperData(this.inputX.val(), this.inputY.val(), this.inputWidth.val(), this.inputHeight.val());
+  this.setCropperData(this.inputX.val(), this.inputY.val(), this.inputWidth.val(), this.inputHeight.val(), this.inputRatio.val());
 }
 
 /** Callback method used when the user changes the crop */
@@ -122,6 +131,12 @@ PaperCropper.prototype.cropperCrop = function (event) {
   this.inputHeight.val(parseInt(event.detail.height));
 }
 
+PaperCropper.prototype.cropperZomm = function (event) {
+  console.log('zoom:', event.detail)
+  console.log('zoom crop data:',this.cropper.getData())
+  this.inputRatio.val(parseFloat(event.detail.ratio));
+}
+
 /** Callback method used when the user changes the file */
 PaperCropper.prototype.fileInputChange = function (event) {
     var input = event.target;
@@ -136,7 +151,8 @@ PaperCropper.prototype.fileInputChange = function (event) {
 }
 
 /** Set the cropper data */
-PaperCropper.prototype.setCropperData = function (x, y, width, height) {
+PaperCropper.prototype.setCropperData = function (x, y, width, height, ratio) {
+  this.cropper.zoomTo(parseFloat(ratio));
   this.cropper.setData({
     'x': parseInt(x),
     'y': parseInt(y),

data/lib/paper_cropper/helpers.rb

@@ -15,6 +15,7 @@ module PaperCropper
       out << form_helper.hidden_field(:"#{attachment_name}_crop_y", class: 'crop-image-value-y')
       out << form_helper.hidden_field(:"#{attachment_name}_crop_width", class: 'crop-image-value-width')
       out << form_helper.hidden_field(:"#{attachment_name}_crop_height", class: 'crop-image-value-height')
+      out << form_helper.hidden_field(:"#{attachment_name}_crop_ratio", class: 'crop-image-value-ratio')
 
       out << form_helper.file_field(attachment_name, class: 'crop-image-file-input', label_col: "col-sm-3", control_col: "col-sm-9")
 

data/lib/paper_cropper/model_extension.rb

@@ -84,8 +84,8 @@ module PaperCropper
         ["#{attachment_name}_name", "#{attachment_name}_content_type",
           "#{attachment_name}_file_size", "#{attachment_name}_updated_at",
           "#{attachment_name}_crop_x", "#{attachment_name}_crop_y",
-          "#{attachment_name}_crop_width",
-          "#{attachment_name}_crop_height"
+          "#{attachment_name}_crop_width", "#{attachment_name}_crop_height",
+          "#{attachment_name}_crop_ratio"
         ].any? { |attr|
           method= "#{attr}_changed?".to_sym
           if respond_to?(method)

data/lib/paper_cropper/schema.rb

@@ -6,7 +6,8 @@ module PaperCropper
       crop_x: :integer,
       crop_y: :integer,
       crop_width: :integer,
-      crop_height: :integer
+      crop_height: :integer,
+      crop_ratio: [:decimal, {precision: 8, scale: 4}]
     }
 
     #
@@ -18,8 +19,10 @@ module PaperCropper
         options = attachment_names.extract_options!
 
         attachment_names.each do |attachment_name|
-          COLUMNS.each_pair do |column_name, column_type|
-            column_options = options.merge(options[column_name.to_sym] || {})
+          COLUMNS.each_pair do |column_name, column_definition|
+            column_type, default_options = column_definition
+            custom_options = options.merge(options[column_name.to_sym] || {})
+            column_options = (default_options || {}).merge(custom_options)
             add_column(table_name, "#{attachment_name}_#{column_name}", column_type, column_options)
           end
         end
@@ -42,8 +45,10 @@ module PaperCropper
       def crop_attachment(*attachment_names)
         options = attachment_names.extract_options!
         attachment_names.each do |attachment_name|
-          COLUMNS.each_pair do |column_name, column_type|
-            column_options = options.merge(options[column_name.to_sym] || {})
+          COLUMNS.each_pair do |column_name, column_definition|
+            column_type, default_options = column_definition
+            custom_options = options.merge(options[column_name.to_sym] || {})
+            column_options = (default_options || {}).merge(custom_options)
             column("#{attachment_name}_#{column_name}", column_type, column_options)
           end
         end

data/lib/paper_cropper/version.rb

@@ -2,6 +2,13 @@ module PaperCropper
   # Changelog based on Semantic Versioning: http://semver.org
   # REMEMBER: Major version zero (0.y.z) is for initial development. Anything may change at any time. The public API should not be considered stable.
 
+  unless defined?(PaperCropper::VERSION)
+    VERSION = '0.0.4'.freeze
+  end
+
+  # 0.0.4 PATCH
+  # [FIX]  Remember ratio attribute used to zoom in and out.
+
   # 0.0.3 PATCH
   # [FIX] Invalid method call when invoking attachment_changed?.
   # [DOC] Improve README.
@@ -11,7 +18,4 @@ module PaperCropper
   # [FEATURE] Added ActiveRecord extensions to force attachment updated_at field to be setted
   #   on every attachment change.
 
-  unless defined?(PaperCropper::VERSION)
-    VERSION = '0.0.3'.freeze
-  end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: paper_cropper
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Coditramuntana
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-27 00:00:00.000000000 Z
+date: 2016-11-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails