easy-admin-rails 0.1.0

data/app/components/easy_admin/fields/inline_edit_trigger_component.rb

@@ -0,0 +1,144 @@
+module EasyAdmin
+  module Fields
+    class InlineEditTriggerComponent < EasyAdmin::BaseComponent
+      def initialize(record:, field:, position: :right)
+        @record = record
+        @field = field
+        @position = position
+      end
+
+      def view_template
+        return unless @field.editable?
+
+        if @field.editable_via_menu?
+          render_context_menu_trigger
+        else
+          render_modal_trigger
+        end
+      end
+
+      private
+
+      def render_modal_trigger
+        a(
+          href: edit_field_url,
+          class: trigger_classes,
+          data: { turbo_frame: "modal" },
+          title: "Edit #{@field.label}"
+        ) do
+          render_pencil_icon
+        end
+      end
+
+      def render_context_menu_trigger
+        div(class: "relative", data: { controller: "dropdown" }) do
+          button(
+            class: trigger_classes,
+            data: { 
+              action: "click->dropdown#toggle",
+              dropdown_target: "trigger"
+            },
+            title: "Edit #{@field.label}"
+          ) do
+            render_pencil_icon
+          end
+          
+          # Context menu (hidden by default)
+          div(
+            class: "absolute z-50 mt-1 w-48 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 hidden #{position_classes}",
+            data: { dropdown_target: "menu" }
+          ) do
+            div(class: "py-1") do
+              a(
+                href: belongs_to_reattach_url,
+                class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors",
+                data: { turbo_frame: "modal" }
+              ) do
+                div(class: "flex items-center") do
+                  unsafe_raw <<~SVG
+                    <svg class="w-4 h-4 mr-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"/>
+                    </svg>
+                  SVG
+                  span { "Change #{@field.label}" }
+                end
+              end
+              
+              a(
+                href: belongs_to_edit_attached_url,
+                class: "block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors",
+                data: { turbo_frame: "modal" }
+              ) do
+                div(class: "flex items-center") do
+                  unsafe_raw <<~SVG
+                    <svg class="w-4 h-4 mr-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
+                    </svg>
+                  SVG
+                  span { "Edit #{@field.label} Details" }
+                end
+              end
+            end
+          end
+        end
+      end
+
+      def render_pencil_icon
+        unsafe_raw <<~SVG
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/>
+          </svg>
+        SVG
+      end
+
+      def trigger_classes
+        [
+          "inline-flex items-center justify-center w-6 h-6",
+          "text-gray-400 hover:text-blue-600 hover:bg-blue-50",
+          "rounded transition-colors duration-150",
+          "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1"
+        ].join(" ")
+      end
+
+      def position_classes
+        case @position
+        when :left then "right-0"
+        when :right then "left-0" 
+        when :center then "left-1/2 transform -translate-x-1/2"
+        else "left-0"
+        end
+      end
+
+      def edit_field_url
+        easy_admin_url_helpers.edit_field_resource_path(
+          resource.route_key,
+          id: @record.id,
+          field: @field.name
+        )
+      end
+
+      def belongs_to_reattach_url
+        easy_admin_url_helpers.belongs_to_reattach_resource_path(
+          resource.route_key,
+          id: @record.id,
+          field: @field.name
+        )
+      end
+
+      def belongs_to_edit_attached_url
+        easy_admin_url_helpers.belongs_to_edit_attached_resource_path(
+          resource.route_key,
+          id: @record.id,
+          field: @field.name
+        )
+      end
+
+      def resource
+        # Find resource by model class name
+        model_name = @record.class.name
+        route_key = "#{model_name.downcase.pluralize}"
+        EasyAdmin::ResourceRegistry.find_resource(route_key)
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/belongs_to_component.rb

