dynamic_scaffold 0.7.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8b1f7eae38be3f6ea66d41d1b0e3f090d11d419f693370e164d96114a5635e63
-  data.tar.gz: '0508b88786934bc56da9393bba1702651640c6a7a98f1d2bed09c823a747f4d3'
+  metadata.gz: 74a0f8f30faba7f43c94890c5e27a9dbdfe411fc1c0251f64aae80adbf04e47a
+  data.tar.gz: 41b6ef7eb1339343dbedead999fa2977036388c541633efd59827929cafc9227
 SHA512:
-  metadata.gz: eee62a94e9a70e626013f30cc7f5ef4cf7f8a7297d634170b3e355865c4860908b7fe952acd3441fc9a479b3dc506ed361a7ae6f15d2d6f2b540c56b747c80a4
-  data.tar.gz: 68386b6084d07c100b441d788182fa6af7d03c770056cbcdbba5db49a8e7cef1d1f1fcf9bbce12449dda687f9e6514a4620e5a5deba1c92e65e0f7e384674107
+  metadata.gz: 508a0b9f5cbc4d006db7e3ab9748034c96d9ab7bd377aed9ae052f5b323980eff1106a2ff2afb463fe6389a6939a6747b35360a0979c0959f2dc00b4ffa26ff3
+  data.tar.gz: 80cfaac150327d5251cffbe01d7add2ae92d8c4e354f46f1793d26b5b6b99b223019a2ca7e940d47d749310ef82b6b7edd36488bf4479d0c56b5923fd8cb3ab9

data/README.md

@@ -290,6 +290,8 @@ class ShopController < ApplicationController
 end
 ```
 
+`carrierwave_image` supports [cropper](https://github.com/fengyuanchen/cropperjs). For details, please read [Crop the image](https://github.com/gomo/dynamic_scaffold/wiki/Crop-the-image).
+
 ### Sorting
 
 You can sort records having integer column for order in the list page.

data/app/assets/javascripts/dynamic_scaffold/image.js

@@ -5,6 +5,7 @@ document.addEventListener('dynamic_scaffold:load', function (){
     const wrapper = input.closest('.js-ds-image-wrapper')
     const preview = wrapper.querySelector('.js-ds-image-preview')
     const img = preview.querySelector('img')
+    const cropper_input = wrapper.querySelector('.js-ds-image-cropper')
 
     // init preview display
     preview.style.display = 'inline-block'
@@ -32,6 +33,14 @@ document.addEventListener('dynamic_scaffold:load', function (){
       const reader = new FileReader();
       reader.onload = function (e) {
         img.src = e.target.result
+        if(cropper_input){
+          const options = JSON.parse(cropper_input.getAttribute('data-options'))
+          options.crop = function(event){
+            cropper_input.value = JSON.stringify(event.detail)
+          }
+          const cropper = new Cropper(img, options)
+        }
+
         preview.style.display = 'inline-block'
         if(flag) flag.disabled = true
       }

data/app/views/dynamic_scaffold/bootstrap/_form.html.erb

@@ -30,6 +30,9 @@
             <% elsif elem.type? :carrierwave_image %>
               <%- image = form.object.public_send(elem.name) -%>
               <div class="js-ds-image-wrapper">
+                <%- if elem.cropper.present? -%>
+                <%= form.hidden_field "cropper_#{elem.name}", class: "js-ds-image-cropper", data:{options: elem.cropper.to_json} %>
+                <%- end -%>
                 <div class="js-ds-image-preview panel panel-default card mb-1">
                   <% if elem.options[:removable] %>
                   <div class="text-right panel-heading card-header">

data/lib/dynamic_scaffold/form/item/carrier_wave_image.rb

@@ -9,6 +9,12 @@ module DynamicScaffold
           @options[:removable] = true if @options[:removable].nil?
         end
 
+        def cropper
+          return nil unless @options.key? :cropper
+          return {} if @options[:cropper] == true
+          @options[:cropper]
+        end
+
         def preview_image_style
           max_size = @options[:preview_max_size]
           return '' unless max_size
@@ -25,7 +31,10 @@ module DynamicScaffold
         end
 
         def strong_parameter
-          params = [@name, "#{@name}_cache"]
+          params = []
+          # If you do not permit before the image body you can not use cropper value in uploader.
+          params << "cropper_#{@name}" unless cropper.nil?
+          params.concat([@name, "#{@name}_cache"])
           params << "remove_#{@name}" if @options[:removable]
           params
         end

data/lib/dynamic_scaffold/version.rb

@@ -1,3 +1,3 @@
 module DynamicScaffold
-  VERSION = '0.7.1'.freeze
+  VERSION = '0.8.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dynamic_scaffold
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.8.0
 platform: ruby
 authors:
 - Masamoto Miyata
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-07-02 00:00:00.000000000 Z
+date: 2018-07-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: classnames-rails-view