effective_bootstrap 0.9.5 → 0.9.10

data/app/assets/stylesheets/effective_bootstrap.scss

@@ -3,6 +3,7 @@
 @import 'effective_checks/input';
 @import 'effective_datetime/input';
 @import 'effective_file/input';
+@import 'effective_has_many/input';
 @import 'effective_rich_text_area/input';
 @import 'effective_select/input';
 @import 'effective_select_or_text/input';

data/app/assets/stylesheets/effective_has_many/input.scss

@@ -0,0 +1,42 @@
+body.dragging,
+body.dragging * {
+  cursor: move !important;
+}
+
+.form-has-many {
+  .has-many-placeholder {
+    position: relative;
+    height: 2rem;
+
+    &:before {
+      position: absolute;
+      content: '';
+      background-image: asset-data-url('icons/arrow-right-circle.svg');
+      background-repeat: no-repeat;
+      height: 2rem;
+      width: 2rem;
+    }
+  }
+
+  .has-many-fields.dragged {
+    position: absolute;
+    opacity: 0;
+    z-index: 2000;
+    .has-many-move { display: none; }
+  }
+
+  .has-many-move svg { margin-top: 6px; }
+  .has-many-move { display: none; }
+
+  .has-many-remove { margin-top: 1.5rem; }
+  .has-many-move { margin-top: 1.5rem; }
+}
+
+.form-has-many.reordering {
+  .has-many-move { display: inline-block; }
+}
+
+.form-has-many.tight {
+  .has-many-remove { margin-top: 0; }
+  .has-many-move { margin-top: 0; }
+}

data/app/helpers/effective_form_builder_helper.rb

@@ -2,7 +2,7 @@ module EffectiveFormBuilderHelper
   def effective_form_with(**options, &block)
     # Compute the default ID
     subject = Array(options[:scope] || options[:model]).last
-    class_name = subject.class.name.underscore
+    class_name = subject.class.name.parameterize.underscore
     unique_id = options.except(:model).hash.abs
 
     html_id = if subject.kind_of?(Symbol)
@@ -56,6 +56,17 @@ module EffectiveFormBuilderHelper
     # Assign default ID
     options[:id] ||= (options[:html].delete(:id) || html_id) unless options.key?(:id)
 
+    # Assign url if engine present
+    options[:url] ||= if options[:engine] && options[:model].present?
+      resource = Effective::Resource.new(options[:model])
+
+      if subject.respond_to?(:persisted?) && subject.persisted?
+        resource.action_path(:update, subject)
+      elsif subject.respond_to?(:new_record?) && subject.new_record?
+        resource.action_path(:create)
+      end
+    end
+
     without_error_proc do
       form_with(**options.merge(builder: Effective::FormBuilder), &block)
     end

data/app/models/effective/form_builder.rb

@@ -203,5 +203,19 @@ module Effective
       Effective::FormLogics::ShowIfAny.new(*args, builder: self).to_html(&block)
     end
 
+    # Has Many
+    def has_many(name, collection = nil, options = {}, &block)
+      association = object.class.reflect_on_all_associations.find { |a| a.name == name }
+      raise("expected #{object.class.name} to has_many :#{name}") if association.blank?
+
+      nested_attributes_options = (object.class.nested_attributes_options || {})[name]
+      raise("expected #{object.class.name} to accepts_nested_attributes_for :#{name}") if nested_attributes_options.blank?
+
+      options = collection if collection.kind_of?(Hash)
+      options.merge!(collection: collection) if collection && !collection.kind_of?(Hash)
+
+      Effective::FormInputs::HasMany.new(name, options, builder: self).to_html(&block)
+    end
+
   end
 end

data/app/models/effective/form_inputs/editor.rb