@@ -0,0 +1,93 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class BelongsToComponent < BaseComponent
+        private
+
+        def view_template
+          div(class: "field-display") do
+            # Only show label if show_label is not explicitly false
+            if field.fetch(:show_label, true)
+              div(class: "field-label") { plain field_label }
+            end
+            
+            div(class: "field-value") do
+              if association_record
+                if field[:show_link]
+                  a(
+                    href: view_path_for(association_record),
+                    class: "field-link",
+                    target: field[:link_target] || "_blank"
+                  ) do
+                    plain display_text
+                  end
+                else
+                  plain display_text
+                end
+              else
+                span(class: "field-empty") { plain "—" }
+              end
+            end
+          end
+        end
+
+        def association_record
+          @association_record ||= load_association_record
+        end
+
+        def load_association_record
+          return nil if value.blank?
+
+          association_class = determine_association
+          
+          if value.respond_to?(:id)
+            # Already loaded record
+            value
+          else
+            # ID value, need to load the record
+            association_class.find_by(id: value)
+          end
+        end
+
+        def determine_association
+          return field[:association] if field[:association]
+          
+          # Try to determine from attribute name
+          if field_name.to_s.end_with?('_id')
+            field_name.to_s.gsub('_id', '').classify.constantize
+          else
+            field_name.to_s.classify.constantize
+          end
+        rescue NameError
+          raise ArgumentError, "Could not determine association for #{field_name}. Please specify :association option."
+        end
+
+        def display_text
+          return "—" unless association_record
+
+          if field[:display_method]
+            association_record.send(field[:display_method])
+          elsif association_record.respond_to?(:name)
+            association_record.name
+          elsif association_record.respond_to?(:title)
+            association_record.title
+          elsif association_record.respond_to?(:to_label)
+            association_record.to_label
+          else
+            "##{association_record.id}"
+          end
+        end
+
+        def view_path_for(record)
+          return field[:view_path_proc].call(record) if field[:view_path_proc]
+          
+          association_class = record.class
+          EasyAdmin::Engine.routes.url_helpers.resource_path(
+            resource_name: association_class.model_name.route_key,
+            id: record.id
+          )
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/boolean_component.rb

@@ -0,0 +1,21 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class BooleanComponent < BaseComponent
+        def view_template
+          div(class: "ea-show-value") do
+            span(class: css_classes("ea-badge", badge_class)) do
+              value ? "Yes" : "No"
+            end
+          end
+        end
+
+        private
+
+        def badge_class
+          value ? "ea-badge--success" : "ea-badge--secondary"
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/date_component.rb

@@ -0,0 +1,13 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class DateComponent < BaseComponent
+        def view_template
+          div(class: "ea-show-value") do
+            format_value
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/datetime_component.rb

@@ -0,0 +1,13 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class DatetimeComponent < BaseComponent
+        def view_template
+          div(class: "ea-show-value") do
+            format_value
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/email_component.rb

@@ -0,0 +1,19 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class EmailComponent < BaseComponent
+        def view_template
+          div(class: "ea-show-value") do
+            if value.present?
+              a(href: "mailto:#{value}", class: "ea-show-link") do
+                value.to_s
+              end
+            else
+              span(class: "ea-empty-value") { "—" }
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/fields/show/file_component.rb

