flexi_admin 0.0.5

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

@@ -0,0 +1,89 @@
+# frozen_string_literal: true
+
+# Dependent component, context required.
+module FlexiAdmin::Components::Resources
+  class GridViewComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ValueFormatter
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+    include FlexiAdmin::Components::Helpers::Selectable
+    include FlexiAdmin::Components::Helpers::LinkHelper
+
+    class Element < Struct.new(:attribute, :value, :options, :main_app)
+      include FlexiAdmin::Components::Helpers::UrlHelper
+
+      def formatted_value(value)
+        options[:formatter].call(value)
+      end
+
+      def src(image, variant: nil)
+        raise "ActiveStorage::Attached::One required, got #{image.class}" if image.class != ActiveStorage::Attached::One
+
+        return unless variant && image.attached?
+
+        main_app.url_for(image.variant(variant))
+      rescue ActiveStorage::InvariableError
+        main_app.url_for(image)
+      end
+
+      def media_type(resource)
+        resource.media_type.to_s
+      end
+    end
+
+    attr_reader :context, :resources, :resource
+    attr_accessor :title_element, :header_element, :description_element, :image_element
+
+    def initialize(context)
+      @context = context
+      @resources = context.resources
+
+      @is_selectable = false
+    end
+
+    def grid_view
+      yield
+
+      grid
+    rescue StandardError => e
+      binding.pry if Rails.env.development?
+    end
+
+    def grid
+      render FlexiAdmin::Components::Resources::GridView::GridComponent.new(resources, title_element, header_element,
+                                                                            description_element,
+                                                                            image_element, context)
+    end
+
+    def render?
+      context.params.current_view == "grid" ||
+        (context.views.first == "grid" && context.params.current_view.blank?)
+    end
+
+    def image(src_attribute, **options, &block)
+      value = block || proc { |resource| resource.send(src_attribute) }
+
+      self.image_element = Element.new(src_attribute, value, options, main_app)
+    end
+
+    def title(attribute, **options, &block)
+      value = block || proc { |resource| resource.send(attribute) }
+      options[:formatter] = format(options[:as] || :text)
+
+      self.title_element = Element.new(attribute, value, options)
+    end
+
+    def header(attribute, **options, &block)
+      value = block || proc { |resource| resource.send(attribute) }
+      options[:formatter] = format(options[:as] || :text)
+
+      self.header_element = Element.new(attribute, value, options)
+    end
+
+    def description(attribute, **options, &block)
+      value = block || proc { |resource| resource.send(attribute) }
+      options[:formatter] = format(options[:as] || :text)
+
+      self.description_element = Element.new(attribute, value, options)
+    end
+  end
+end

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

@@ -0,0 +1,13 @@
+h1 = title
+- if subtitle
+  span.text-muted = subtitle
+
+div data-scope="#{scope}"
+  div.py-3
+    .d-flex.justify-content-between
+      - if show_search
+        div style="width: 330px"
+          = search
+      div
+        = actions
+  = content

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

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources
+  class IndexPageComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :resources, :context_params, :scope, :title, :show_search, :subtitle
+
+    renders_one :search
+    renders_one :actions
+
+    def initialize(resources, context_params:, scope:, show_search: true, title: nil, subtitle: nil)
+      @resources = resources
+      @context_params = context_params
+      @scope = scope
+      @title = title
+      @show_search = show_search
+      @subtitle = subtitle
+    end
+  end
+end

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

@@ -0,0 +1,2 @@
+div class="#{merged_classes}"
+  = value

data/lib/flexi_admin/components/resources/list_view/cell_component.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::ListView
+  class CellComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :value, :width, :justify, :options
+
+    def initialize(value, width: nil, **options)
+      @value = value
+      @width = width
+      @options = options
+      @justify = options[:justify]
+    end
+
+    def width_class
+      width ? "col-#{width}" : "col"
+    end
+
+    def justify_class
+      justify ? "text-#{justify}" : ""
+    end
+
+    def merged_classes
+      [width_class, justify_class].join(" ")
+    end
+  end
+end

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

@@ -0,0 +1,17 @@
+flexi-table
+  .row.fw-bold.text-muted.py-2
+    - if selectable?
+      .col-auto
+        = 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)
+
+  - resources.each do |resource|
+    .row.border-top.py-2
+      - if selectable?
+        .col-auto
+          = render(FlexiAdmin::Components::Actions::CheckboxComponent.new(id: resource.id, scope: context.scope))
+      - columns.each do |column|
+        = render FlexiAdmin::Components::Resources::ListView::CellComponent.new(column.formatted_value(column.value[resource]),
+                                                                                **column.options)

data/lib/flexi_admin/components/resources/list_view/table_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::ListView
+  class TableComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+
+    attr_reader :columns, :headers, :resources, :selectable, :context
+
+    def initialize(headers, columns, resources, context, selectable: false)
+      @columns = columns
+      @headers = headers
+      @resources = resources
+      @selectable = selectable
+      @context = context
+    end
+
+    def selectable?
+      @selectable
+    end
+  end
+end

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

