Class: Plutonium::UI::Form::Components::Section

Inherits:
Component::Base show all
Defined in:
lib/plutonium/ui/form/components/section.rb

Overview

Renders a form section’s chrome (heading/description, optional native <details> collapsible, and a fields grid) and yields to a block that renders the section’s fields (the form supplies render_resource_field).

Constant Summary collapse

SECTION_CLASS =
"space-y-4 border-t border-[var(--pu-border-muted)] pt-6 first:border-t-0 first:pt-0"
HEADING_CLASS =
"text-base font-semibold text-[var(--pu-text)]"
SUMMARY_CLASS =
"#{HEADING_CLASS} cursor-pointer select-none"
DESCRIPTION_CLASS =
"text-sm text-[var(--pu-text-muted)]"

Instance Method Summary collapse

Methods included from Component::Behaviour

#around_template

Methods included from Component::Tokens

#classes, #tokens

Methods included from Component::Kit

#BuildActionButton, #BuildActionsDropdown, #BuildAvatar, #BuildBlock, #BuildBreadcrumbs, #BuildBulkActionsToolbar, #BuildColorModeSelector, #BuildDynaFrameContent, #BuildDynaFrameHost, #BuildEmptyCard, #BuildFrameNavigatorPanel, #BuildModalCentered, #BuildModalSlideover, #BuildPageHeader, #BuildPanel, #BuildRowActionsDropdown, #BuildSkeletonTable, #BuildTabList, #BuildTableFilterPills, #BuildTableInfo, #BuildTablePagination, #BuildTableScopesBar, #BuildTableScopesPills, #BuildTableSearchBar, #BuildTableToolbar, #BuildTableViewSwitcher, #method_missing, #respond_to_missing?

Constructor Details

#initialize(resolved, grid_class:) ⇒ Section

Returns a new instance of Section.



11
12
13
14
# File 'lib/plutonium/ui/form/components/section.rb', line 11

def initialize(resolved, grid_class:)
  @section = resolved.section
  @grid_class = grid_class
end

Dynamic Method Handling

This class handles dynamic methods through the method_missing method in the class Plutonium::UI::Component::Kit

Instance Method Details

#view_template(&fields_block) ⇒ Object



21
22
23
24
25
26
27
28
29
30
31
32
33
34
# File 'lib/plutonium/ui/form/components/section.rb', line 21

def view_template(&fields_block)
  if @section.collapsible?
    details(open: !@section.collapsed?, class: SECTION_CLASS) do
      summary(class: SUMMARY_CLASS) { heading_text }
      describe
      grid(&fields_block)
    end
  else
    div(class: SECTION_CLASS) do
      header_block
      grid(&fields_block)
    end
  end
end