flexi_admin 0.0.5 → 0.0.6

data/lib/flexi_admin/components/resources/pagination_component.rb

@@ -1,64 +1,69 @@
 # frozen_string_literal: true
 
-module FlexiAdmin::Components::Resources
-  class PaginationComponent < FlexiAdmin::Components::BaseComponent
-    LIMIT = 10
+class FlexiAdmin::Components::Resources::PaginationComponent < FlexiAdmin::Components::BaseComponent
+  MAX_PAGES_TO_SHOW_IN_PAGINATOR = 10
 
-    include FlexiAdmin::Components::Helpers::ResourceHelper
-    include FlexiAdmin::Components::Helpers::UrlHelper
+  include FlexiAdmin::Components::Helpers::ResourceHelper
+  include FlexiAdmin::Components::Helpers::UrlHelper
 
-    attr_reader :context, :per_page, :page, :limited_pagination
+  attr_reader :context, :per_page, :page, :limited_pagination
 
-    def initialize(context, per_page:, page:)
-      @context = context
-      @resources = context.resources
-      @parent = context.parent
-      @per_page = per_page
-      @page = page&.to_i
-    end
+  def initialize(context, per_page:, page:)
+    super()
+    @context = context
+    @resources = context.resources
+    @parent = context.parent
+    @per_page = per_page
+    @page = page&.to_i
+  end
 
-    def render?
-      paginated_resources.total_pages > 1
+  def limited_pages
+    if paginated_resources.total_pages < MAX_PAGES_TO_SHOW_IN_PAGINATOR
+      return (1..paginated_resources.total_pages).to_a
     end
 
-    def limited_pages
-      return (1..paginated_resources.total_pages).to_a if paginated_resources.total_pages < LIMIT
-
-      max = paginated_resources.total_pages
-
-      mid_range_start = if page > (LIMIT / 2) && page < (max - (LIMIT / 2))
-                          page - (LIMIT / 2)
-                        elsif page < (LIMIT / 2)
-                          1
-                        else
-                          max - LIMIT
-                        end
+    max = paginated_resources.total_pages
 
-      mid_range_end = if page > (LIMIT / 2) && page < (max - (LIMIT / 2))
-                        page + (LIMIT / 2)
-                      elsif page < (LIMIT / 2)
-                        LIMIT
+    mid_range_start = if page > (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2) && page < (max - (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2))
+                        page - (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2)
+                      elsif page < (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2)
+                        1
                       else
-                        max
+                        max - MAX_PAGES_TO_SHOW_IN_PAGINATOR
                       end
 
-      [1, (mid_range_start..mid_range_end).to_a, max].flatten.compact.uniq
-    end
+    mid_range_end = if page > (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2) && page < (max - (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2))
+                      page + (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2)
+                    elsif page < (MAX_PAGES_TO_SHOW_IN_PAGINATOR / 2)
+                      MAX_PAGES_TO_SHOW_IN_PAGINATOR
+                    else
+                      max
+                    end
 
-    def page_path(page_number)
-      params = context.params
-                      .merge(page: page_number, per_page:, frame: context.scope)
-                      .to_params
+    [1, (mid_range_start..mid_range_end).to_a, max].flatten.compact.uniq
+  end
 
-      resources_path(**params.merge)
-    end
+  def page_path(page_number)
+    params = context.params
+                    .merge(page: page_number, per_page: per_page, frame: context.scope_id)
+                    .to_params
 
-    def paginated_resources
-      @resources.paginate(page:, per_page:)
-    end
+    resources_path(**params.merge)
+  end
 
-    def total_pages
-      (resources.count / per_page.to_f).ceil
-    end
+  def per_page_path(new_per_page)
+    params = context.params
+                    .merge(page: 1, per_page: new_per_page, frame: context.scope_id)
+                    .to_params
+
+    resources_path(**params.merge)
+  end
+
+  def paginated_resources
+    @resources.paginate(page: page, per_page: per_page)
+  end
+
+  def total_pages
+    (resources.count / per_page.to_f).ceil
   end
-end
+end

data/lib/flexi_admin/components/resources/switch_view_component.html.slim

@@ -1,6 +1,6 @@
 .btn-group role="group"
   - if list_view_available?