@@ -15,11 +15,12 @@ module Effective
 
       def input_js_options
         {
-          modules: { 
-            toolbar: toolbar, 
-            imageResize: imageResize, 
+          modules: {
+            toolbar: toolbar,
+            imageResize: imageResize,
             imageDropAndPaste: imageDropAndPaste,
-            syntax: (content_mode == :code) 
+            magicUrl: magicUrl,
+            syntax: (content_mode == :code)
           },
           theme: 'snow',
           placeholder: "Add #{name.to_s.pluralize}...",
@@ -42,7 +43,7 @@ module Effective
       end
 
       def imageDropAndPaste
-        active_storage && !(content_mode == :code) 
+        active_storage && !(content_mode == :code)
       end
 
       def imageResize
@@ -57,6 +58,10 @@ module Effective
         }
       end
 
+      def magicUrl
+        true
+      end
+
       def active_storage
         return @active_storage unless @active_storage.nil?
 

data/app/models/effective/form_inputs/file_field.rb

@@ -5,9 +5,9 @@ module Effective
       def build_input(&block)
         case attachments_style
         when :card
-          build_attachments + build_uploads + super
+          build_existing_attachments + build_attachments + build_uploads + super
         when :table, :ck_assets
-          super + build_uploads + build_attachments
+          super + build_existing_attachments + build_uploads + build_attachments
         else
           raise('unsupported attachments_style, try :card or :table')
         end
@@ -32,6 +32,16 @@ module Effective
         super(obj, name) && Array(object.public_send(name)).length == 0
       end
 
+      def build_existing_attachments
+        return ''.html_safe unless multiple?
+
+        attachments = object.send(name)
+
+        attachments.map.with_index do |attachment, index|
+          @builder.hidden_field(name, multiple: true, id: (tag_id + "_#{index}"), value: attachment.signed_id)
+        end.join.html_safe
+      end
+
       def build_attachments
         return ''.html_safe unless object.respond_to?(name) && object.send(name).respond_to?(:attached?) && object.send(name).attached?
 

data/app/models/effective/form_inputs/has_many.rb

@@ -0,0 +1,175 @@
+module Effective
+  module FormInputs
+    class HasMany < Effective::FormInput
+      BLANK = ''.html_safe
+
+      def to_html(&block)
+        content_tag(:div, options[:input]) do
+          has_many_fields_for(block) + has_many_links_for(block)
+        end
+      end
+
+      def input_html_options
+        { class: 'form-has-many mb-4' }
+      end
+
+      def input_js_options
+        { sortable: true }
+      end
+
+      def collection
+        Array(options[:input][:collection] || object.send(name))
+      end
+
+      # cards: true
+      def display
+        @display ||= (options[:input].delete(:cards) ? :cards : :rows)
+      end
+
+      # add: false
+      def add?
+        return @add unless @add.nil?
+
+        @add ||= begin
+          add = options[:input].delete(:add)
+          add.nil? ? true : add
+        end
+      end
+
+      # remove: false
+      def remove?
+        return @remove unless @remove.nil?
+
+        @remove ||= begin
+          remove = options[:input].delete(:remove)
+
+          if remove != nil
+            remove
+          else
+            opts = (object.class.nested_attributes_options[name] || {})
+            opts[:update_only] != true && opts[:allow_destroy] != false
+          end
+        end
+      end
+
+      # reorder: true
+      def reorder?
+        return @reorder unless @reorder.nil?
+
+        @reorder ||= begin
+          reorder = options[:input].delete(:reorder)
+
+          if reorder != nil
+            reorder
+          else
+            build_resource().class.columns_hash['position']&.type == :integer
+          end
+        end
+      end
+
+      private
+
+      def has_many_fields_for(block)
+        collection.map { |resource| render_resource(resource, block) }.join.html_safe
+      end
+
+      def has_many_links_for(block)
+        return BLANK unless add? || reorder?
+
+        content_tag(:div, class: 'has-many-links text-center mt-2') do
+          [(link_to_add(block) if add?), (link_to_reorder(block) if reorder?)].compact.join(' ').html_safe
+        end
+      end
+
+      def render_resource(resource, block)
+        remove = BLANK
+
+        content = @builder.fields_for(name, resource) do |form|
+          fields = block.call(form)
+
+          remove += form.super_hidden_field(:_destroy) if remove? && resource.persisted?
+          remove += form.super_hidden_field(:position) if reorder? && !fields.include?('][position]')
+
+          fields
+        end
+
+        remove += link_to_remove(resource) if remove?
+
+        content_tag(:div, render_fields(content, remove), class: 'has-many-fields')
+      end
+
+      def render_fields(content, remove)
+        case display
+        when :rows
+          content_tag(:div, class: 'form-row') do
+            (reorder? ? content_tag(:div, has_many_move, class: 'col-auto') : BLANK) +
+            content_tag(:div, content, class: 'col mr-auto') +
+            content_tag(:div, remove, class: 'col-auto')
+          end
+        when :cards
+          raise('unsupported')
+        else
+          content + remove
+        end
+      end
+
+      def render_template(block)
+        resource = build_resource()
+        index = object.send(name).index(resource)
+
+        html = render_resource(resource, block)
+        html.gsub!("#{name}_attributes][#{index}]", "#{name}_attributes][HASMANYINDEX]")
+        html.gsub!("#{name}_attributes_#{index}_", "#{name}_attributes_HASMANYINDEX_")
+
+        html.html_safe
+      end
+
+      def link_to_add(block)
+        content_tag(
+          :button,
+          icon('plus-circle') + 'Add Another',
+          class: 'has-many-add btn btn-secondary',
+          title: 'Add Another',
+          data: {
+            'effective-form-has-many-add': true,
+            'effective-form-has-many-template': render_template(block)
+          }
+        )
+      end
+
+      def link_to_reorder(block)
+        content_tag(
+          :button,
+          icon('list') + 'Reorder',
+          class: 'has-many-reorder btn btn-secondary',
+          title: 'Reorder',
+          data: {
+            'effective-form-has-many-reorder': true,
+          }
+        )
+      end
+
+      def link_to_remove(resource)
+        content_tag(
+          :button,
+          icon('trash-2') + 'Remove',
+          class: 'has-many-remove btn btn-danger',
+          title: 'Remove',
+          data: {
+            'confirm': "Remove #{resource}?",
+            'effective-form-has-many-remove': true,
+          }
+        )
+      end
+
+      def has_many_move
+        @has_many_move ||= content_tag(:span, icon('move'), class: 'has-many-move')
+      end
+
+      def build_resource
+        @build_resource ||= object.send(name).build().tap { |resource| object.send(name).delete(resource) }
+      end
+
+    end
+  end
+end

data/lib/effective_bootstrap/engine.rb

@@ -8,7 +8,7 @@ module EffectiveBootstrap
     end
 
     initializer 'effective_bootstrap.assets' do |app|
-      app.config.assets.precompile += ['icons/*']
+      app.config.assets.precompile += ['effective_bootstrap_manifest.js', 'icons/*']
     end
 
   end

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '0.9.5'.freeze
+  VERSION = '0.9.10'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 0.9.5
+  version: 0.9.10
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-09-28 00:00:00.000000000 Z
+date: 2021-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -103,6 +103,7 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/config/effective_bootstrap_manifest.js
 - app/assets/images/icons/activity.svg
 - app/assets/images/icons/airplay.svg
 - app/assets/images/icons/alert-circle.svg
@@ -414,9 +415,13 @@ files:
 - app/assets/javascripts/effective_editor/image-resize.js
 - app/assets/javascripts/effective_editor/initialize.js.coffee
 - app/assets/javascripts/effective_editor/input.js
+- app/assets/javascripts/effective_editor/magic-url.js
 - app/assets/javascripts/effective_editor/quill.js
 - app/assets/javascripts/effective_file/initialize.js.coffee
 - app/assets/javascripts/effective_file/input.js
+- app/assets/javascripts/effective_has_many/initialize.js.coffee
+- app/assets/javascripts/effective_has_many/input.js
+- app/assets/javascripts/effective_has_many/jquery.sortable.js
 - app/assets/javascripts/effective_integer/initialize.js.coffee
 - app/assets/javascripts/effective_integer/input.js
 - app/assets/javascripts/effective_number_text/initialize.js.coffee
@@ -582,6 +587,7 @@ files:
 - app/assets/stylesheets/effective_editor/overrides.scss
 - app/assets/stylesheets/effective_editor/quill.scss
 - app/assets/stylesheets/effective_file/input.scss
+- app/assets/stylesheets/effective_has_many/input.scss
 - app/assets/stylesheets/effective_radio/input.scss
 - app/assets/stylesheets/effective_rich_text_area/input.scss
 - app/assets/stylesheets/effective_select/bootstrap-theme.css
@@ -611,6 +617,7 @@ files:
 - app/models/effective/form_inputs/file_field.rb
 - app/models/effective/form_inputs/float_field.rb
 - app/models/effective/form_inputs/form_group.rb
+- app/models/effective/form_inputs/has_many.rb
 - app/models/effective/form_inputs/hidden_field.rb
 - app/models/effective/form_inputs/integer_field.rb
 - app/models/effective/form_inputs/number_field.rb
@@ -666,7 +673,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.1.2
 signing_key:
 specification_version: 4
 summary: Everything you need to get set up with bootstrap 4.