flexi_admin 0.0.5 → 0.0.6

data/lib/flexi_admin/components/resource/link_action_component.rb

@@ -5,12 +5,13 @@ module FlexiAdmin::Components::Resource
     extend FlexiAdmin::Components::Helpers::ActionButtonHelper
     include FlexiAdmin::Components::Helpers::IconHelper
 
-    attr_reader :label, :path, :options
+    attr_reader :label, :path, :options, :disabled
 
-    def initialize(label, path, **options)
+    def initialize(label, path, disabled: false, **options)
       @label = label
       @path = path
       @options = options
+      @disabled = disabled
     end
   end
 end

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

@@ -3,7 +3,7 @@
 .d-flex.justify-content-between.align-items-center.sticky-top.top-0.py-3.bg-white
   .d-flex.align-items-center
     .d-flex.flex-column
-      h1 = resource.title
+      h1 = title
       / = render FlexiAdmin::Components::Nav::FloatingTocComponent.new
 
     // Floating navigation
@@ -14,13 +14,23 @@
       .btn-group
         .btn.btn-outline-primary [data-controller="form"
                                   data-form-resource-path-value="#{edit_resource_path(resource)}"
-                                  data-action="click->form#enable"]
+                                  data-action="click->form#enable"
+                                  class=("disabled btn-with-tooltip" if disable_buttons)
+                                  disabled=("disabled" if disable_buttons)
+                                  data-tooltip=(disabled_message if disable_buttons)]
           i.bi.bi-pencil-square
-        .btn.btn-outline-danger
+        .btn.btn-outline-danger [data-controller="delete"
+                                 data-delete-resource-path-value="#{resource_path(resource)}"
+                                 data-delete-confirm-message-value="#{delete_confirm_message || "Are you sure you want to delete this #{resource.class.model_name.human.downcase}?"}"
+                                 data-delete-disabled-value="#{disable_buttons ? 'true' : 'false'}"
+                                 data-action="click->delete#delete"
+                                 class=("disabled btn-with-tooltip" if disable_buttons)
+                                 disabled=("disabled" if disable_buttons)
+                                 data-tooltip=(disabled_message if disable_buttons)]
           i.bi.bi-trash
 
 .row.g-0.my-2.mb-4
   .col-12.col-md-8
     = form
 
-= content
+= content

data/lib/flexi_admin/components/resource/view_component.rb

@@ -5,18 +5,27 @@ module FlexiAdmin::Components::Resource
     include FlexiAdmin::Components::Helpers::ResourceHelper
     include FlexiAdmin::Components::Helpers::ActionHelper
 
-    attr_reader :context, :resource
+    attr_reader :context, :resource, :disable_buttons, :disabled_message, :delete_confirm_message
 
     renders_one :form
     renders_one :actions
 
-    def initialize(context)
+    def initialize(context, disable_buttons: nil, disabled_message: nil, delete_confirm_message: nil)
       @context = context
       @resource = context.resource
+      @disable_buttons = disable_buttons
+      @disabled_message = disabled_message
+      @delete_confirm_message = delete_confirm_message
     end
 
     def divider
       content_tag :div, "", class: "dropdown-divider"
     end
+
+    def title
+      resource.title
+    rescue NoMethodError
+      "#{resource.class.name}: title method not implemented"
+    end
   end
 end

data/lib/flexi_admin/components/resources/bulk_action/button_component.rb

@@ -23,7 +23,14 @@ module FlexiAdmin::Components::Resources::BulkAction
     end
 
     def scoped_url_with_modal_id
-      main_app.admin_modals_path(kind: modal_class.modal_id, **context.to_params)
+      path = namespaced_path("flexi_admin", "modals")
+      if route_exists_in_main_app?(path)
+        main_app.send(path, kind: modal_class.modal_id,
+                            **context.to_params)
+      else
+        helpers.send(path,
+                     kind: modal_class.modal_id, **context.to_params)
+      end
     end
   end
 end

data/lib/flexi_admin/components/resources/bulk_action/modal_component.html.slim

@@ -5,20 +5,25 @@ div.modal.fade id="#{context.options[:modal_id]}" tabindex="-1"
           h1.modal-title.fs-5 = context.options[:title]
           button.btn-close type="button" data-bs-dismiss="modal" aria-label="Close"
 
