Contents

# frozen_string_literal: true

module NfgUi
  module Components
    module Patterns
      # TileHeader doc coming soon
      class TileHeader < NfgUi::Components::Base
        include Bootstrap::Utilities::Collapsible

        include NfgUi::Components::Utilities::Titleable
        include NfgUi::Components::Utilities::Iconable

        def component_family
          :tile
        end

        def render
          super do
            if collapsible && title
              concat(NfgUi::Components::Elements::Button.new({ traits: [:link, :block], collapse: collapse, class: 'no-link-color p-0 m-0', data: { collapse_icon: collapse_icon, collapsed_icon: collapsed_icon } }, view_context).render {
                content_tag(:div, class: 'row align-items-center') do
                  concat(content_tag(:div, class: 'col-10 text-left') {
                    NfgUi::Components::Foundations::Typeface.new({ heading: title, icon: icon, class: 'h4' }, view_context).render
                  })
                  concat(content_tag(:div, class: 'col-2 text-right') {
                    NfgUi::Components::Foundations::Icon.new({ traits: ["#{contextual_collapsible_icon} fw"], tooltip: 'Show / hide additional information' }, view_context).render
                  })
                end
              })
            elsif title
              concat(NfgUi::Components::Foundations::Typeface.new({ heading: title, icon: icon, class: 'h4' }, view_context).render)
            end

            concat((block_given? ? yield : body))
          end
        end

        private

        def contextual_collapsible_icon
          return '' unless collapsible
          collapsed ? collapsed_icon : collapse_icon
        end

        def collapse_icon
          'caret-up'
        end

        def collapsed_icon
          'caret-down'
        end
      end
    end
  end
end

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
nfg_ui-0.12.6	lib/nfg_ui/components/patterns/tile_header.rb
nfg_ui-0.12.5	lib/nfg_ui/components/patterns/tile_header.rb
nfg_ui-0.12.4	lib/nfg_ui/components/patterns/tile_header.rb
nfg_ui-0.12.3	lib/nfg_ui/components/patterns/tile_header.rb