bootstrap4_rails_components 0.1.0

data/lib/bootstrap4_rails_components/bootstrap/components/embed.rb

@@ -0,0 +1,80 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Responsive Embed Component
+      # https://getbootstrap.com/docs/4.1/utilities/embed/
+      class Embed < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def aspect_ratio
+          options.fetch(:aspect_ratio, default_aspect_ratio) || default_aspect_ratio
+        end
+
+        def iframe
+          return unless iframe?
+          view_context.content_tag :iframe, nil, src: src, class: 'embed-responsive-item', allowfullscreen: true
+        end
+
+        def iframe?
+          options[:iframe].present?
+        end
+
+        def autoplay
+          options.fetch(:autoplay, default_autoplay)
+        end
+
+        def render
+          super do
+            if iframe?
+              iframe
+            else
+              (block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def component_css_class
+          'embed-responsive'
+        end
+
+        def src
+          return unless iframe?
+          options[:iframe] + (autoplay ? '?autoplay=1' : '')
+        end
+
+        def css_classes
+          return super unless allowed_aspect_ratios.include?(aspect_ratio)
+          super + " embed-responsive-#{aspect_ratio.gsub("\:", 'by')}"
+        end
+
+        def allowed_aspect_ratios
+          %w[21:9 16:9 4:3 1:1]
+        end
+
+        def default_aspect_ratio
+          '16:9'
+        end
+
+        # def default_iframe
+        #   ''
+        # end
+
+        def non_html_attribute_options
+          super.push(:iframe, :aspect_ratio, :autoplay)
+        end
+
+        # def defaults
+        #   super.merge!(iframe: default_iframe,
+        #                aspect_ratio: default_aspect_ratio,
+        #                autoplay: default_autoplay)
+        # end
+
+        def default_autoplay
+          false
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/form.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Forms Component
+      # https://getbootstrap.com/docs/4.1/components/forms/
+      class Form < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/input_group.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Input Group Component
+      # https://getbootstrap.com/docs/4.1/components/input-group/
+      class InputGroup < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/jumbotron.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Jumbotron Component
+      # https://getbootstrap.com/docs/4.1/components/jumbotron/
+      class Jumbotron < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/list_group.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap List Group Component
+      # https://getbootstrap.com/docs/4.1/components/list-group/
+      class ListGroup < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+
+        def component_family
+          :list_group
+        end
+
+        def flush
+          options.fetch(:flush, false)
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def css_classes
+          flush ? super + " #{component_css_class}-flush" : super
+        end
+
+        def default_html_wrapper_element
+          :ul
+        end
+
+        def non_html_attribute_options
+          super.push(:flush)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/list_group_item.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap List Group Item Component
+      # https://getbootstrap.com/docs/4.1/components/list-group/
+      class ListGroupItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Wrappable
+        include Bootstrap::Utilities::Activatable
+        include Bootstrap::Utilities::Disableable
+        include Bootstrap::Utilities::Themeable
+
+        def component_family
+          :list_group
+        end
+
+        def action
+          options.fetch(:action, false)
+        end
+
+        def badge
+          options.fetch(:badge, nil)
+        end
+
+        def render
+          super do
+            capture do
+              concat(block_given? ? yield : body)
+              if badge
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::Badge.new({ pill: true, theme: (theme || Bootstrap4RailsComponents::DEFAULT_BOOTSTRAP_THEME), body: badge }, view_context).render)
+              end
+            end
+          end
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def default_theme
+          nil
+        end
+
+        def default_html_wrapper_element
+          :li
+        end
+
+        def css_classes
+          [
+            super,
+            ("#{component_css_class}-action" if action),
+            ('d-flex justify-content-between align-items-center' if badge)
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:action, :badge)
+        end
+
+        def outlineable?
+          false
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/media.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class Media < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :media
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/media_body.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class MediaBody < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :media
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/media_object.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Media Object Layout Component
+      # https://getbootstrap.com/docs/4.1/layout/media-object/
+      class MediaObject < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_css_class
+          ''
+        end
+
+        def component_family
+          :media
+        end
+
+        def render
+          (block_given? ? yield : body)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/modal.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class Modal < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+        # NOTE: ARIALABELLEDBY has not been introduced on speed modals.
+        # ex: aria-labelledby="exampleModalLabel"
+        # which is then the ID of the modal title element
+
+        def component_family
+          :modal
+        end
+
+        def title
+          options.fetch(:title, nil)
+        end
+
+        def footer
+          options.fetch(:footer, nil)
+        end
+
+        def render
+          super do
+            content_tag(:div, class: 'modal-dialog', role: 'document') do
+              content_tag(:div, class: 'modal-content') do
+                capture do
+                  concat(Bootstrap4RailsComponents::Bootstrap::Components::ModalHeader.new({ title: title }, view_context).render)
+                  if render_in_body
+                    concat(Bootstrap4RailsComponents::Bootstrap::Components::ModalBody.new({ body: (block_given? ? yield : body) }, view_context).render)
+                  else
+                    concat(block_given? ? yield : body)
+                  end
+                  if footer
+                    concat(Bootstrap4RailsComponents::Bootstrap::Components::ModalFooter.new({ body: footer }, view_context).render)
+                  end
+                end
+              end
+            end
+          end
+        end
+
+        def render_in_body
+          options.fetch(:render_in_body, true)
+        end
+
+        private
+
+        def css_classes
+          super + ' fade'
+        end
+
+        def non_html_attribute_options
+          super.push((:footer if footer.present?), (:title if title.present?))
+        end
+
+        def assistive_html_attributes
+          super.merge(role: 'dialog', tabindex: '-1', aria: { hidden: 'true' })
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/modal_body.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalBody < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/modal_footer.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalFooter < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/modal_header.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Modal Component
+      # https://getbootstrap.com/docs/4.1/components/modal/
+      class ModalHeader < Bootstrap4RailsComponents::Bootstrap::Components::Base
+
+        def component_family
+          :modal
+        end
+
+        def title
+          options.fetch(:title, nil)
+        end
+
+        def render
+          super do
+            capture do
+              concat(content_tag(:h5, title, class: 'modal-title')) if title
+              concat(Bootstrap4RailsComponents::Bootstrap::Components::Button.new({ as: :button, class: 'close', theme: nil, data: { dismiss: 'modal' }, aria: { label: 'Close' } }, view_context).render {
+                content_tag(:span, "&times;".html_safe, { aria: { hidden: 'true' } })
+              })
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:title)
+        end
+      end
+    end
+  end
+end