-        div.modal-body
-          = modal_form
+        fieldset.modal-fieldset disabled=context.options[:disabled]
+          div.modal-body
+            - if context.options[:errors].present?
+              div.alert.alert-danger
+                = context.options[:errors].messages.values.flatten.join(', ')
+            = modal_form
 
-        div.modal-footer.d-flex.justify-content-between.align-items-center
-          .d-flex.justify-content-start.gap-3
-            button.btn.btn-primary [type="submit"
-                                    data-action="click->bulk-action#submitForm"]
-              | Spustit
-            button.btn.btn-secondary [type="button"
-                                      data-bs-dismiss="modal"]
-              | Zrušit
-          span
-            |> vybraných položek:
-            span.count
+          - unless context.options[:skip_confirmation_buttons]
+            div.modal-footer.d-flex.justify-content-between.align-items-center
+              .d-flex.justify-content-start.gap-3
+                button.btn.btn-primary [type="submit"
+                                        data-action="click->bulk-action#submitForm"]
+                  | Spustit
+                button.btn.btn-secondary [type="button"
+                                          data-bs-dismiss="modal"]
+                  | Zrušit
+              span
+                |> vybraných položek:
+                span.count
 
   javascript:
     var modal = new window.bootstrap.Modal(document.getElementById('#{context.options[:modal_id]}'));
@@ -27,6 +32,7 @@ div.modal.fade id="#{context.options[:modal_id]}" tabindex="-1"
                                            { detail:
                                             {
                                               modalId: '#{context.options[:modal_id]}',
-                                              scope: '#{context.scope}'
+                                              scope: '#{context.scope}',
+                                              selectedIds: #{{(context.params.request_params[:selected_ids] || []).to_json}}
                                               }
-                                           }));
+                                           }));

data/lib/flexi_admin/components/resources/bulk_action/modal_component.rb

@@ -9,30 +9,38 @@ module FlexiAdmin::Components::Resources::BulkAction
       attr_accessor :class_name
     end
 
-    attr_reader :context
+    attr_reader :context, :extra_options
 
     renders_one :modal_form
 
-    def initialize(context = nil)
+    def initialize(context = nil, **extra_options)
       @context = context
 
-      add_context_options(@context)
+      add_context_options(context)
+      extra_options.each do |key, value|
+        context.options[key] = value
+      end
       super(nil, disabled: false)
     end
 
-    def modal(context, &block)
-      render FlexiAdmin::Components::Resources::BulkAction::ModalComponent.new(context) do |component|
+    def modal(context, **options,&block)
+      render FlexiAdmin::Components::Resources::BulkAction::ModalComponent.new(context, **options) do |component|
         component.with_modal_form(&block)
       end
     end
 
-    def form(url: self.class.path, method: :post, **html_options, &block)
-      super(url:, css_class: 'modalForm section', method:, **html_options, &block)
+    def form(url: self.class.path, method: :post, label_col: 'col-md-3', field_col: 'col-md-9', **html_options, &block)
+      super(url:, css_class: 'modalForm section', method:, label_col:, field_col:, **html_options, &block)
     end
 
     # /observation_images/bulk_action
     def self.path
-      resource = (self.class_name&.to_s || to_s).split('::').first.underscore.gsub('/', '-')
+      class_name = self.class_name&.to_s || to_s
+      resource = if class_name.downcase.start_with?(FlexiAdmin::Config.configuration.namespace.downcase)
+        class_name.split('::')[1].underscore.gsub('/', '-')
+      else
+        class_name.underscore.gsub('/', '-')
+      end
       "/#{resource.pluralize}/bulk_action"
     end
 

data/lib/flexi_admin/components/resources/bulk_action/row_action_button_component.html.slim

@@ -0,0 +1,16 @@
+- if dropdown_mode?
+  - if disabled?
+    - attrs = { 'aria-disabled' => 'true', 'class' => 'text-muted' }
+  - else
+    - attrs = { href: "#", 'data-action' => "click->bulk-action#requestModal", 'data-scope' => context.scope, 'data-url-with-id' => scoped_url_with_modal_id }
+  a.dropdown-item *attrs
+    - if show_icon?
+      i.bi.me-2 class="#{button_icon_class}"
+    = button_text
+- else
+  - attrs = { 'class' => css_classes, 'data-action' => "click->bulk-action#requestModal", 'data-scope' => context.scope, 'data-url-with-id' => scoped_url_with_modal_id }
+  - attrs['disabled'] = 'disabled' if disabled?
+  button *attrs
+    - if show_icon?
+      i.bi.me-2 class="#{button_icon_class}"
+    = button_text