@@ -0,0 +1,304 @@
+module EasyAdmin
+  module Fields
+    module Show
+      class FileComponent < BaseComponent
+        private
+
+        def view_template
+          div(class: "field-display ea-file-field") do
+            if file_exists?
+              render_file_display
+            else
+              render_empty_state
+            end
+          end
+        end
+
+        def render_file_display
+          if image_file?
+            # Hero image display for images
+            div(class: "relative w-full") do
+              img(src: file_url, alt: file_name, 
+                  class: "w-full h-auto rounded-lg shadow-lg object-cover", 
+                  style: "max-height: 500px;")
+              
+              # Overlay with file info - only show if we have file info to display
+              if file_name != "Unknown file" || file_size_text.present? || uploaded_date
+                div(class: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 via-black/20 to-transparent p-4 rounded-b-lg") do
+                  div(class: "flex items-end justify-between") do
+                    div(class: "text-white") do
+                      if file_name != "Unknown file"
+                        div(class: "font-semibold text-lg drop-shadow-sm") { plain file_name }
+                      end
+                      if file_size_text.present? || uploaded_date
+                        div(class: "text-sm opacity-90 drop-shadow-sm") do
+                          if file_size_text.present?
+                            span { plain file_size_text }
+                          end
+                          if uploaded_date
+                            span(class: "ml-3") { plain "• #{uploaded_date}" }
+                          end
+                        end
+                      end
+                    end
+                    
+                    div(class: "flex gap-2") do
+                      render_action_buttons(style: "overlay")
+                    end
+                  end
+                end
+              end
+            end
+          else
+            # Card display for non-image files
+            div(class: "bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden") do
+              div(class: "bg-gradient-to-r from-blue-50 to-indigo-50 p-6") do
+                div(class: "flex items-center") do
+                  div(class: "mr-4") do
+                    render_file_icon
+                  end
+                  
+                  div(class: "flex-1") do
+                    div(class: "font-semibold text-gray-900 text-lg") { plain file_name }
+                    div(class: "flex items-center text-sm text-gray-600 mt-1") do
+                      span { plain file_size_text }
+                      if file_type_text
+                        span(class: "ml-3 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full text-xs font-medium") do
+                          plain file_type_text
+                        end
+                      end
+                      if uploaded_date
+                        span(class: "ml-3") { plain uploaded_date }
+                      end
+                    end
+                  end
+                end
+              end
+              
+              div(class: "px-6 py-4 bg-gray-50 border-t border-gray-100") do
+                div(class: "flex gap-3") do
+                  render_action_buttons(style: "card")
+                end
+              end
+            end
+          end
+        end
+
+        def render_image_preview
+          img(src: file_url, alt: file_name, 
+              class: "img-thumbnail rounded", 
+              style: "max-height: 80px; max-width: 80px; object-fit: cover;")
+        end
+
+        def render_file_icon
+          div(class: "flex items-center justify-center w-16 h-16 bg-gradient-to-br from-blue-500 to-indigo-600 text-white rounded-xl shadow-md") do
+            if pdf_file?
+              unsafe_raw %(<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"/>
+              </svg>)
+            elsif video_file?
+              unsafe_raw %(<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z"/>
+              </svg>)
+            elsif audio_file?
+              unsafe_raw %(<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.85 14,18.71V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12Z"/>
+              </svg>)
+            else
+              unsafe_raw %(<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
+                <path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z"/>
+              </svg>)
+            end
+          end
+        end
+        
+        def render_action_buttons(style: "default")
+          if style == "overlay"
+            # Buttons for image overlay
+            if file_url
+              a(href: file_url, target: "_blank", 
+                class: "inline-flex items-center px-3 py-1.5 bg-white/90 backdrop-blur-sm text-gray-700 rounded-lg hover:bg-white transition-colors text-sm font-medium") do
+                unsafe_raw %(<svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+                </svg>)
+                plain "Open"
+              end
+              
+              a(href: "#{file_url}?download=true", 
+                class: "inline-flex items-center px-3 py-1.5 bg-white/90 backdrop-blur-sm text-gray-700 rounded-lg hover:bg-white transition-colors text-sm font-medium") do
+                unsafe_raw %(<svg class="w-4 h-4 mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+                </svg>)
+                plain "Download"
+              end
+            end
+          else
+            # Buttons for card display
+            if file_url
+              a(href: file_url, target: "_blank", 
+                class: "inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm font-medium") do
+                unsafe_raw %(<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
+                </svg>)
+                plain "View File"
+              end
+              
+              a(href: "#{file_url}?download=true", 
+                class: "inline-flex items-center px-4 py-2 border border-gray-300 text-gray-700 bg-white rounded-lg hover:bg-gray-50 transition-colors text-sm font-medium") do
+                unsafe_raw %(<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"/>
+                </svg>)
+                plain "Download"
+              end
+            end
+          end
+        end
+
+        def render_empty_state
+          div(class: "bg-gray-50 rounded-xl border-2 border-dashed border-gray-300 p-12") do
+            div(class: "text-center") do
+              div(class: "flex justify-center mb-4") do
+                div(class: "w-16 h-16 bg-gray-100 rounded-full flex items-center justify-center") do
+                  unsafe_raw %(<svg class="w-8 h-8 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/>
+                  </svg>)
+                end
+              end
+              div(class: "text-gray-600 font-medium") { plain "No file uploaded" }
+              div(class: "text-gray-400 text-sm mt-1") { plain "Upload a file to see it here" }
+            end
+          end
+        end
+
+        def file_exists?
+          return false unless value.present?
+          
+          # Handle Active Storage attachments
+          if value.respond_to?(:attached?)
+            value.attached?
+          elsif value.respond_to?(:attachment)
+            value.attachment.present?
+          else
+            true
+          end
+        end
+
+        def file_url
+          return nil unless file_exists?
+
+          begin
+            if value.respond_to?(:url)
+              value.url
+            elsif value.respond_to?(:service_url)
+              value.service_url
+            elsif value.respond_to?(:attachment) && value.attachment.present?
+              Rails.application.routes.url_helpers.rails_blob_path(value.attachment, only_path: true)
+            elsif value.is_a?(String)
+              value
+            end
+          rescue => e
+            Rails.logger.warn "Failed to generate file URL: #{e.message}"
+            nil
+          end
+        end
+
+        def file_name
+          return "Unknown file" unless file_exists?
+
+          if value.respond_to?(:filename) && value.filename.present?
+            value.filename.to_s
+          elsif value.respond_to?(:original_filename) && value.original_filename.present?
+            value.original_filename
+          elsif value.respond_to?(:attachment) && value.attachment.present? && value.attachment.filename.present?
+            value.attachment.filename.to_s
+          elsif value.is_a?(String)
+            File.basename(value)
+          else
+            "Uploaded file"
+          end
+        end
+
+        def file_size_text
+          return "" unless file_exists?
+
+          size = nil
+          if value.respond_to?(:byte_size) && value.byte_size.present?
+            size = value.byte_size
+          elsif value.respond_to?(:size) && value.size.present?
+            size = value.size
+          elsif value.respond_to?(:attachment) && value.attachment.present? && value.attachment.byte_size.present?
+            size = value.attachment.byte_size
+          end
+
+          return "" unless size
+
+          if size < 1024
+            "#{size} bytes"
+          elsif size < 1024 * 1024
+            "#{(size / 1024.0).round(1)} KB"
+          else
+            "#{(size / (1024.0 * 1024)).round(1)} MB"
+          end
+        end
+
+        def file_type_text
+          return nil unless file_exists?
+          
+          filename = file_name.downcase
+          ext = File.extname(filename)
+          
+          case ext
+          when '.pdf' then 'PDF'
+          when '.jpg', '.jpeg' then 'JPEG'
+          when '.png' then 'PNG'
+          when '.gif' then 'GIF'
+          when '.svg' then 'SVG'
+          when '.mp4' then 'MP4'
+          when '.mov' then 'MOV'
+          when '.mp3' then 'MP3'
+          when '.wav' then 'WAV'
+          when '.doc', '.docx' then 'Word'
+          when '.xls', '.xlsx' then 'Excel'
+          when '.zip' then 'ZIP'
+          else ext.upcase.gsub('.', '') if ext.present?
+          end
+        end
+
+        def uploaded_date
+          return nil unless file_exists?
+          
+          date = nil
+          if value.respond_to?(:created_at) && value.created_at.present?
+            date = value.created_at
+          elsif value.respond_to?(:attachment) && value.attachment.present? && value.attachment.created_at.present?
+            date = value.attachment.created_at
+          end
+
+          date&.strftime('%b %d, %Y')
+        rescue
+          nil
+        end
+
+        def image_file?
+          filename = file_name.downcase
+          %w[.jpg .jpeg .png .gif .webp .svg].any? { |ext| filename.end_with?(ext) }
+        end
+
+        def pdf_file?
+          file_name.downcase.end_with?('.pdf')
+        end
+
+        def video_file?
+          filename = file_name.downcase
+          %w[.mp4 .mov .avi .mkv .webm].any? { |ext| filename.end_with?(ext) }
+        end
+
+        def audio_file?
+          filename = file_name.downcase
+          %w[.mp3 .wav .ogg .m4a].any? { |ext| filename.end_with?(ext) }
+        end
+      end
+    end
+  end
+end