easy-admin-rails 0.1.10 → 0.1.12

data/app/components/easy_admin/versions/history_component.rb

@@ -0,0 +1,141 @@
+module EasyAdmin
+  module Versions
+    class HistoryComponent < BaseComponent
+      def initialize(record:, resource_class:, versions_result: nil)
+        @record = record
+        @resource_class = resource_class
+        @versions_result = versions_result
+      end
+
+      def view_template
+        div(id: "versions-section", class: "space-y-6") do
+          if versioning_available?
+            if has_versions?
+              render_versions_section
+            else
+              render_no_versions_message
+            end
+          else
+            render_versioning_unavailable_message
+          end
+        end
+      end
+
+      private
+
+      def versioning_available?
+        return false unless defined?(PaperTrail)
+        @record.respond_to?(:versions)
+      rescue
+        false
+      end
+
+      def has_versions?
+        return @versions_result.total_count > 0 if @versions_result
+        @record.versions.any?
+      end
+
+      def render_versions_section
+        div(class: "bg-white shadow-sm rounded-lg border") do
+          render_section_header
+          render_timeline_content
+          render_pagination if @versions_result&.pagy&.pages&.> 1
+        end
+      end
+
+      def render_section_header
+        div(class: "px-4 sm:px-6 py-4 border-b border-gray-200") do
+          h3(class: "text-lg font-medium text-gray-900") { "Version History" }
+          p(class: "mt-1 text-sm text-gray-600") do
+            total = @versions_result&.total_count || @record.versions.count
+            "#{total} versions • Showing recent changes"
+          end
+        end
+      end
+
+      def render_timeline_content
+        div(class: "p-4 sm:p-6") do
+          if @versions_result
+            # Use paginated versions from the concern
+            render EasyAdmin::Versions::TimelineComponent.new(
+              versions: @versions_result.items,
+              resource_class: @resource_class,
+              record: @record
+            )
+          else
+            # Fallback to loading first 10 versions directly for lazy loading
+            turbo_frame(id: "versions-timeline", src: versions_url, loading: "lazy") do
+              render_timeline_skeleton
+            end
+          end
+        end
+      end
+
+      def render_timeline_skeleton
+        div(class: "animate-pulse space-y-6") do
+          3.times do
+            div(class: "bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden") do
+              div(class: "px-4 sm:px-6 py-4 border-b border-gray-100 bg-gray-50/50") do
+                div(class: "flex items-center space-x-3") do
+                  div(class: "h-6 bg-gray-200 rounded w-20")
+                  div(class: "h-4 bg-gray-200 rounded w-32")
+                end
+              end
+              div(class: "p-4 sm:p-6") do
+                div(class: "h-4 bg-gray-200 rounded w-full mb-2")
+                div(class: "h-4 bg-gray-200 rounded w-3/4")
+              end
+            end
+          end
+        end
+      end
+
+      def render_pagination
+        render EasyAdmin::Versions::PaginationComponent.new(
+          pagy: @versions_result.pagy,
+          resource_class: @resource_class,
+          record: @record
+        )
+      end
+
+      def render_no_versions_message
+        div(class: "text-center py-12 bg-gray-50 rounded-lg") do
+          div(class: "text-gray-400 mb-4") do
+            unsafe_raw <<~SVG
+              <svg class="mx-auto h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            SVG
+          end
+          h3(class: "text-lg font-medium text-gray-900 mb-2") { "No Version History" }
+          p(class: "text-gray-600") { "No changes have been tracked for this record yet." }
+        end
+      end
+
+      def render_versioning_unavailable_message
+        div(class: "text-center py-12 bg-yellow-50 rounded-lg border border-yellow-200") do
+          div(class: "text-yellow-400 mb-4") do
+            unsafe_raw <<~SVG
+              <svg class="mx-auto h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+              </svg>
+            SVG
+          end
+          h3(class: "text-lg font-medium text-gray-900 mb-2") { "Versioning Not Available" }
+          p(class: "text-gray-600") do
+            "Version tracking is not configured for this resource. Add "
+            code(class: "bg-gray-100 px-2 py-1 rounded text-sm") { "has_paper_trail" }
+            " to the model to enable version history."
+          end
+        end
+      end
+
+      def versions_url
+        easy_admin_url_helpers.resource_versions_path(
+          @resource_class.route_key,
+          @record.id
+        )
+      end
+    end
+  end
+end

data/app/components/easy_admin/versions/pagination_component.rb