data/lib/flexi_admin/components/resources/bulk_action/row_action_button_component.rb

@@ -0,0 +1,78 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::BulkAction
+  # Component for rendering action buttons on individual rows (not bulk selection)
+  # Opens a modal for a single item action
+  class RowActionButtonComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::UrlHelper
+    include FlexiAdmin::Components::Helpers::IconHelper
+
+    attr_reader :item, :context, :modal_class, :options, :dropdown_mode, :hide_icon, :disabled
+
+    def initialize(item, context, modal_class, dropdown: false, hide_icon: false, disabled: false, **options)
+      super(nil)
+      @item = item
+      @context = context
+      @modal_class = modal_class
+      @dropdown_mode = dropdown
+      @hide_icon = hide_icon
+      @disabled = disabled
+      @options = options
+    end
+
+    def dropdown_mode?
+      @dropdown_mode
+    end
+
+    def disabled?
+      @disabled
+    end
+
+    def button_text
+      modal_class.button_text
+    end
+
+    def button_icon
+      modal_class.button_icon
+    end
+
+    def button_icon_class
+      modal_class.button_icon_class if button_icon.present?
+    end
+
+    def show_icon?
+      !@hide_icon && button_icon.present?
+    end
+
+    def scoped_url_with_modal_id
+      path = namespaced_path("flexi_admin", "modals")
+
+      item_params = context.params.merge(
+        selected_ids: [item.id],
+        scope: context.scope
+      )
+
+      url_params = {
+        kind: modal_class.modal_id,
+        **item_params.to_params
+      }
+
+      if route_exists_in_main_app?(path)
+        main_app.send(path, url_params)
+      else
+        helpers.send(path, url_params)
+      end
+    end
+
+    def css_classes
+      if dropdown_mode?
+        classes = %w[dropdown-item]
+      else
+        classes = %w[btn btn-sm btn-outline-primary]
+      end
+      classes << "text-muted" if disabled?
+      classes.concat(options[:class].split) if options[:class]
+      classes.join(" ")
+    end
+  end
+end

data/lib/flexi_admin/components/resources/bulk_action/row_actions_dropdown_component.html.slim

@@ -0,0 +1,15 @@
+.d-flex.gap-2
+  - if primary_action?
+    = primary_action
+
+  .dropdown
+    button.btn.btn-sm.btn-outline-secondary [type="button"
+                                              id="#{dropdown_id}"
+                                              data-bs-toggle="dropdown"
+                                              aria-expanded="false"]
+      i.bi.bi-three-dots-vertical
+
+    ul.dropdown-menu [aria-labelledby="#{dropdown_id}"]
+      - dropdown_actions.each do |action|
+        li
+          = action

data/lib/flexi_admin/components/resources/bulk_action/row_actions_dropdown_component.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::BulkAction
+  # Component for rendering a dropdown of multiple action buttons for an individual row
+  # Useful when you have multiple actions available for a single item
+  class RowActionsDropdownComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :item, :context
+
+    renders_one :primary_action
+    renders_many :dropdown_actions
+
+    def initialize(item, context)
+      super(nil)
+      @item = item
+      @context = context
+    end
+
+    def dropdown_id
+      "row-actions-#{item.class.name.parameterize}-#{item.id}"
+    end
+
+    # Helper method to add an action button to the dropdown
+    def action_button(modal_class, **options)
+      FlexiAdmin::Components::Resources::BulkAction::RowActionButtonComponent.new(
+        item,
+        context,
+        modal_class,
+        dropdown: true,
+        **options
+      )
+    end
+  end
+end

data/lib/flexi_admin/components/resources/grid_view/card_component.html.slim

@@ -1,5 +1,8 @@
 .card style="width: 18rem;"
-  = render(FlexiAdmin::Components::Actions::CheckboxComponent.new(id: resource.id, scope: resource.class.name.downcase))
+  = render(FlexiAdmin::Components::Actions::CheckboxComponent.new(id: resource.id, scope: context.scope))
+  - if quick_action
+    .quick-action
+      = quick_action.call(resource)
   div
     - if media?
       = render_media