-    - path = resources_path(**context.params.merge(view: 'list', scope: context.scope, frame: context.scope).to_params)
+    - path = resources_path(**context.params.merge(view: 'list', scope: context.scope, frame: context.scope_id).to_params)
     .btn.btn-primary.opacity-75 [class="#{list_class}"
                                  data-controller="switch-view"
                                  data-action="click->switch-view#switch"
@@ -8,7 +8,7 @@
       i.bi.bi-list-ul
 
   - if grid_view_available?
-    - path = resources_path(**context.params.merge(view: 'grid', scope: context.scope, frame: context.scope).to_params)
+    - path = resources_path(**context.params.merge(view: 'grid', scope: context.scope, frame: context.scope_id).to_params)
     .btn.btn-primary.opacity-75 [class="#{grid_class}"
                                  data-controller="switch-view"
                                  data-action="click->switch-view#switch"

data/lib/flexi_admin/components/resources/view_component.html.slim

@@ -1,12 +1,21 @@
-turbo-frame [id="#{context.scope}"
+turbo-frame [id="#{context.scope_id}"
              data-controller="bulk-action"
-             data-bulk-action-scope-value="#{context.scope}"]
-  = helpers.turbo_frame_tag "modalx_#{context.scope}", 'data-turbo-temporary': true
+             data-bulk-action-scope-value="#{context.scope_id}"]
+  = helpers.turbo_frame_tag "modalx_#{context.scope_id}", 'data-turbo-temporary': true
   .h2 = title
   .py-2.d-flex.justify-content-between.align-items-center
-    .d-flex.gap-3
+    .d-flex.gap-2
       = actions
-    - if context.paginate?
-      = render FlexiAdmin::Components::Resources::PaginationComponent.new(context, per_page: context.params.per_page, page: context.params.page)
+    span.text-muted data-bulk-action-target="recordsInfo" data-total-count="#{context.resources&.count || 0}"
+      span data-bulk-action-target="defaultText"
+        = context.resources&.count || 0
+        |< záznamů
+      span data-bulk-action-target="selectionText" style="display: none;"
+        ' vybráno
+        span data-bulk-action-target="counter" 0
+        |  z #{context.resources&.count || 0} záznamů (
+        a href="#" data-action="click->bulk-action#clearSelection" zrušit výběr
+        | )
+    = render FlexiAdmin::Components::Resources::PaginationComponent.new(context, per_page: context.params.per_page, page: context.params.page)
   .py-2
     = views

data/lib/flexi_admin/components/shared/medium_component.html.slim

@@ -4,4 +4,4 @@
   - if preview_missing.present?
     = preview_missing
   - else
-    = render EmptyImageComponent.new('Náhled není k dispozici')
+    = render ::Admin::EmptyImageComponent.new('Náhled není k dispozici')

data/lib/flexi_admin/components/shared/table/header_item_component.html.slim

@@ -2,7 +2,7 @@
 div class="#{merged_classes}" data-controller="sorting" data-sorting-sort-path-value="#{sort_path}"
   - if column.sortable?
     a href="#" class="a text-decoration-none text-secondary" data-action="sorting#sort"
-      .d-flex class="#{justify_class}"
+      .d-flex class="#{justify.to_sym == :end ? 'justify-content-end' : 'justify-content-start'}"
         = label
         i.bi.text-primary.opacity-75.ms-2 class="#{sort_icon}"
   - else

data/lib/flexi_admin/components/shared/table/header_item_component.rb

@@ -1,78 +1,76 @@
 # frozen_string_literal: true
 
-module FlexiAdmin::Components::Shared::Table
-  class HeaderItemComponent < FlexiAdmin::Components::BaseComponent
-    attr_reader :column, :attr, :justify, :width, :sort_by
+class FlexiAdmin::Components::Shared::Table::HeaderItemComponent < FlexiAdmin::Components::BaseComponent
+  include FlexiAdmin::Components::Helpers::ResourceHelper
 
-    def initialize(column)
-      @column = column
-      @justify = column.options[:justify] || :start
-      @width = column.options[:width] || ""
-      @attr = column.attribute
-      @sort_by = column.sort_by
-      @label = column.label
-    end
+  attr_reader :column, :attr, :justify, :width, :sort_by, :context
 
-    def label
-      @label || attr.to_s.humanize
-    end
+  def initialize(column, context:)
+    @column = column
+    @context = context
+    @justify = column.options[:justify] || :start
+    @width = column.options[:width] || ""
+    @attr = column.attribute
+    @sort_by = column.sort_by
+    @label = column.label
+  end
 
-    def sort_path
-      if order.blank?
-        view_context.context.params.to_path(request.path)
-      else
-        view_context.context.params.merge({ sort: sort_by, order: }).to_path(request.path)
-      end
-    end
+  def label
+    @label || attr.to_s.humanize
+  end
 
-    def merged_classes
-      [width_class, justify_class].join(" ")
-    end
+  def sort_path
+    if order.blank?
+      resources_path(**context.params.merge)
+    else
+      resources_params = context.params
+                                .merge(sort: sort_by, order: order)
+                                .to_params
 
-    def width_class
-      width.present? ? "col-#{width}" : "col"
+      resources_path(**resources_params.merge)
     end
+  end
 
-    def justify_class
-      case justify.to_sym
-      when :start
-        "justify-content-start"
-      when :end
-        "justify-content-end"
-      else
-        "justify-content-start"
-      end
-    end
+  def merged_classes
+    [width_class, justify_class].join(" ")
+  end
 
-    def sort_icon
-      return "bi-arrow-up-square" if view_context.context.params[:sort].to_s != sort_by.to_s
+  def width_class
+    width.present? ? "col-#{width}" : "col"
+  end
 
-      case view_context.context.params[:order]
-      when "asc"
-        "bi-arrow-up-square-fill"
-      when "desc"
-        "bi-arrow-down-square-fill"
-      else
-        "bi-arrow-up-square"
-      end
-    end
+  def justify_class
+    justify.to_sym == :end ? "text-end" : ""
+  end
 
-    def order
-      # Sorting by other column, so we need to reset the order
-      return "asc" if view_context.context.params[:sort].to_s != sort_by.to_s
+  def sort_icon
+    return "bi-arrow-up-square" if view_context.context.params[:sort].to_s != sort_by.to_s
 
-      order = case view_context.context.params[:order]
-      when "asc"
-        "desc"
-      when "desc"
-        "default"
-      when "default"
-        "asc"
-      else
-        "asc"
-      end
+    case view_context.context.params[:order]
+    when "asc"
+      "bi-arrow-up-square-fill"
+    when "desc"
+      "bi-arrow-down-square-fill"
+    else
+      "bi-arrow-up-square"
+    end
+  end
 
-      order
+  def order
+    # Sorting by other column, so we need to reset the order
+    return "asc" if view_context.context.params[:sort].to_s != sort_by.to_s
+
+    order = case view_context.context.params[:order]
+    when "asc"
+      "desc"
+    when "desc"
+      "default"
+    when "default"
+      "asc"
+    else
+      "asc"
     end
+
+    order
   end
 end

data/lib/flexi_admin/components/shared/tabs_component.html.slim

@@ -0,0 +1,26 @@
+div.flexi-tabs id=id data-controller=("tabs" if remember?)
+  ul.nav.nav-tabs class=nav_class role="tablist"
+    - tabs.each do |tab|
+      - active = tab.key == active_key
+      li.nav-item role="presentation"
+        button.nav-link [class=('active' if active)
+                         id=tab_dom_id(tab)
+                         type="button"
+                         role="tab"
+                         data-bs-toggle="tab"
+                         data-bs-target="##{pane_dom_id(tab)}"
+                         data-tabs-key-param=tab.key
+                         data-action=("shown.bs.tab->tabs#remember" if remember?)
+                         aria-controls=pane_dom_id(tab)
+                         aria-selected=active.to_s]
+          = tab.label
+          - unless tab.count.nil?
+            span.badge.rounded-pill.text-bg-light.ms-2 = tab.count
+
+  .tab-content
+    - tabs.each do |tab|
+      .tab-pane.fade [class=('show active' if tab.key == active_key)
+                      id=pane_dom_id(tab)
+                      role="tabpanel"
+                      aria-labelledby=tab_dom_id(tab)]
+        = tab

data/lib/flexi_admin/components/shared/tabs_component.rb

@@ -0,0 +1,68 @@
+# frozen_string_literal: true
+
+# Bootstrap tabs for splitting a long page (typically a show page) into sections.
+#
+#   = render FlexiAdmin::Components::Shared::TabsComponent.new(id: 'order') do |tabs|
+#     - tabs.with_tab(key: 'prehled', label: 'Přehled')
+#       = render EditFormComponent.new(resource)
+#     - tabs.with_tab(key: 'kalkulace', label: 'Kalkulace', count: calculations.size)
+#       = render CalculationsComponent.new(calculations)
+#
+# Every pane is rendered up front (plain Bootstrap panes, no lazy loading), so content keeps
+# behaving exactly as it did on a single page. The open tab is kept in the URL hash
+# (`#kalkulace`) by the `tabs` Stimulus controller, so a reload or a shared link reopens it;
+# pass `remember: false` to opt out.
+module FlexiAdmin::Components::Shared
+  class TabsComponent < FlexiAdmin::Components::BaseComponent
+    # One tab and its pane. The slot's block is the pane content.
+    class Tab < FlexiAdmin::Components::BaseComponent
+      attr_reader :key, :label, :count
+
+      def initialize(key:, label:, count: nil, active: false)
+        @key = key.to_s
+        @label = label
+        @count = count
+        @active = active
+      end
+
+      def active?
+        @active
+      end
+
+      def call
+        content
+      end
+    end
+
+    renders_many :tabs, Tab
+
+    attr_reader :id, :nav_class
+
+    def initialize(id:, remember: true, nav_class: "mb-4")
+      @id = id
+      @remember = remember
+      @nav_class = nav_class
+    end
+
+    def remember?
+      @remember
+    end
+
+    # The tab marked active:, or the first one — so the page always opens on a visible pane.
+    def active_key
+      @active_key ||= (tabs.find(&:active?) || tabs.first)&.key
+    end
+
+    def tab_dom_id(tab)
+      "#{id}-tab-#{tab.key}"
+    end
+
+    def pane_dom_id(tab)
+      "#{id}-pane-#{tab.key}"
+    end
+
+    def render?
+      tabs?
+    end
+  end
+end

data/lib/flexi_admin/components.rb

@@ -22,9 +22,6 @@ end
 # Base Component
 require_relative "components/base_component"
 
-# Nav Components
-require_relative "components/nav/floating_toc_component"
-
 # Helpers
 require_relative "components/helpers/action_button_helper"
 require_relative "components/helpers/action_helper"
@@ -34,9 +31,14 @@ require_relative "components/helpers/url_helper"
 require_relative "components/helpers/resource_helper"
 require_relative "components/helpers/selectable"
 require_relative "components/helpers/value_formatter"
+require_relative "components/helpers/frontend_helper"
 
 require_relative "components/resource/form_mixin"
 
+# Nav Components
+require_relative "components/nav/floating_toc_component"
+require_relative "components/nav/breadcrumbs_component"
+
 # Action Components
 require_relative "components/actions/checkbox_component"
 require_relative "components/actions/select_component"
@@ -49,6 +51,7 @@ require_relative "components/form/text_input_component"
 
 # Resource Components
 require_relative "components/resource/autocomplete_component"
+require_relative "components/resource/filter_component"
 require_relative "components/resource/button_select_component"
 require_relative "components/resource/form_component"
 require_relative "components/resource/form_element_component"
@@ -71,6 +74,7 @@ require_relative "components/shared/medium_component"
 require_relative "components/shared/table/header_item_component"
 require_relative "components/shared/trix_component"
 require_relative "components/shared/link_component"
+require_relative "components/shared/tabs_component"
 
 # Resources List View Components
 require_relative "components/resources/list_view/cell_component"
@@ -85,3 +89,7 @@ require_relative "components/resources/list_view_component"
 # Bulk Action Components
 require_relative "components/resources/bulk_action/modal_component"
 require_relative "components/resources/bulk_action/button_component"
+require_relative "components/resources/bulk_action/row_action_button_component"
+require_relative "components/resources/bulk_action/row_actions_dropdown_component"
+
+# Helper Components

data/lib/flexi_admin/config.rb

@@ -2,11 +2,28 @@
 
 module FlexiAdmin
   class Config
+    PAGINATE_PER_OPTIONS = [12, 24, 48, 96].freeze
+    PAGINATE_PER_DEFAULT = 12
+    # How many rows an autocomplete offers when the field is focused but empty.
+    AUTOCOMPLETE_SUGGESTIONS_DEFAULT = 12
+
+    def self.paginate_per_options
+      PAGINATE_PER_OPTIONS
+    end
+
+    def self.paginate_per_default
+      PAGINATE_PER_DEFAULT
+    end
+
     class Store
-      attr_accessor :chat_client, :llm_client
-      attr_reader :functions
+      attr_accessor :namespace, :module_namespace, :paginate_per, :paginate_per_options,
+                    :autocomplete_suggestions
 
-      attr_writer :controller_class
+      def initialize
+        @paginate_per = PAGINATE_PER_DEFAULT
+        @paginate_per_options = PAGINATE_PER_OPTIONS
+        @autocomplete_suggestions = AUTOCOMPLETE_SUGGESTIONS_DEFAULT
+      end
     end
 
     class << self
@@ -18,6 +35,7 @@ module FlexiAdmin
 
       def configure
         yield(configuration)
+        WillPaginate.per_page = configuration.paginate_per
       end
     end
   end

data/lib/flexi_admin/controllers/modals_controller.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
-module FlexiAdmin::Controllers::ModalsController
+class FlexiAdmin::Controllers::ModalsController < ActionController::Base
+  include FlexiAdmin::Controllers::ResourcesController
+
   def show
     component_class = params[:kind].gsub("-", "/").camelize.constantize
 
@@ -8,6 +10,6 @@ module FlexiAdmin::Controllers::ModalsController
 
     context = FlexiAdmin::Models::Resources::Context.from_params(context_params)
 
-    render turbo_stream: turbo_stream.update("modalx_#{context.scope}", component_class.new(context))
+    render turbo_stream: turbo_stream.update("modalx_#{context.scope_id}", component_class.new(context))
   end
 end