bootstrap4_rails_components 0.1.0

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

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Breadcrumb Component
+      # https://getbootstrap.com/docs/4.1/components/breadcrumb/
+      class Breadcrumb < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :breadcrumb
+        end
+
+        def render
+          content_tag(:nav, aria: { label: 'breadcrumb' }) do
+            content_tag(:ol, html_options) do
+              (block_given? ? yield : body)
+            end
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Breadcrumb Item
+      # Subcomponent of Breadcrumb
+      # https://getbootstrap.com/docs/4.1/components/breadcrumb/
+      class BreadcrumbItem < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Activatable
+
+        def component_family
+          :breadcrumb
+        end
+
+        private
+
+        def base_element
+          :li
+        end
+
+        def assistive_html_attributes
+          active ? super.merge!(aria: { current: 'page' }) : super
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Button Component
+      # https://getbootstrap.com/docs/4.1/components/buttons/
+      class Button < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Activatable
+        include Bootstrap::Utilities::CollapseToggleable
+        include Bootstrap::Utilities::Disableable
+        include Bootstrap::Utilities::Remotable
+        include Bootstrap::Utilities::Sizable
+        include Bootstrap::Utilities::Modalable
+        include Bootstrap::Utilities::Themeable
+        include Bootstrap::Utilities::Tooltipable
+        include Bootstrap::Utilities::Wrappable
+
+        def render
+          if tooltip && disabled
+            content_tag(:span, disabled_component_tooltip_wrapper_html_options) do
+              content_tag(as, html_options) do
+                (block_given? ? yield : body)
+              end
+            end
+          else
+            content_tag(as, html_options) do
+              (block_given? ? yield : body)
+            end
+          end
+        end
+
+        def block
+          options.fetch(:block, false)
+        end
+
+        def href
+          return if as != :a
+          collapse ? collapse : (options[:href] || '#')
+        end
+
+        def remove_component_css_classes
+          options.fetch(:remove_component_css_classes, false)
+        end
+
+        private
+
+        def assistive_html_attributes
+          active ? super.merge(aria: { pressed: true }) : super
+        end
+
+        def css_classes
+          block ? super + " #{component_css_class}-block" : super
+        end
+
+        def collapse_data_attributes
+          as == :a ? super.except!(:target) : super
+        end
+
+        def component_css_class
+          remove_component_css_classes ? '' : 'btn'
+        end
+
+        def default_html_wrapper_element
+          :a
+        end
+
+        def non_html_attribute_options
+          super.push(:block, :remove_component_css_classes)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Button Group Component
+      # An optional parent of the Button component
+      # https://getbootstrap.com/docs/4.1/components/breadcrumb/
+      class ButtonGroup < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::DropdownDirectionable
+        include Bootstrap::Utilities::Sizable
+
+        def vertical
+          options.fetch(:vertical, false)
+        end
+
+        private
+
+        def assistive_html_attributes
+          super.merge!(role: 'group', aria: { label: 'action buttons' })
+        end
+
+        def component_css_class
+          'btn-group'
+        end
+
+        def css_classes
+          [
+            super,
+            ("#{component_css_class}-vertical" if vertical)
+          ].join(' ').squish
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Button Toolbar Component
+      # https://getbootstrap.com/docs/4.1/components/button-group/#button-toolbar
+      class ButtonToolbar < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        private
+
+        def component_css_class
+          'btn-toolbar'
+        end
+
+        def assistive_html_attributes
+          super.merge!(role: 'toolbar')
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Component
+      # https://getbootstrap.com/docs/4.1/components/cards/
+      class Card < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap::Utilities::Themeable
+
+        def component_family
+          :card
+        end
+
+        def footer
+          options.fetch(:footer, '')
+        end
+
+        def heading
+          options.fetch(:heading, '')
+        end
+
+        def subtitle
+          options.fetch(:subtitle, '')
+        end
+
+        def title
+          options.fetch(:title, '')
+        end
+
+        def render
+          content_tag(:div, html_options) do
+            capture do
+              if heading.present?
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::CardHeader.new({ heading: heading }, view_context).render)
+              end
+
+              concat(Bootstrap4RailsComponents::Bootstrap::Components::CardBody.new({}, view_context).render {
+                capture do
+                  concat(content_tag(:h5, title, class: 'card-title')) if title.present?
+                  concat(content_tag(:h6, subtitle, class: 'card-subtitle')) if subtitle.present?
+                  concat(block_given? ? yield : body)
+                end
+              })
+
+              if footer.present?
+                concat(Bootstrap4RailsComponents::Bootstrap::Components::CardFooter.new({ body: footer }, view_context).render)
+              end
+            end
+          end
+        end
+
+        private
+
+        def css_classes
+          return super unless theme.presence && theme != :light
+          [
+            super,
+            (outlined ? "text-#{theme}" : 'text-white')
+          ].join(' ').squish
+        end
+
+        def default_theme
+          nil
+        end
+
+        def non_html_attribute_options
+          super.push(:footer, :heading, :subtitle, :title)
+        end
+
+        def outlined_css_class_prefix
+          'border-'
+        end
+
+        def theme_css_class_prefix
+          outlined ? '' : 'bg-'
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Header
+      # https://getbootstrap.com/docs/4.1/components/card/#header-and-footer
+      class CardBody < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :card
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Header
+      # https://getbootstrap.com/docs/4.1/components/card/#header-and-footer
+      class CardFooter < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :card
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Header
+      # https://getbootstrap.com/docs/4.1/components/card/#header-and-footer
+      class CardHeader < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :card
+        end
+
+        def heading
+          options.fetch(:heading, nil)
+        end
+
+        def render
+          super do
+            if heading.present?
+              heading
+            else
+              (block_given? ? yield : body)
+            end
+          end
+        end
+
+        private
+
+        def non_html_attribute_options
+          super.push(:heading)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Header
+      # https://getbootstrap.com/docs/4.1/components/card/#header-and-footer
+      class CardImage < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :card
+        end
+
+        def image
+          options.fetch(:image, '')
+        end
+
+        def render
+          image_tag image, **html_options
+        end
+
+        private
+
+        def component_css_class
+          'card-img'
+        end
+
+        def non_html_attribute_options
+          super.push(:image)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Card Header
+      # https://getbootstrap.com/docs/4.1/components/card/#header-and-footer
+      class CardImageOverlay < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        include Bootstrap4RailsComponents::Bootstrap::Utilities::Titleable
+
+        def component_family
+          :card
+        end
+
+        def image
+          options.fetch(:image, '')
+        end
+
+        def render
+          capture do
+            if image
+              concat(Bootstrap4RailsComponents::Bootstrap::Components::CardImage.new({ image: image }, view_context).render)
+            end
+
+            concat(content_tag(:div, html_options) {
+              capture do
+                concat(content_tag(:h5, title, class: 'card-title')) if title
+                concat(block_given? ? yield : body)
+              end
+            })
+          end
+        end
+
+        private
+
+        def component_css_class
+          'card-img-overlay'
+        end
+
+        def non_html_attribute_options
+          super.push(:image)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module Bootstrap4RailsComponents
+  module Bootstrap
+    module Components
+      # Bootstrap Carousel Component
+      # https://getbootstrap.com/docs/4.1/components/carousel/
+      class Carousel < Bootstrap4RailsComponents::Bootstrap::Components::Base
+        def component_family
+          :carousel
+        end
+
+        def controls
+          options.fetch(:controls, false)
+        end
+
+        def data
+          super.merge!(ride: 'carousel')
+        end
+
+        def indicators
+          options[:indicators] || 0 # return 0 on nil
+        end
+
+        def render
+          super do
+            capture do
+              content_tag(:div, class: 'carousel-inner') do
+                if indicators > 0
+                  concat(Bootstrap4RailsComponents::Bootstrap::Components::CarouselIndicators.new({ count: indicators, carousel: "##{id}" }, view_context).render)
+                end
+                concat(block_given? ? yield : body)
+                if controls
+                  concat(Bootstrap4RailsComponents::Bootstrap::Components::CarouselControl.new({ control: :next, carousel: "##{id}" }, view_context).render)
+                  concat(Bootstrap4RailsComponents::Bootstrap::Components::CarouselControl.new({ control: :prev, carousel: "##{id}" }, view_context).render)
+                end
+              end
+            end
+          end
+        end
+
+        private
+
+        def css_classes
+          [
+            super,
+            'slide'
+          ].join(' ').squish
+        end
+
+        def non_html_attribute_options
+          super.push(:indicators, :controls)
+        end
+      end
+    end
+  end
+end