data/lib/flexi_admin/components/resources/grid_view/card_component.rb

@@ -5,13 +5,16 @@ module FlexiAdmin::Components::Resources::GridView
     include FlexiAdmin::Components::Helpers::LinkHelper
 
     attr_accessor :resource, :title, :header, :description, :image
+    attr_reader :context, :quick_action
 
-    def initialize(resource, title, header, description, image)
+    def initialize(resource, title, header, description, image, quick_action = nil, context)
       @resource = resource
       @title = title
       @header = header
       @description = description
       @image = image
+      @quick_action = quick_action
+      @context = context
     end
 
     def media_attachment

data/lib/flexi_admin/components/resources/grid_view/grid_component.html.slim

@@ -7,4 +7,6 @@
                                                                             title_element,
                                                                             header_element,
                                                                             description_element,
-                                                                            image_element)
+                                                                            image_element,
+                                                                            quick_action_block,
+                                                                            context)

data/lib/flexi_admin/components/resources/grid_view/grid_component.rb

@@ -2,14 +2,16 @@
 
 module FlexiAdmin::Components::Resources::GridView
   class GridComponent < FlexiAdmin::Components::BaseComponent
-    attr_reader :resources, :title_element, :header_element, :description_element, :image_element, :context
+    attr_reader :resources, :title_element, :header_element, :description_element,
+                :image_element, :quick_action_block, :context
 
-    def initialize(resources, title_element, header_element, description_element, image_element, context)
+    def initialize(resources, title_element, header_element, description_element, image_element, quick_action_block, context)
       @resources = resources
       @title_element = title_element
       @header_element = header_element
       @description_element = description_element
       @image_element = image_element
+      @quick_action_block = quick_action_block
       @context = context
     end
   end

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

@@ -31,7 +31,7 @@ module FlexiAdmin::Components::Resources
     end
 
     attr_reader :context, :resources, :resource
-    attr_accessor :title_element, :header_element, :description_element, :image_element
+    attr_accessor :title_element, :header_element, :description_element, :image_element, :quick_action_block
 
     def initialize(context)
       @context = context
@@ -51,7 +51,8 @@ module FlexiAdmin::Components::Resources
     def grid
       render FlexiAdmin::Components::Resources::GridView::GridComponent.new(resources, title_element, header_element,
                                                                             description_element,
-                                                                            image_element, context)
+                                                                            image_element, quick_action_block,
+                                                                            context)
     end
 
     def render?
@@ -85,5 +86,9 @@ module FlexiAdmin::Components::Resources
 
       self.description_element = Element.new(attribute, value, options)
     end
+
+    def quick_action(&block)
+      self.quick_action_block = block
+    end
   end
 end

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

@@ -4,10 +4,11 @@ h1 = title
 
 div data-scope="#{scope}"
   div.py-3
-    .d-flex.justify-content-between
+    .d-flex
       - if show_search
-        div style="width: 330px"
-          = search
+        = search
+      - if filter
+        = filter
       div
         = actions
-  = content
+  = content

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

@@ -5,6 +5,7 @@ module FlexiAdmin::Components::Resources
     attr_reader :resources, :context_params, :scope, :title, :show_search, :subtitle
 
     renders_one :search
+    renders_one :filter
     renders_one :actions
 
     def initialize(resources, context_params:, scope:, show_search: true, title: nil, subtitle: nil)

data/lib/flexi_admin/components/resources/list_view/table_component.html.slim

@@ -5,7 +5,7 @@ flexi-table
         = render(FlexiAdmin::Components::Actions::CheckboxComponent.new(id: 'all', scope: context.scope, select_all: true))
 
     - columns.each do |column|
-      = render FlexiAdmin::Components::Shared::Table::HeaderItemComponent.new(column)
+      = render FlexiAdmin::Components::Shared::Table::HeaderItemComponent.new(column, context: context)
 
   - resources.each do |resource|
     .row.border-top.py-2

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

@@ -7,6 +7,7 @@ module FlexiAdmin::Components::Resources
     include FlexiAdmin::Components::Helpers::ValueFormatter
     include FlexiAdmin::Components::Helpers::Selectable
     include FlexiAdmin::Components::Helpers::LinkHelper
