dynamic_scaffold 0.5.0 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3510af104ad96b427d07fb37304e8ef027ac1304b44690eba6f4396765913dce
-  data.tar.gz: 10d59ca97b95307e52f470ed9b9b4d7d54baa33488f9ffdb07a9f0403ff5cf87
+  metadata.gz: 36be61464a2924a1255e1aaec3f3b24b934bbd1a159a17b93d064104c0cb95f7
+  data.tar.gz: 57daaef6f45e18ef51211bef4490891f5470b0c0fcb2c7c6285e7040c7aa1057
 SHA512:
-  metadata.gz: e54bbebed15b73ae7f90c3cfcf602e023bdcb6fc0a0aa7ea7594b12770c69db8132465180f51b7278d478e7d3ee91aeff5dcb341b63d8ef9724c5c5d5ac95962
-  data.tar.gz: 65c53fd1541da71f1635fd0741da54148377c9c6566a062e5c5cc759db3da9c1f2979dc59f5d6450b75faeb6130626a13e18dac8bf3c6161fc001892f0f5015d
+  metadata.gz: 3ffa3ab65caccdb85647404e046d7c8e6d57d419c673c5f0e8389b4cfe6ae5ef9dc6a28fbe23210f1cc33b576e20384d58c9340c7827ee880c17419fd701e1e4
+  data.tar.gz: 6a092523f5ad7b097d03b96b039d34afe49ae27f774aeee17c649338b3d9bb10c93c49f43dc1d4ade87b6bcfc281afa4387bd0b2b947c2e6e99288bc7e041d27

data/README.md

@@ -233,7 +233,12 @@ class ShopController < ApplicationController
     # class Shop < ApplicationRecord
     #   mount_uploader :thumb, ShopThumbUploader
     #
-    config.form.item(:carrierwave_image, :thumb, preview_max_size: {width: '300px', height: '300px'})
+    config.form.item(
+      :carrierwave_image,
+      :thumb,
+      preview_max_size: {width: '300px', height: '300px'},
+      removable: false #　If you want to require image, please set removable to false. the default is true.
+    )
 
     # If you want to display more free form field, use block.
     # The block is executed in the context of view, so you can call the method of view.

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

@@ -16,12 +16,16 @@ document.addEventListener('dynamic_scaffold:load', function (){
 
     // delete event
     const button = preview.querySelector('.dynamicScaffoldJs-image-remove')
-    const flag = wrapper.querySelector('.dynamicScaffoldJs-image-remove-flag')
-    button.addEventListener('click', function(e){
-      preview.style.display = 'none'
-      flag.disabled = false
-      input.value = ''
-    })
+    let flag
+    if(button)
+    {
+      flag = wrapper.querySelector('.dynamicScaffoldJs-image-remove-flag')
+      button.addEventListener('click', function(e){
+        preview.style.display = 'none'
+        flag.disabled = false
+        input.value = ''
+      })
+    }
 
     // change event
     input.addEventListener('change', function(e){
@@ -29,7 +33,7 @@ document.addEventListener('dynamic_scaffold:load', function (){
       reader.onload = function (e) {
         img.src = e.target.result
         preview.style.display = 'inline-block'
-        flag.disabled = true
+        if(flag) flag.disabled = true
       }
 
       if(input.files.length){

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

@@ -31,16 +31,20 @@
               <%- image = form.object.public_send(elem.name) -%>
               <div class="dynamicScaffoldJs-image-wrapper">
                 <div class="dynamicScaffoldJs-image-preview panel panel-default card mb-1">
+                  <% if elem.options[:removable] %>
                   <div class="text-right panel-heading card-header">
                     <button type="button" class="btn btn-outline-danger btn-danger btn-sm dynamicScaffoldJs-image-remove">
                       <%= dynamic_scaffold_icon :times %>
                     </button>
                   </div>
-                  <div style="<%= elem.preview_image_style %>">
-                    <img src="<%= image.url if image.file.present? %>" alt="" class="img-responsive img-fluid">
+                  <% end %>
+                  <div class="panel-body card-body">
+                    <div style="<%= elem.preview_image_style %>">
+                      <img src="<%= image.url if image.file.present? %>" alt="" class="img-responsive img-fluid">
+                    </div>
                   </div>
                 </div>
-                <%= form.hidden_field "remove_#{elem.name}", value: "1", disabled:"disabled", class: 'dynamicScaffoldJs-image-remove-flag'%>
+                <%= form.hidden_field "remove_#{elem.name}", value: "1", disabled:"disabled", class: 'dynamicScaffoldJs-image-remove-flag' if elem.options[:removable]%>
                 <%= elem.render(self, form, 'form-control-file dynamicScaffoldJs-image') do |attr|%>
                   <%= form.file_field(elem.name, attr) %>
                 <%end%>

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

@@ -2,9 +2,11 @@ module DynamicScaffold
   module Form
     module Item
       class CarrierWaveImage < Base
+        attr_reader :options
         def initialize(config, type, name, options = {})
           super(config, type, name, {})
           @options = options
+          @options[:removable] = true if @options[:removable].nil?
         end
 
         def preview_image_style
@@ -23,7 +25,7 @@ module DynamicScaffold
         end
 
         def strong_parameter
-          [@name, "remove_#{@name}"]
+          @options[:removable] ? [@name, "remove_#{@name}"]  : @name
         end
       end
     end

data/lib/dynamic_scaffold/version.rb

@@ -1,3 +1,3 @@
 module DynamicScaffold
-  VERSION = '0.5.0'.freeze
+  VERSION = '0.6.0'.freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dynamic_scaffold
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.6.0
 platform: ruby
 authors:
 - Masamoto Miyata