dynamic_scaffold 1.10.0 → 1.12.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d2878d75af1c0e57b392261a63012a7e8adaf8b527cc6da8bb7c8ea5f84011a5
-  data.tar.gz: 5a0037e29736c6863901d7f7fdbec3aaeefd0a1ebb746d21f49c3356838cfcf5
+  metadata.gz: c6af7a0d39b975f4f4b3117f6209b6acf62f7ddcedc709204cd0febedc023f0b
+  data.tar.gz: 9cedfa6276fa55e364afdde623e7c372568bbee2d88e01445a6f6d94bea83446
 SHA512:
-  metadata.gz: 9ef5af49b21cd93f46e1e13138eff64823fe3e5379882bdf0910e8082ecba8d7f9b65dd8c8b6cde8c22fb0fbb7fe5f92ffc1c31e61bfd7fd18a22fbdd8756022
-  data.tar.gz: bb3b7662d02ebda9658ada08ce216e63ac24f4c63d2434757cc924c6e56ae8ab4b3156809b062824b7251d14037791fa00189eeace66498f53117b7fb8d8b44c
+  metadata.gz: 46543b0126d137d6dcedcbf9e7c7dc0891d2666686cb2dc72a30e31350c2afc753eee686c14f0983ba60c9b083d521a70e80ec099718d202eea6e5e92f565aca
+  data.tar.gz: ea52d29d1a5652bb160413e24c12e50e2f422d6a78e5c89b228d0025db21e9d3ff69734cdbf45080019fc6628751d2a73caea281a8cfcb379aac6f4f58962af4

data/app/assets/javascripts/dynamic_scaffold.js

@@ -3,3 +3,4 @@
 //= require dynamic_scaffold/pagination
 //= require dynamic_scaffold/sorter
 //= require dynamic_scaffold/image
+//= require dynamic_scaffold/auto_width

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

@@ -0,0 +1,35 @@
+var calcWidth = function(){
+  var firstRow = document.querySelector('.js-ds-list-row:first-child')
+  if(!firstRow){
+    return
+  }
+
+  var wrapperWidth = firstRow.clientWidth
+
+  var autoWidthItemIndexes = Array.prototype.filter.call(firstRow.querySelectorAll('.js-ds-list-item'), function(item){
+    return item.classList.contains('ds-auto-width')
+  }).map(function(item){
+    return parseInt(item.getAttribute('data-index'), 10)
+  })
+
+  autoWidthItemIndexes.forEach(function(index){
+    var items = document.querySelectorAll('.js-ds-list-item[data-index="' + index + '"]')
+
+    Array.prototype.forEach.call(items, function(item){
+      item.style.width = 'auto' 
+    })
+    
+    var maxWidth = Array.prototype.reduce.call(items, function(currentMax, item){
+      return Math.max(currentMax, item.offsetWidth)
+    }, 0)
+
+    maxWidth = Math.min(maxWidth, wrapperWidth)
+
+    Array.prototype.forEach.call(items, function(item){
+      item.style.width = maxWidth + 'px' 
+    })
+  })
+}
+
+document.addEventListener('dynamic_scaffold:load', calcWidth)
+document.addEventListener('dynamic_scaffold:window_resized', calcWidth)

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

@@ -13,6 +13,7 @@ if (window.Element && !Element.prototype.closest) {
   };
 }
 
+// dynamic_scaffold:load
 (function(){
   var fireEvent = function(){
     var event = document.createEvent("HTMLEvents");
@@ -25,7 +26,25 @@ if (window.Element && !Element.prototype.closest) {
     // Not fire after the initial page load
     if (e.data.timing.visitEnd) fireEvent()
   })
-})()
+})();
+
+
+// dynamic_scaffold:window_resized
+(function(){
+  var fireEvent = function(){
+    var event = document.createEvent("HTMLEvents");
+    event.initEvent('dynamic_scaffold:window_resized', false, false)
+    document.dispatchEvent(event)
+  }
+
+  var timeout = 0
+  window.addEventListener('resize', function(e){
+    this.clearTimeout(timeout)
+    timeout = setTimeout(function(){
+      fireEvent()
+    }, 300)
+  })
+})();
 
 // promise polyfill
 // IE 11 has no Promise? Are you kidding?

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

