Class: Bulmacomp::PanelComponent

Inherits:

ViewComponent::Base

• Object
• ViewComponent::Base
• Bulmacomp::PanelComponent

Defined in:

app/components/bulmacomp/panel_component.rb

Overview

Make an html structure for a bulma breadcrumb

Examples:

Empty panel:

render Bulmacomp::PanelComponent.new()

<nav class="panel">
</nav>

panel with option:

= render Bulmacomp::PanelComponent.new(title: 'test title') do
  <a class="panel-block is-active">
    <span class="panel-icon"><i class="fas fa-book" aria-hidden="true"></i></span>
    bulma
  </a>

<nav class="panel">
  <p class="panel-heading">test title</p>
  <a class="panel-block is-active">
    <span class="panel-icon"><i class="fas fa-book" aria-hidden="true"></i></span>
    bulma
  </a>
</nav>

Instance Method Summary

• #call ⇒ Object

  return [String] html_safe generated bulma panel.

• #initialize(title: nil, **opts) {|optional| ... } ⇒ PanelComponent constructor

  A new instance of PanelComponent.

• #title ⇒ Object

  return [String] html_safe generated panel title.

Constructor Details

#initialize(title: nil, **opts) {|optional| ... } ⇒ PanelComponent

Returns a new instance of PanelComponent.

Parameters:

• opts (Hash) —

  options to generate content

Options Hash (**opts):

• :title (String) —

  panel title

• :* (String) —

  each other key going as tag option, default is class: ‘panel’

Yields:

• (optional) —

  panel content

# File 'app/components/bulmacomp/panel_component.rb', line 35

def initialize(title: nil, **opts)
  super
  @title = title
  @opts = { class: 'panel' }.merge(opts)
end

Instance Method Details

#call ⇒ Object

return [String] html_safe generated bulma panel

# File 'app/components/bulmacomp/panel_component.rb', line 42

def call
  content_tag :nav, safe_join([title, content]), **@opts
end

#title ⇒ Object

return [String] html_safe generated panel title

# File 'app/components/bulmacomp/panel_component.rb', line 47

def title
  tag.p @title, class: 'panel-heading' if @title
end