+    include FlexiAdmin::Components::Helpers::ActionHelper
 
     class Column < Struct.new(:attribute, :value, :options)
       def width
@@ -77,4 +78,4 @@ module FlexiAdmin::Components::Resources
                 options.presence || {})
     end
   end
-end
+end

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

@@ -1,42 +1,54 @@
 nav data-controller="pagination"
-  ul.pagination.m-0.p-0
-    li.page-item class="#{paginated_resources.previous_page ? '' : 'disabled'}"
-      - if paginated_resources.previous_page
-        /= helpers.link_to page_path(paginated_resources.previous_page),
-                  class: 'page-link',
-                  data: { action: 'click->pagination#paginate',
-                          resource_path: page_path(paginated_resources.previous_page) } do
-        a.page-link [href=page_path(paginated_resources.previous_page)
-                     data-action="click->pagination#paginate"
-                     data-resource-path=page_path(paginated_resources.previous_page)]
-          '←
-      - else
-        span.page-link ←
+  .d-flex.justify-content-between.align-items-center
+    .pagination-wrapper
+      ul.pagination.m-0.p-0
+        li.page-item class="#{paginated_resources.previous_page ? '' : 'disabled'}"
+          - if paginated_resources.previous_page
+            /= helpers.link_to page_path(paginated_resources.previous_page),
+                      class: 'page-link',
+                      data: { action: 'click->pagination#paginate',
+                              resource_path: page_path(paginated_resources.previous_page) } do
+            a.page-link [href=page_path(paginated_resources.previous_page)
+                         data-action="click->pagination#paginate"
+                         data-resource-path=page_path(paginated_resources.previous_page)]
+              '←
+          - else
+            span.page-link ←
 
-    - limited_pages.each do |page|
-      - if page == paginated_resources.current_page
-        li.page-item.active
-          span.page-link = page
-      - else
-        li.page-item
-          /= helpers.link_to page_path(page),
-                    class: 'page-link',
-                    data: { action: 'click->pagination#paginate',
-                            resource_path: page_path(page) } do
-          a.page-link [href=page_path(page)
-                       data-action="click->pagination#paginate"
-                       data-resource-path=page_path(page)]
-            = page
+        - limited_pages.each do |page|
+          - if page == paginated_resources.current_page
+            li.page-item.active
+              span.page-link = page
+          - else
+            li.page-item
+              /= helpers.link_to page_path(page),
+                        class: 'page-link',
+                        data: { action: 'click->pagination#paginate',
+                                resource_path: page_path(page) } do
+              a.page-link [href=page_path(page)
+                           data-action="click->pagination#paginate"
+                           data-resource-path=page_path(page)]
+                = page
 
-    li.page-item class="#{paginated_resources.next_page ? '' : 'disabled'}"
-      - if paginated_resources.next_page
-        /= helpers.link_to page_path(paginated_resources.next_page),
-                  class: 'page-link',
-                  data: { action: 'click->pagination#paginate',
-                          resource_path: page_path(paginated_resources.next_page) } do
-        a.page-link [href=page_path(paginated_resources.next_page)
-                     data-action="click->pagination#paginate"
-                     data-resource-path=page_path(paginated_resources.next_page)]
-          '→
-      - else
-        span.page-link →
+        li.page-item class="#{paginated_resources.next_page ? '' : 'disabled'}"
+          - if paginated_resources.next_page
+            /= helpers.link_to page_path(paginated_resources.next_page),
+                      class: 'page-link',
+                      data: { action: 'click->pagination#paginate',
+                              resource_path: page_path(paginated_resources.next_page) } do
+            a.page-link [href=page_path(paginated_resources.next_page)
+                         data-action="click->pagination#paginate"
+                         data-resource-path=page_path(paginated_resources.next_page)]
+              '→
+          - else
+            span.page-link →
+
+    .per-page-selector
+      .d-flex.align-items-center.gap-2
+        / label.form-label.mb-0.small Per page:
+        = select_tag 'per_page',
+                     options_for_select(FlexiAdmin::Config.configuration.paginate_per_options.map { |opt| [opt, opt] }, per_page || FlexiAdmin::Config.configuration.paginate_per),
+                     class: 'form-select ms-2',
+                     style: 'width: auto;',
+                     data: { action: 'change->pagination#changePerPage',
+                       'per-page-path': per_page_path('__PER_PAGE__') }