@@ -0,0 +1,80 @@
+# frozen_string_literal: true
+
+# Dependent component (context required).
+module FlexiAdmin::Components::Resources
+  class ListViewComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+    include FlexiAdmin::Components::Helpers::ValueFormatter
+    include FlexiAdmin::Components::Helpers::Selectable
+    include FlexiAdmin::Components::Helpers::LinkHelper
+
+    class Column < Struct.new(:attribute, :value, :options)
+      def width
+        options[:width]
+      end
+
+      def label
+        options[:label]
+      end
+
+      def sortable?
+        options.key?(:sortable).present? || false
+      end
+
+      def sort_by
+        options[:sortable].is_a?(TrueClass) ? attribute : options[:sortable]
+      end
+
+      def formatted_value(value)
+        options[:formatter].call(value)
+      end
+    end
+
+    attr_reader :context, :columns, :resources, :resource
+
+    def initialize(context)
+      @context = context
+      @resources = context.resources
+      @columns = []
+      @headers = []
+      @is_selectable = false
+    end
+
+    def render?
+      context.params.current_view == 'list' ||
+        (context.views.first == 'list' && context.params.current_view.blank?)
+    end
+
+    def as_text(value)
+      value.to_s
+    end
+
+    def as_date(value, format: nil)
+      return if value.blank?
+
+      I18n.l(value, format:)
+    end
+
+    def list_view
+      yield
+
+      table
+    end
+
+    def table
+      render FlexiAdmin::Components::Resources::ListView::TableComponent.new(headers, columns, resources, context, selectable: true)
+    end
+
+    def column(attribute, options = {}, &block)
+      @columns << build_column(attribute, options, &block)
+    end
+
+    def build_column(attribute, options, &block)
+      options[:formatter] = format(options[:as] || :text)
+
+      Column.new(attribute,
+                block || proc { |resource| resource.send(attribute) },
+                options.presence || {})
+    end
+  end
+end

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

@@ -0,0 +1,42 @@
+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 ←
+
+    - 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 →

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

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources
+  class PaginationComponent < FlexiAdmin::Components::BaseComponent
+    LIMIT = 10
+
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+    include FlexiAdmin::Components::Helpers::UrlHelper
+
+    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 render?
+      paginated_resources.total_pages > 1
+    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
+
+      mid_range_end = if page > (LIMIT / 2) && page < (max - (LIMIT / 2))
+                        page + (LIMIT / 2)
+                      elsif page < (LIMIT / 2)
+                        LIMIT
+                      else
+                        max
+                      end
+
+      [1, (mid_range_start..mid_range_end).to_a, max].flatten.compact.uniq
+    end
+
+    def page_path(page_number)
+      params = context.params
+                      .merge(page: page_number, per_page:, frame: context.scope)
+                      .to_params
+
+      resources_path(**params.merge)
+    end
+
+    def paginated_resources
+      @resources.paginate(page:, per_page:)
+    end
+
+    def total_pages
+      (resources.count / per_page.to_f).ceil
+    end
+  end
+end

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

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources
+  class ResourcesComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ActionHelper
+
+    attr_reader :resources, :scope, :options, :title, :context_params
+
+    renders_one :actions
+    renders_one :views
+
+    class << self
+      attr_accessor :views, :scope, :includes
+    end
+
+    def initialize(resources, context_params:, views: nil, title: nil, **options)
+      @resources = resources
+      @scope = self.class.scope
+      @options = options
+      @options[:views] = views if views.present?
+      @context_params = context_params
+      @title = title
+    end
+
+    def context
+      options = @options.merge(title:,
+                               views: @options[:views].presence || self.class.views)
+
+      context_params_with_parent = context_params.with_parent(options[:parent])
+
+      @context ||= FlexiAdmin::Models::Resources::Context.new(resources, scope, context_params_with_parent, options)
+    end
+  end
+end

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

@@ -0,0 +1,16 @@
+.btn-group role="group"
+  - if list_view_available?
+    - path = resources_path(**context.params.merge(view: 'list', scope: context.scope, frame: context.scope).to_params)
+    .btn.btn-primary.opacity-75 [class="#{list_class}"
+                                 data-controller="switch-view"
+                                 data-action="click->switch-view#switch"
+                                 data-switch-view-resource-path-value="#{path}"]
+      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)
+    .btn.btn-primary.opacity-75 [class="#{grid_class}"
+                                 data-controller="switch-view"
+                                 data-action="click->switch-view#switch"
+                                 data-switch-view-resource-path-value="#{path}"]
+      i.bi.bi-grid

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

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+# Independent component.
+module FlexiAdmin::Components::Resources
+  class SwitchViewComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+
+    attr_reader :views, :context
+
+    def initialize(context)
+      @context = context
+      @views = context.views.presence || %w[list]
+    end
+
+    def render?
+      views.size > 1
+    end
+
+    def list_view_available?
+      views.include?("list")
+    end
+
+    def grid_view_available?
+      views.include?("grid")
+    end
+
+    def list_class
+      if context.params.current_view == "list" ||
+         (context.views.first == "list" && context.params.current_view.blank?)
+        "active"
+      else
+        "bg-white text-dark"
+      end
+    end
+
+    def grid_class
+      if context.params.current_view == "grid" ||
+         (context.views.first == "grid" && context.params.current_view.blank?)
+        "active"
+      else
+        "bg-white text-dark"
+      end
+    end
+  end
+end

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

