flexi_admin 0.0.5

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

@@ -0,0 +1,287 @@
+# frozen_string_literal: true
+
+# with single field (inline: false)
+# form-row
+#   col-12 col-md-3
+#     label
+#   col-12 col-md-9
+#     field-wrapper
+#       field
+#       validation-error (if resource.errors[attr_name].present?)
+
+# with multiple fields (inline: true)
+# form-row
+#   col-12 col-md-3
+#     label
+#   col-12 col-md-9 inline-field-wrapper
+#     field-wrapper
+#       field
+#       validation-error (if resource.errors[attr_name].present?)
+#     field-wrapper
+#       field
+#       validation-error (if resource.errors[attr_name].present?)
+
+module FlexiAdmin::Components::Resource
+  module FormMixin
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+
+    attr_reader :resource, :disabled, :inline, :parent_resource
+
+    # Form does not render; fields do.
+    def form(url: resource_path(resource), css_class: 'myForm section', method: :patch, **html_options, &block)
+      render FlexiAdmin::Components::Resource::FormElementComponent.new(resource, url:, css_class:, method:, **html_options) do |component|
+        component.with_fields do
+          capture(&block)
+        end
+      end
+    end
+
+    def select_field(attr_name, options:, label: nil, value: nil, **html_options)
+      field = render_select(attr_name, value:, options:, **html_options)
+      field_wrapper = render_field_wrapper(field, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    def button_select_field(attr_name, options:, label: nil, value: nil, **html_options)
+      field = render_button_select(attr_name, options:, value:, disabled:, **html_options)
+      field_wrapper = render_field_wrapper(field, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    def text_field(attr_name, label: nil, value: nil, **html_options)
+      field = text_field_tag(attr_name, value:, **html_options)
+      field_wrapper = render_field_wrapper(field, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    def text_field_tag(attr_name, value: nil, **html_options)
+      render_standard_field(:text, attr_name, value, html_options)
+    end
+
+    def number_field(attr_name, label: nil, value: nil, **html_options)
+      render_standard_field(:number, attr_name, value, html_options)
+    end
+
+    def checkbox_field(attr_name, label: nil, checked: nil, **html_options)
+      checkbox = checkbox_field_tag(attr_name, checked:, **html_options)
+      field_wrapper = render_field_wrapper(checkbox, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    def checkbox_field_tag(attr_name, checked: nil, **html_options)
+      val = checked.is_a?(Proc) ? checked.call : resource.try(attr_name) || checked
+      hidden__field = hidden_field(attr_name, value: 0)
+
+      options = {
+        type: 'checkbox',
+        name: attr_name,
+        class: 'form-check-input',
+        value: 1,
+        checked: val,
+        disabled:
+      }.merge(html_options)
+
+      checkbox = content_tag(:input, nil, options)
+
+      hidden__field + checkbox
+    end
+
+    def hidden_field(attr_name, value: nil, **html_options)
+      html_options = { type: 'hidden', name: attr_name, value: }.merge(html_options)
+      content_tag(:input, nil, html_options)
+    end
+
+    def date_field(attr_name, label: nil, value: nil, **html_options)
+      field = render_standard_field(:date, attr_name, value, html_options.merge(style: 'max-width: 180px;'))
+      field_wrapper = render_field_wrapper(field, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    def datetime_field(attr_name, label: nil, value: nil, **html_options)
+      field = render_standard_field(:datetime, attr_name, value, html_options.merge(style: 'max-width: 180px;'))
+      field_wrapper = render_field_wrapper(field, attr_name)
+
+      inline ? field_wrapper : render_form_row(attr_name, field_wrapper, label:)
+    end
+
+    # Trix field
+    def html_field(attr_name, label: nil, value: nil, **html_options)
+      custom_field(FlexiAdmin::Components::Shared::TrixComponent.new(attr_name:, value:, disabled:), label:, **html_options)
+    end
+
+    def header(label, description: nil)
+      header_and_description = []
+      header_and_description << content_tag(:div, class: 'header') { label }
+      header_and_description << content_tag(:div, class: 'description') { description } if description.present?
+
+      content_tag(:div, class: 'form-row d-flex flex-column gap-2') do
+        concat content_tag(:div, class: 'col-12') { header_and_description.join.html_safe }
+      end
+    end
+
+    def custom_field(view_component_instance, label: nil, **html_options, &block)
+      label ||= view_component_instance.class.name.demodulize.humanize unless label == false
+      value = block_given? ? capture(&block) : view_component_instance
+
+      render_custom_field(view_component_instance, label, html_options, value)
+    end
+
+    def submit(label = 'Uložit', cancel_button: true, cancel_button_url: nil, icon: nil, classes: '')
+      submit_button = if icon.present?
+        helpers.content_tag(:button, class: 'btn btn-primary ' + classes, disabled: disabled) do
+          content = []
+          content << helpers.content_tag(:i, '', class: "bi bi-#{icon} me-2")
+          content << label
+          content.join.html_safe
+        end
+      else
+        helpers.submit_tag(label, class: 'btn btn-primary ' + classes, disabled:)
+      end
+
+      if cancel_button
+        cancel_btn_path = cancel_button_url || edit_resource_path(resource, fa_form_disabled: true)
+        cancel_btn = content_tag(:button, 'Zrušit', class: 'btn btn-outline-secondary',
+                                                    disabled:,
+                                                    data: { controller: 'form',
+                                                            action: 'click->form#disable',
+                                                            'form-resource-path-value': cancel_btn_path })
+      end
+
+      content_tag(:div, class: 'form-row d-flex gap-3') do
+        concat submit_button
+        concat cancel_btn if cancel_button
+      end
+    end
+
+    def with_resource(resource)
+      previous_resource = @resource
+      @resource = resource
+      yield
+    ensure
+      @resource = previous_resource
+    end
+
+    private
+
+    def render_standard_field(type, attr_name, value, html_options)
+      val = value.is_a?(Proc) ? value.call : resource.try(attr_name) || value
+      data = {
+        action: 'blur->form-validation#handleInvalid keyup->form-validation#handleInvalid'
+      }
+      merge_model_error!(data, attr_name) unless type == :submit
+
+      content = []
+      input_classes = 'form-control'
+      input_classes += ' is-invalid' if resource.present? && attr_name.present? && resource.errors[attr_name].present?
+      if type != :submit
+        content << content_tag(:input, nil,
+                              {
+                                type:,
+                                name: attr_name,
+                                value: val,
+                                class: input_classes,
+                                data:
+                              }.merge(html_options)
+                                .merge(disabled:))
+      end
+
+      content.join.html_safe
+    end
+
+    def render_field_wrapper(field, attr_name)
+      content_tag(:div, class: inline ? 'inline-field' : 'field-wrapper') do
+        content = []
+        content << field
+        if resource.present? && attr_name.present?
+          content << content_tag(:div, class: 'invalid-feedback') do
+            resource.errors[attr_name].join(' ')
+          end
+        end
+
+        content.join.html_safe
+      end
+    end
+
+    def render_select(attr_name, options:, value: nil, **html_options)
+      data = {
+        action: 'blur->form-validation#handleInvalid change->form-validation#handleInvalid'
+      }
+      merge_model_error!(data, attr_name)
+
+      selected = value.is_a?(Proc) ? value.call : resource.try(attr_name) || value
+
+      content = []
+      content << content_tag(:select,
+                              {
+                                name: attr_name,
+                                class: 'form-select',
+                                data: data,
+                                disabled:
+                              }.merge(html_options)) do
+        options_for_select(options, selected: selected, disabled: 'disabled')
+      end
+      if resource.present? && attr_name.present?
+        content << content_tag(:div, class: 'invalid-feedback') do
+          resource.errors[attr_name].join(' ')
+        end
+      end
+
+      content.join.html_safe
+    end
+
+    def field(attr_name, label: nil, inline: false, **html_options, &block)
+      label ||= attr_name.to_s.humanize unless label == false
+      @inline = inline
+      content = capture(&block)
+
+      render_form_row(attr_name, content, label:, **html_options)
+    end
+
+    def render_button_select(attr_name, options:, value: nil, resource: nil, **html_options)
+      res = resource.present? ? resource : @resource
+      val = value.is_a?(Proc) ? value.call : res.try(attr_name) || value
+
+      render(FlexiAdmin::Components::Resource::ButtonSelectComponent.new(res,
+                                                                         attr_name,
+                                                                         options,
+                                                                         disabled:,
+                                                                         form: @form,
+                                                                         value: val,
+                                                                         **html_options))
+    end
+
+    def render_form_row(attr_name, field_html, label:, **html_options)
+      label ||= attr_name.to_s.humanize unless label == false
+
+      content_tag(:div, html_options.merge(class: 'form-row')) do
+        concat content_tag(:div, class: 'col-12 col-md-3') { label_tag(attr_name, label) } unless label == false
+        concat content_tag(:div, class: inline ? 'col-12 col-md-9 inline-field-wrapper' : 'col-12 col-md-9') {
+                field_html
+              }
+      end
+    end
+
+    def render_custom_field(view_component_instance, label, html_options, _value)
+      content_tag(:div, html_options.merge(class: 'form-row')) do
+        unless label == false
+          concat content_tag(:div, class: 'col-12 col-md-3') {
+                  label_tag('autocomplete', label)
+                }
+        end
+        concat content_tag(:div, class: 'col-12 col-md-9') { render view_component_instance }
+      end
+    end
+
+    def merge_model_error!(data, attr_name)
+      return if resource.blank?
+      return if attr_name.blank?
+
+      data.merge!(validation_error: resource.errors[attr_name].join(' ')) if resource.errors.present?
+    end
+  end
+end

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

@@ -0,0 +1,8 @@
+- if icon.present?
+  = link_to path, **options.merge(data: { turbo_frame: '_top' }, class: 'dropdown-item') do
+    i.bi.me-2 class=icon_class
+    = label
+  /a href="#{path}" data-turbo-frame="_top" class="dropdown-item"
+- else
+  = link_to label, path, **options.merge(data: { turbo_frame: '_top' }, class: 'dropdown-item')
+  /a href="#{path}" data-turbo-frame="_top" class="dropdown-item" = label

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resource
+  class LinkActionComponent < FlexiAdmin::Components::BaseComponent
+    extend FlexiAdmin::Components::Helpers::ActionButtonHelper
+    include FlexiAdmin::Components::Helpers::IconHelper
+
+    attr_reader :label, :path, :options
+
+    def initialize(label, path, **options)
+      @label = label
+      @path = path
+      @options = options
+    end
+  end
+end

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

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resource
+  class ShowPageComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+    include FlexiAdmin::Components::Helpers::ActionHelper
+
+    attr_reader :resource, :context_params, :disabled
+
+    def initialize(resource, context_params:, scope: nil, disabled: true)
+      @resource = resource
+      @scope = scope
+      @context_params = context_params
+      @disabled = disabled
+    end
+
+    def context
+      @context ||= FlexiAdmin::Models::Resources::Context.from_params(context_params.merge(scope: @scope), resource)
+    end
+  end
+end

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

@@ -0,0 +1,26 @@
+
+// Header
+.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
+      / = render FlexiAdmin::Components::Nav::FloatingTocComponent.new
+
+    // Floating navigation
+  // Akce
+  div.actions
+    .d-flex.gap-2
+      = actions
+      .btn-group
+        .btn.btn-outline-primary [data-controller="form"
+                                  data-form-resource-path-value="#{edit_resource_path(resource)}"
+                                  data-action="click->form#enable"]
+          i.bi.bi-pencil-square
+        .btn.btn-outline-danger
+          i.bi.bi-trash
+
+.row.g-0.my-2.mb-4
+  .col-12.col-md-8
+    = form
+
+= content

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

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resource
+  class ViewComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::ResourceHelper
+    include FlexiAdmin::Components::Helpers::ActionHelper
+
+    attr_reader :context, :resource
+
+    renders_one :form
+    renders_one :actions
+
+    def initialize(context)
+      @context = context
+      @resource = context.resource
+    end
+
+    def divider
+      content_tag :div, "", class: "dropdown-divider"
+    end
+  end
+end

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

@@ -0,0 +1,7 @@
+button.dropdown-item.bulk-action [class="#{css_utility_classes}"
+                                  data-action="click->bulk-action#requestModal"
+                                  data-scope="#{context.scope}"
+                                  data-url-with-id="#{scoped_url_with_modal_id}"]
+  - if modal_class.button_icon.present?
+    i.bi.me-2 class="#{modal_class.button_icon_class}"
+  = modal_class.button_text

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

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::BulkAction
+  class ButtonComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::UrlHelper
+    include FlexiAdmin::Components::Helpers::IconHelper
+
+    attr_reader :context, :modal_class, :disabled, :selection_dependent, :options
+
+    def initialize(context, modal_class, disabled: true, selection_dependent: true, **options)
+      @context = context
+      @modal_class = modal_class
+      @disabled = selection_dependent && disabled
+      @selection_dependent = selection_dependent
+      @options = options
+    end
+
+    def css_utility_classes
+      classes = []
+      classes << "disabled" if disabled
+      classes << "selection-dependent" if selection_dependent
+      classes.compact.join(" ")
+    end
+
+    def scoped_url_with_modal_id
+      main_app.admin_modals_path(kind: modal_class.modal_id, **context.to_params)
+    end
+  end
+end

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

@@ -0,0 +1,32 @@
+div.modal.fade id="#{context.options[:modal_id]}" tabindex="-1"
+  div.modal-dialog
+    div.modal-content
+        div.modal-header
+          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
+
+        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]}'));
+    modal.show();
+    document.dispatchEvent(new CustomEvent('bulk-action-modal-opened',
+                                           { detail:
+                                            {
+                                              modalId: '#{context.options[:modal_id]}',
+                                              scope: '#{context.scope}'
+                                              }
+                                           }));

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

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::BulkAction
+  class ModalComponent < FlexiAdmin::Components::Resource::FormComponent
+    include FlexiAdmin::Components::Resource::FormMixin
+    extend FlexiAdmin::Components::Helpers::ActionButtonHelper
+
+    class << self
+      attr_accessor :class_name
+    end
+
+    attr_reader :context
+
+    renders_one :modal_form
+
+    def initialize(context = nil)
+      @context = context
+
+      add_context_options(@context)
+      super(nil, disabled: false)
+    end
+
+    def modal(context, &block)
+      render FlexiAdmin::Components::Resources::BulkAction::ModalComponent.new(context) 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)
+    end
+
+    # /observation_images/bulk_action
+    def self.path
+      resource = (self.class_name&.to_s || to_s).split('::').first.underscore.gsub('/', '-')
+      "/#{resource.pluralize}/bulk_action"
+    end
+
+    def self.modal_id
+      to_s.underscore.gsub('/', '-')
+    end
+
+    def add_context_options(context)
+      # Means it's been already added by the parent component
+      return if context.options[:title].present?
+
+      context.options ||= {}
+      context.options[:title] = self.class.title_text
+      context.options[:modal_id] = self.class.modal_id
+      context.options[:action_path] = self.class.path
+      context.options[:class_name] = self.class.to_s
+    end
+  end
+end

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

@@ -0,0 +1,18 @@
+.card style="width: 18rem;"
+  = render(FlexiAdmin::Components::Actions::CheckboxComponent.new(id: resource.id, scope: resource.class.name.downcase))
+  div
+    - if media?
+      = render_media
+    - else
+      .d-flex.w-100.h-100.justify-content-center.align-items-center.bg-light style="min-height: 180px;"
+        i.bi.bi-card-image.h2.text-secondary
+  .card-body
+    - if header
+      h6.card-subtitle.mb-2.text-muted
+        = header_value
+
+    - if title
+      h5.card-title
+        = navigate_to title_value, resource
+
+    p.card-text = description_value

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

@@ -0,0 +1,65 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::GridView
+  class CardComponent < FlexiAdmin::Components::BaseComponent
+    include FlexiAdmin::Components::Helpers::LinkHelper
+
+    attr_accessor :resource, :title, :header, :description, :image
+
+    def initialize(resource, title, header, description, image)
+      @resource = resource
+      @title = title
+      @header = header
+      @description = description
+      @image = image
+    end
+
+    def media_attachment
+      @media_attachment ||= image.value[resource]
+    end
+
+    def image_src
+      return unless image
+      return if media_attachment.blank?
+
+      image.src(media_attachment, variant: :thumb)
+    end
+
+    def media?
+      return false unless image
+      return false if media_attachment.blank?
+
+      true
+    end
+
+    def render_media
+      case media_attachment.content_type.split("/").first
+      when "image"
+        content_tag :img, nil, src: image_src, style: "object-fit: cover; width: 100%; height: 180px;"
+      when "video"
+        content_tag :video, nil, src: image_src, style: "object-fit: cover; width: 100%; height: 180px;",
+                                 controls: true,
+                                 onmouseover: "this.play()",
+                                 onmouseout: "this.pause()"
+      end
+    end
+
+    def title_value
+      return unless title
+
+      title.formatted_value(title.value[resource])
+    end
+
+    def header_value
+      return unless header
+
+      header.formatted_value(header.value[resource])
+    end
+
+    def description_value
+      return unless description
+
+      description.formatted_value(description.value[resource])
+    end
+  end
+end

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

@@ -0,0 +1,10 @@
+/div.pb-2
+  = render Actions::CheckboxComponent.new(id: 'all', scope: context.scope, select_all: true)
+    = label_tag 'all', 'vybrat vše', class: 'form-check-label text-muted text-nowrap', for: 'checkbox-all'
+.grid-view.row.g-0.row-cols-2.gap-4.row-cols-lg-3.row-cols-xl-4.row-cols-xxl-5
+  - resources.each do |resource|
+    = render FlexiAdmin::Components::Resources::GridView::CardComponent.new(resource,
+                                                                            title_element,
+                                                                            header_element,
+                                                                            description_element,
+                                                                            image_element)

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module FlexiAdmin::Components::Resources::GridView
+  class GridComponent < FlexiAdmin::Components::BaseComponent
+    attr_reader :resources, :title_element, :header_element, :description_element, :image_element, :context
+
+    def initialize(resources, title_element, header_element, description_element, image_element, context)
+      @resources = resources
+      @title_element = title_element
+      @header_element = header_element
+      @description_element = description_element
+      @image_element = image_element
+      @context = context
+    end
+  end
+end