@@ -0,0 +1,206 @@
+module EasyAdmin
+  module Versions
+    class PaginationComponent < BaseComponent
+      def initialize(pagy:, resource_class:, record:)
+        @pagy = pagy
+        @resource_class = resource_class
+        @record = record
+      end
+
+      def view_template
+        return unless @pagy.pages > 1
+
+        div(id: "versions-pagination", class: "mt-6 flex items-center justify-between border-t border-gray-200 bg-white px-4 py-3 sm:px-6") do
+          # Mobile pagination info
+          div(class: "flex flex-1 justify-between sm:hidden") do
+            if @pagy.prev
+              link_to_previous_page
+            else
+              span(class: "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500") do
+                "Previous"
+              end
+            end
+
+            if @pagy.next
+              link_to_next_page
+            else
+              span(class: "relative ml-3 inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500") do
+                "Next"
+              end
+            end
+          end
+
+          # Desktop pagination
+          div(class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between") do
+            # Results info
+            div do
+              p(class: "text-sm text-gray-700") do
+                plain "Showing "
+                span(class: "font-medium") { @pagy.from }
+                plain " to "
+                span(class: "font-medium") { @pagy.to }
+                plain " of "
+                span(class: "font-medium") { @pagy.count }
+                plain " versions"
+              end
+            end
+
+            # Page navigation
+            div do
+              nav(class: "isolate inline-flex -space-x-px rounded-md shadow-sm", "aria-label": "Pagination") do
+                # Previous page
+                if @pagy.prev
+                  link_to_previous_page_desktop
+                else
+                  span(class: "relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0") do
+                    span(class: "sr-only") { "Previous" }
+                    unsafe_raw <<~SVG
+                      <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                        <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd"/>
+                      </svg>
+                    SVG
+                  end
+                end
+
+                # Page numbers (show first, current range, and last)
+                render_page_numbers
+
+                # Next page
+                if @pagy.next
+                  link_to_next_page_desktop
+                else
+                  span(class: "relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-400 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0") do
+                    span(class: "sr-only") { "Next" }
+                    unsafe_raw <<~SVG
+                      <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                        <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/>
+                      </svg>
+                    SVG
+                  end
+                end
+              end
+            end
+          end
+        end
+      end
+
+      private
+
+      def link_to_previous_page
+        a(
+          href: versions_url(page: @pagy.prev),
+          data: { turbo_frame: "versions-section" },
+          class: "relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
+        ) do
+          "Previous"
+        end
+      end
+
+      def link_to_next_page
+        a(
+          href: versions_url(page: @pagy.next),
+          data: { turbo_frame: "versions-section" },
+          class: "relative ml-3 inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
+        ) do
+          "Next"
+        end
+      end
+
+      def link_to_previous_page_desktop
+        a(
+          href: versions_url(page: @pagy.prev),
+          data: { turbo_frame: "versions-section" },
+          class: "relative inline-flex items-center rounded-l-md px-2 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0"
+        ) do
+          span(class: "sr-only") { "Previous" }
+          unsafe_raw <<~SVG
+            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+              <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd"/>
+            </svg>
+          SVG
+        end
+      end
+
+      def link_to_next_page_desktop
+        a(
+          href: versions_url(page: @pagy.next),
+          data: { turbo_frame: "versions-section" },
+          class: "relative inline-flex items-center rounded-r-md px-2 py-2 text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0"
+        ) do
+          span(class: "sr-only") { "Next" }
+          unsafe_raw <<~SVG
+            <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+              <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/>
+            </svg>
+          SVG
+        end
+      end
+
+      def render_page_numbers
+        # Calculate range of pages to show
+        current = @pagy.page
+        total = @pagy.pages
+        
+        # Show pages around current page
+        start_page = [current - 2, 1].max
+        end_page = [current + 2, total].min
+        
+        # Always show page 1 if not in range
+        if start_page > 1
+          render_page_link(1)
+          if start_page > 2
+            span(class: "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 focus:outline-offset-0") do
+              "..."
+            end
+          end
+        end
+
+        # Show page range
+        (start_page..end_page).each do |page|
+          if page == current
+            render_current_page(page)
+          else
+            render_page_link(page)
+          end
+        end
+
+        # Always show last page if not in range
+        if end_page < total
+          if end_page < total - 1
+            span(class: "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 focus:outline-offset-0") do
+              "..."
+            end
+          end
+          render_page_link(total)
+        end
+      end
+
+      def render_current_page(page)
+        span(
+          "aria-current": "page",
+          class: "relative z-10 inline-flex items-center bg-blue-600 px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"
+        ) do
+          page.to_s
+        end
+      end
+
+      def render_page_link(page)
+        a(
+          href: versions_url(page: page),
+          data: { turbo_frame: "versions-section" },
+          class: "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0"
+        ) do
+          page.to_s
+        end
+      end
+
+      def versions_url(page:)
+        easy_admin_url_helpers.resource_versions_path(
+          @resource_class.route_key,
+          @record.id,
+          page: page
+        )
+      end
+    end
+  end
+end