data/lib/bootstrap4_rails_components/bootstrap/components/nav.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Nav Component
+      # https://getbootstrap.com/docs/4.1/components/navs/
+      class Nav < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Alignable
+        include Bootstrap::Utilities::Wrappable
+
+        def component_family
+          :nav
+        end
+
+        def fill
+          options.fetch(:fill, false)
+        end
+
+        def justified
+          options.fetch(:justified, false)
+        end
+
+        def pill
+          options.fetch(:pill, false)
+        end
+
+        def tabs
+          options.fetch(:tabs, false)
+        end
+
+        def vertical
+          options.fetch(:vertical, false)
+        end
+
+        private
+
+        def base_element
+          as
+        end
+
+        def component_css_class
+          'nav'
+        end
+
+        def css_classes
+          [
+            super,
+            ('nav-fill' if fill),
+            ('nav-justified' if justified),
+            ('nav-pills' if pill),
+            ('nav-tabs' if tabs),
+            ('flex-column' if vertical)
+          ].join(' ').squish
+        end
+
+        def default_html_wrapper_element
+          :ul
+        end
+
+        def non_html_attribute_options
+          super.push(:fill,
+                     :justified,
+                     :tabs,
+                     :pill,
+                     :vertical)
+        end
+      end
+    end
+  end
+end