easy-admin-rails 0.1.0

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

@@ -0,0 +1,55 @@
+module EasyAdmin
+  module Fields
+    module Form
+      class DatetimeComponent < BaseComponent
+        def view_template
+          div(class: "mb-4") do
+            label(for: field_id, class: label_classes) do
+              plain field_label
+              if required?
+                span(class: "text-red-500 ml-1") { "*" }
+              end
+            end
+            input(
+              type: "datetime-local",
+              name: form_field_name,
+              id: field_id,
+              value: current_value,
+              class: input_classes,
+              required: required?
+            )
+            if field[:help_text]
+              p(class: "mt-1 text-sm text-gray-500") { field[:help_text] }
+            end
+          end
+        end
+
+        private
+
+        def label_classes
+          "block text-sm font-medium text-gray-700 mb-1"
+        end
+
+        def input_classes
+          base_classes = "block w-full px-3 py-2 border rounded-md shadow-sm text-sm"
+          state_classes = "border-gray-300 placeholder-gray-400"
+          focus_classes = "focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
+          hover_classes = "hover:border-gray-400"
+          transition_classes = "transition-colors duration-200"
+          
+          "#{base_classes} #{state_classes} #{focus_classes} #{hover_classes} #{transition_classes}"
+        end
+
+        def form_field_name
+          model_name = form.object.class.name.underscore
+          "#{model_name}[#{field_name}]"
+        end
+
+        def current_value
+          value = form.object.public_send(field_name) if form.object.respond_to?(field_name)
+          value.respond_to?(:strftime) ? value.strftime("%Y-%m-%dT%H:%M") : value
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,55 @@
+module EasyAdmin
+  module Fields
+    module Form
+      class EmailComponent < BaseComponent
+        def view_template
+          div(class: "mb-4") do
+            label(for: field_id, class: label_classes) do
+              plain field_label
+              if required?
+                span(class: "text-red-500 ml-1") { "*" }
+              end
+            end
+            input(
+              type: "email",
+              name: form_field_name,
+              id: field_id,
+              value: current_value,
+              class: input_classes,
+              required: required?,
+              placeholder: field[:placeholder] || "Enter #{field_label.downcase}"
+            )
+            if field[:help_text]
+              p(class: "mt-1 text-sm text-gray-500") { field[:help_text] }
+            end
+          end
+        end
+
+        private
+
+        def label_classes
+          "block text-sm font-medium text-gray-700 mb-1"
+        end
+
+        def input_classes
+          base_classes = "block w-full px-3 py-2 border rounded-md shadow-sm text-sm"
+          state_classes = "border-gray-300 placeholder-gray-400"
+          focus_classes = "focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
+          hover_classes = "hover:border-gray-400"
+          transition_classes = "transition-colors duration-200"
+          
+          "#{base_classes} #{state_classes} #{focus_classes} #{hover_classes} #{transition_classes}"
+        end
+
+        def form_field_name
+          model_name = form.object.class.name.underscore
+          "#{model_name}[#{field_name}]"
+        end
+
+        def current_value
+          form.object.public_send(field_name) if form.object.respond_to?(field_name)
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,190 @@
+module EasyAdmin
+  module Fields
+    module Form
+      class FileComponent < BaseComponent
+        private
+
+        def view_template
+          div(class: "mb-6", data: { controller: "file" }) do
+            render_label if field_label
+            render_file_input
+            render_preview_area
+            render_help_text if field[:help_text]
+            render_current_file if current_file_exists?
+          end
+        end
+
+        def render_label
+          label(for: field_id, class: "block text-sm font-medium text-gray-700 mb-2") do
+            plain field_label
+            if required?
+              span(class: "text-red-500 ml-1") { "*" }
+            end
+          end
+        end
+
+        def render_file_input
+          input(
+            type: "file",
+            id: field_id,
+            name: form_field_name,
+            class: css_classes("block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 file:me-4 file:py-2 file:px-4 file:rounded-s-lg file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100", size_class, validation_classes),
+            data: { file_target: "input" },
+            **file_input_attributes
+          )
+        end
+
+        def render_preview_area
+          div(data: { file_target: "preview" }, class: "mt-2")
+        end
+
+        def render_help_text
+          div(class: "mt-1 text-sm text-gray-500") do
+            plain field[:help_text]
+          end
+        end
+
+        def render_current_file
+          if current_file_url
+            div(class: "mt-4", data: { file_target: "currentFile" }) do
+              div(class: "flex items-center p-4 bg-gray-50 border border-gray-200 rounded-lg") do
+                div(class: "mr-4") do
+                  if image_file?
+                    img(src: current_file_url, alt: "Current file", class: "w-16 h-16 object-cover rounded-lg border border-gray-300")
+                  else
+                    div(class: "flex items-center justify-center w-16 h-16 bg-blue-100 text-blue-600 rounded-lg") do
+                      unsafe_raw %(<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 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>)
+                    end
+                  end
+                end
+                div(class: "flex-1") do
+                  div(class: "text-sm font-medium text-gray-900") { plain current_file_name }
+                  div(class: "text-xs text-gray-500") { plain file_size_text }
+                end
+                div(class: "flex items-center space-x-2") do
+                  a(href: current_file_url, target: "_blank", class: "inline-flex items-center px-3 py-1.5 border border-blue-300 text-sm font-medium rounded-md text-blue-700 bg-blue-50 hover:bg-blue-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500") 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="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"
+                  end
+                  if field[:allow_remove] != false
+                    button(type: "button", class: "inline-flex items-center px-3 py-1.5 border border-red-300 text-sm font-medium rounded-md text-red-700 bg-red-50 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500", 
+                           data: { action: "click->file#removeFile" }) 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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+                      </svg>)
+                      plain "Remove"
+                    end
+                  end
+                end
+              end
+            end
+          end
+        end
+
+        def file_input_attributes
+          attributes = {}
+          attributes[:accept] = field[:accept] if field[:accept]
+          attributes[:multiple] = true if field[:multiple]
+          attributes[:disabled] = true if readonly?
+          attributes[:required] = true if required?
+          attributes
+        end
+
+        def form_field_name
+          model_name = form.object.class.name.underscore
+          if field[:multiple]
+            "#{model_name}[#{field_name}][]"
+          else
+            "#{model_name}[#{field_name}]"
+          end
+        end
+
+        def size_class
+          case field[:size]
+          when :small then "text-xs py-1.5 px-3"
+          when :large then "text-base py-3 px-4"
+          else ""
+          end
+        end
+
+        def validation_classes
+          return "" unless form&.object&.errors
+
+          if form.object.errors[field_name].any?
+            "border-red-300 focus:border-red-500 focus:ring-red-500"
+          else
+            ""
+          end
+        end
+
+        def current_file_exists?
+          current_value = value || (form.object.respond_to?(field_name) ? form.object.public_send(field_name) : nil)
+          current_value.present? && (current_value.respond_to?(:attached?) ? current_value.attached? : true)
+        end
+
+        def current_file_url
+          return nil unless current_file_exists?
+          
+          current_value = value || form.object.public_send(field_name)
+          if current_value.respond_to?(:url)
+            current_value.url
+          elsif current_value.respond_to?(:service_url)
+            current_value.service_url 
+          elsif current_value.is_a?(String)
+            current_value
+          end
+        rescue
+          nil
+        end
+
+        def current_file_name
+          return "Uploaded file" unless current_file_exists?
+          
+          current_value = value || form.object.public_send(field_name)
+          if current_value.respond_to?(:filename)
+            current_value.filename.to_s
+          elsif current_value.respond_to?(:original_filename)
+            current_value.original_filename
+          elsif current_value.is_a?(String)
+            File.basename(current_value)
+          else
+            "Uploaded file"
+          end
+        end
+
+        def file_size_text
+          return "" unless current_file_exists?
+
+          current_value = value || form.object.public_send(field_name)
+          if current_value.respond_to?(:byte_size)
+            size = current_value.byte_size
+          elsif current_value.respond_to?(:size)
+            size = current_value.size
+          else
+            return ""
+          end
+
+          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 image_file?
+          return false unless current_file_exists?
+
+          filename = current_file_name.downcase
+          %w[.jpg .jpeg .png .gif .webp .svg].any? { |ext| filename.end_with?(ext) }
+        end
+      end
+    end
+  end
+end