@@ -1,4 +1,4 @@
-<%= form_with method: method, model: @record, url: url, local: true, class: 'ds-form' do |form| %>
+<%= form_with method: method, model: @record, scope: dynamic_scaffold.model.name.underscore, url: url, local: true, class: 'ds-form' do |form| %>
   <%-dynamic_scaffold.form.items.each do |elem|-%>
     <%= render 'dynamic_scaffold/bootstrap/form/row', form: form, elem: elem, depth: 0 %>
   <% end %>

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

@@ -38,9 +38,9 @@
             <div class="ds-list-heading"><%= dynamic_scaffold.list.title(record) %></div>
           <% end %>
           <div class="ds-list-items">
-          <%dynamic_scaffold.list.items.each do |disp|%>
+          <%dynamic_scaffold.list.items.each_with_index do |disp, index|%>
             <%- if disp.show?(self, record) -%>
-              <%= content_tag :div, class: class_names('ds-list-item', disp.classnames), **disp.html_attributes do%>
+              <%= content_tag :div, class: class_names('ds-list-item js-ds-list-item', disp.classnames), **{**disp.html_attributes, 'data-index': index} do%>
                 <div class="ds-list-label"><%= disp.label %></div>
                 <div class="ds-list-value"><%= disp.value self, record %></div>
               <%end%>

data/app/views/dynamic_scaffold/bootstrap/form/_row.html.erb

@@ -1,4 +1,4 @@
-<% if elem.needs_rendering?(self)%>
+<% if elem.needs_rendering?(self, form.object)%>
   <% if !elem.label? && elem.type?(:hidden_field) %>
     <%= elem.render(self, form) %>
   <% else %>

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

@@ -124,10 +124,10 @@ module DynamicScaffold
           self
         end
 
-        def needs_rendering?(view)
+        def needs_rendering?(view, record)
           return true unless @if_block || @unless_block
-          return view.instance_exec(view.controller.params, &@if_block) if @if_block
-          return !view.instance_exec(view.controller.params, &@unless_block) if @unless_block
+          return view.instance_exec(view.controller.params, record, &@if_block) if @if_block
+          return !view.instance_exec(view.controller.params, record, &@unless_block) if @unless_block
         end
 
         def proxy(attribute_name)

data/lib/dynamic_scaffold/version.rb

@@ -1,3 +1,3 @@
 module DynamicScaffold
-  VERSION = '1.10.0'.freeze
+  VERSION = '1.12.2'.freeze
 end

data/lib/generators/dynamic_scaffold/templates/controller.erb

@@ -62,7 +62,7 @@ class <%= @class_scope.present? ? "#{@class_scope}::" : '' %><%= @plural_model_n
     # Please see https://github.com/gomo/dynamic_scaffold#customize-list for details.
 
   <%- @model.column_names.each do |column| -%>
-    config.list.item(:<%= column %>, style: 'width: 120px;')
+    config.list.item(:<%= column %>, class: 'ds-auto-width')
   <%- end -%>
 
     # You can customize the form fields through `config.form`.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dynamic_scaffold
 version: !ruby/object:Gem::Version
-  version: 1.10.0
+  version: 1.12.2
 platform: ruby
 authors:
 - Masamoto Miyata
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-20 00:00:00.000000000 Z
+date: 2021-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: classnames-rails-view
@@ -252,6 +252,7 @@ files:
 - app/assets/images/dynamic_scaffold/fontawesome/step-forward.svg
 - app/assets/images/dynamic_scaffold/fontawesome/times.svg
 - app/assets/javascripts/dynamic_scaffold.js
+- app/assets/javascripts/dynamic_scaffold/auto_width.js
 - app/assets/javascripts/dynamic_scaffold/common.js
 - app/assets/javascripts/dynamic_scaffold/delete.js
 - app/assets/javascripts/dynamic_scaffold/image.js