@@ -0,0 +1,12 @@
+turbo-frame [id="#{context.scope}"
+             data-controller="bulk-action"
+             data-bulk-action-scope-value="#{context.scope}"]
+  = helpers.turbo_frame_tag "modalx_#{context.scope}", 'data-turbo-temporary': true
+  .h2 = title
+  .py-2.d-flex.justify-content-between.align-items-center
+    .d-flex.gap-3
+      = actions
+    - if context.paginate?
+      = 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/resources/view_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources
+  class ViewComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :context, :title
+
+    renders_one :actions
+    renders_one :views
+
+    def initialize(context)
+      @context = context
+      @title = context.options[:title]
+    end
+  end
+end

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

@@ -0,0 +1,2 @@
+.alert.alert-success role="alert"
+  = message

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

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Shared
+  class AlertComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :message
+
+    def initialize(message:)
+      @message = message
+    end
+  end
+end

data/lib/flexi_admin/components/shared/autocomplete/results_component.html.slim

@@ -0,0 +1,15 @@
+- if results.size.positive?
+  - results.each do |result|
+    li [data-action="#{data_action}"
+        data-autocomplete-resource-id-value="#{result.try(:id)}"]
+      - if action == 'show'
+        /= helpers.link_to main_app.send(path, result.id), class: 'text-primary text-decoration-none' do
+        a.text-primary.text-decoration-none href="#{main_app.send(path, result.id)}"
+          = value(result)
+      - else
+        = value(result)
+  - if autocomplete? && results_count > 100
+    li.text-muted zobrazeno 10 z #{results_count} výsledků
+
+- if results.empty? && autocomplete?
+  li žádné výsledky hledání

data/lib/flexi_admin/components/shared/autocomplete/results_component.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Shared::Autocomplete
+  class ResultsComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :results, :results_count, :context_params, :fields, :action, :path
+
+    def initialize(results:, context_params:, results_count: nil)
+      @results = results
+      @results_count = results_count
+      @context_params = context_params
+      @action = context_params.params["ac_action"]
+      @fields = context_params.params["ac_fields"]
+      @path = context_params.params["ac_path"]
+
+      raise "Action not defined" unless @action
+      raise "Fields not defined" unless @fields
+      raise "Path is required for show action" if action == "show" && !@path
+      return unless results.present? && autocomplete? && fields.any? do |field|
+        !results.first.respond_to?(field.to_sym)
+      end
+
+      raise "Field #{fields} not found on #{results.first.class.name}"
+    end
+
+    def data_action
+      case action
+      when "select"
+        "click->autocomplete#select"
+      when "input"
+        "click->autocomplete#inputValue"
+      else
+        ""
+      end
+    end
+
+    def value(result)
+      return result if datalist?
+
+      fields.map { |field| result.try(field) }.join(" - ")
+    end
+
+    def datalist?
+      action == "input"
+    end
+
+    def autocomplete?
+      action != "input"
+    end
+  end
+end

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

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+require_relative "autocomplete/results_component"
+
+module FlexiAdmin::Components::Shared::Autocomplete
+end

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

@@ -0,0 +1,24 @@
+.autocomplete [data-controller="datalistx"
+               data-datalist-search-path-value="#{datalist_path(action:, attribute: :description)}"]
+  .input-group
+    .input-group-text id="button-addon1"
+      i.bi.bi-search
+    input [type="text"
+          name="datalist"
+          list="#{scope}_datalist"
+          class="form-control"
+          placeholder="hledat"
+          data-datalist-target="input"
+          data-action="keyup->datalist#keyup"
+          data-is-disabled="#{disabled}"
+          value="#{resource&.ac_title}"]
+    datalist [id="#{scope}_datalist" data-datalist-target="datalist"]
+      option value="This is a test"
+    input [type="hidden"
+          name="#{resource_input_name}"
+          data-datalist-target="resourceId"
+          value="#{resource&.id}"]
+    .clear-icon.d-none data-datalist-target="clearIcon" data-action="click->autocomplete#clear"
+      i.bi.bi-x-circle.me-2
+    .loading-icon.d-none data-datalist-target="loadingIcon"
+      .icon

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

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+# Independent component.
+
+module FlexiAdmin::Components::Shared
+  class DatalistComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+
+    attr_reader :resource, :disabled, :action, :parent
+
+    def initialize(resource = nil, scope: nil, disabled: false, parent: nil)
+      @resource = resource
+      @scope = scope
+      @parent = parent
+
+      @action = action
+      @disabled = disabled
+    end
+  end
+end

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

@@ -0,0 +1,3 @@
+a href="#{path}" class="#{options[:class]}" style="#{options[:style]}"
+  = title
+  = content

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# Independent component.
+
+module FlexiAdmin::Components::Shared
+  class LinkComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :title, :path, :options
+
+    def initialize(title, path, **options)
+      @title = title
+      @path = path
+      @options = options
+    end
+  end
+end