activeadmin 3.4.0 → 4.0.0.beta18

data/app/views/active_admin/_page_header.html.erb

@@ -0,0 +1,27 @@
+<div data-test-page-header class="bg-gray-50 border-b p-4 mb-8 flex flex-col gap-4 md:flex-row md:items-center justify-between dark:border-gray-800/50 dark:bg-inherit">
+  <div class="flex flex-col gap-3 pt-1">
+    <% breadcrumb_links = build_breadcrumb_links(request.path, class: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 no-underline") %>
+    <% if breadcrumb_links.present? %>
+      <nav aria-label="breadcrumb">
+        <ol class="flex flex-wrap gap-1 text-sm">
+          <% breadcrumb_links.each_with_index do |link, index| %>
+            <li class="inline-flex items-center h-5 gap-1">
+              <% if index > 0 %>
+                <svg class="h-5 w-5 text-gray-300 dark:text-gray-700 flex-shrink-0 rtl:rotate-180" 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>
+              <% end %>
+              <%= link %>
+            </li>
+          <% end %>
+        </ol>
+      </nav>
+    <% end %>
+    <h2 class="text-2xl font-semibold"><%= title %></h2>
+  </div>
+  <% if action_items_for_action.present? %>
+    <div data-test-action-items class="flex gap-2 flex-wrap lg:justify-end">
+      <%= render "active_admin/shared/action_items" %>
+    </div>
+  <% end %>
+</div>

data/app/views/active_admin/_sidebar.html.erb

@@ -0,0 +1,5 @@
+<% unless skip_sidebar? || sidebar_sections_for_action.blank? %>
+  <div class="space-y-8">
+    <%= render "active_admin/shared/sidebar_sections" %>
+  </div>
+<% end %>

data/app/views/active_admin/_site_footer.html.erb

@@ -0,0 +1,7 @@
+<div class="text-sm text-center mt-16 mx-8 pt-9 pb-12 text-gray-500 border-t dark:border-gray-800">
+  <%= I18n.t(
+        "active_admin.powered_by",
+        active_admin: link_to("Active Admin", "https://activeadmin.info", class: "text-gray-500 dark:text-gray-500 hover:text-gray-900 dark:hover:text-gray-400 no-underline"),
+        version: ActiveAdmin::VERSION
+      ).html_safe %>
+</div>

data/app/views/active_admin/_site_header.html.erb

@@ -0,0 +1,30 @@
+<div class="border-b border-gray-200 dark:border-white/10 dark:bg-gray-950/75 px-4 py-2 flex items-center fixed top-0 z-20 h-16 w-full backdrop-blur-md">
+  <button class="xl:hidden pe-3 inline-flex items-center w-8 h-8 justify-center text-sm text-gray-500 dark:text-gray-400 focus-visible:outline-none focus-visible:ring-ring focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0" data-drawer-target="main-menu" data-drawer-show="main-menu" aria-controls="main-menu" aria-label="<%= t('active_admin.toggle_main_navigation_menu') %>">
+    <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/></svg>
+  </button>
+
+  <div class="grow">
+    <h1 data-test-site-title class="text-lg font-semibold">
+      <%= title %>
+    </h1>
+  </div>
+
+  <button type="button" class="dark-mode-toggle flex items-center w-9 h-9 justify-center me-1 text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none text-sm" aria-label="<%= t('active_admin.toggle_dark_mode') %>">
+    <svg class="hidden dark:block w-5 h-5 rtl:-scale-x-100" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.509 5.75c0-1.493.394-2.96 1.144-4.25h-.081a8.5 8.5 0 1 0 7.356 12.746A8.5 8.5 0 0 1 8.509 5.75Z"/></svg>
+    <svg class="dark:hidden w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 3V1m0 18v-2M5.05 5.05 3.636 3.636m12.728 12.728L14.95 14.95M3 10H1m18 0h-2M5.05 14.95l-1.414 1.414M16.364 3.636 14.95 5.05M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></svg>
+  </button>
+
+  <button id="user-menu-button" class="flex items-center w-9 h-9 justify-center text-sm text-gray-500 focus:outline-none dark:text-gray-200" data-dropdown-toggle="user-menu" data-dropdown-offset-distance="3" data-dropdown-placement="bottom-end" aria-label="<%= t('active_admin.toggle_user_menu') %>">
+    <svg class="w-7 h-7" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"/></svg>
+  </button>
+
+  <div id="user-menu" class="z-50 hidden min-w-max rounded shadow-lg outline outline-1 outline-black/5 dark:-outline-offset-1 dark:outline-white/10 focus:outline-none py-1 text-sm bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300" aria-labelledby="user-menu-button">
+    <ul>
+      <% if current_active_admin_user? %>
+        <li><%= auto_link current_active_admin_user, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white" %></li>
+        <li><%= link_to I18n.t("active_admin.logout"), auto_logout_link_path, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white", data: { method: :delete } %></li>
+      <% end %>
+    </ul>
+  </div>
+
+</div>

data/app/views/active_admin/devise/confirmations/new.html.erb

@@ -1,5 +1,7 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.resend_confirmation_instructions.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.resend_confirmation_instructions.title') %>
+  </h2>
 
   <%= render partial: "active_admin/devise/shared/error_messages", resource: resource %>
   <%= active_admin_form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
@@ -7,7 +9,7 @@
       f.input :email
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.resend_confirmation_instructions.submit'), button_html: { value: t('active_admin.devise.resend_confirmation_instructions.submit') }
+      f.action :submit, label: t('active_admin.devise.resend_confirmation_instructions.submit'), button_html: { class: "w-full", value: t('active_admin.devise.resend_confirmation_instructions.submit') }
     end
   end %>
 

data/app/views/active_admin/devise/passwords/edit.html.erb

@@ -1,5 +1,7 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.change_password.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.change_password.title') %>
+  </h2>
 
   <%= render partial: "active_admin/devise/shared/error_messages", resource: resource %>
   <%= active_admin_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
@@ -9,7 +11,7 @@
       f.input :reset_password_token, as: :hidden, input_html: { value: resource.reset_password_token }
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.change_password.submit'), button_html: { value: t('active_admin.devise.change_password.submit') }
+      f.action :submit, label: t('active_admin.devise.change_password.submit'), button_html: { class: "w-full", value: t('active_admin.devise.change_password.submit') }
     end
   end
   %>

data/app/views/active_admin/devise/passwords/new.html.erb

@@ -1,13 +1,14 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.reset_password.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.reset_password.title') %>
+  </h2>
 
-  <%= render partial: "active_admin/devise/shared/error_messages", resource: resource %>
   <%= active_admin_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
     f.inputs do
       f.input :email
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.reset_password.submit'), button_html: { value: t('active_admin.devise.reset_password.submit') }
+      f.action :submit, label: t('active_admin.devise.reset_password.submit'), button_html: { class: "w-full", value: t('active_admin.devise.reset_password.submit') }
     end
   end %>
 

data/app/views/active_admin/devise/registrations/new.html.erb

@@ -1,9 +1,11 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.sign_up.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.sign_up.title') %>
+  </h2>
 
   <% scope = Devise::Mapping.find_scope!(resource_name) %>
   <%= render partial: "active_admin/devise/shared/error_messages", resource: resource %>
-  <%= active_admin_form_for(resource, as: resource_name, url: send(:"#{scope}_registration_path"), html: { id: "registration_new" }) do |f|
+  <%= active_admin_form_for(resource, as: resource_name, url: main_app.send(:"#{scope}_registration_path"), html: { id: "registration_new" }) do |f|
     f.inputs do
       resource.class.authentication_keys.each_with_index { |key, index|
         f.input key, label: t('active_admin.devise.'+key.to_s+'.title'), input_html: { autofocus: index.zero? }
@@ -12,7 +14,7 @@
       f.input :password_confirmation, label: t('active_admin.devise.password_confirmation.title')
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.login.submit'), button_html: { value: t('active_admin.devise.sign_up.submit') }
+      f.action :submit, label: t('active_admin.devise.login.submit'), button_html: { class: "w-full", value: t('active_admin.devise.sign_up.submit') }
     end
   end
   %>

data/app/views/active_admin/devise/sessions/new.html.erb

@@ -1,8 +1,10 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.login.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= site_title %> <%= set_page_title t('active_admin.devise.login.title') %>
+  </h2>
 
   <% scope = Devise::Mapping.find_scope!(resource_name) %>
-  <%= active_admin_form_for(resource, as: resource_name, url: send(:"#{scope}_session_path"), html: { id: "session_new" }) do |f|
+  <%= active_admin_form_for(resource, as: resource_name, url: main_app.send(:"#{scope}_session_path")) do |f|
     f.inputs do
       resource.class.authentication_keys.each_with_index { |key, index|
         f.input key, label: t("active_admin.devise.#{key}.title"), input_html: { autofocus: index.zero? }
@@ -11,7 +13,7 @@
       f.input :remember_me, label: t('active_admin.devise.login.remember_me'), as: :boolean if devise_mapping.rememberable?
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.login.submit'), button_html: { value: t('active_admin.devise.login.submit') }
+      f.action :submit, label: t('active_admin.devise.login.submit'), wrapper_html: { class: "grow" }, button_html: { class: "w-full", value: t('active_admin.devise.login.submit') }
     end
   end
   %>

data/app/views/active_admin/devise/shared/_links.erb

@@ -1,6 +1,7 @@
+<div class="mt-6 text-sm">
 <%- if controller_name != 'sessions' %>
   <% scope = Devise::Mapping.find_scope!(resource_name) %>
-  <%= link_to t('active_admin.devise.links.sign_in'), send(:"new_#{scope}_session_path") %>
+  <%= link_to t('active_admin.devise.links.sign_in'), main_app.send(:"new_#{scope}_session_path") %>
   <br>
 <% end -%>
 
@@ -31,3 +32,4 @@
     <br>
   <% end -%>
 <% end -%>
+</div>

data/app/views/active_admin/devise/unlocks/new.html.erb

@@ -1,5 +1,7 @@
-<div id="login">
-  <h2><%= active_admin_application.site_title(self) %> <%= title t('active_admin.devise.unlock.title') %></h2>
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
+  <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
+    <%= site_title %> <%= set_page_title t('active_admin.devise.unlock.title') %>
+  </h2>
 
   <%= render partial: "active_admin/devise/shared/error_messages", resource: resource %>
   <%= active_admin_form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
@@ -7,9 +9,9 @@
       f.input :email
     end
     f.actions do
-      f.action :submit, label: t('active_admin.devise.unlock.submit'), button_html: { value: t('active_admin.devise.unlock.submit') }
+      f.action :submit, label: t('active_admin.devise.unlock.submit'), button_html: { class: "w-full", value: t('active_admin.devise.unlock.submit') }
     end
   end %>
 
-<%= render partial: "active_admin/devise/shared/links" %>
+  <%= render partial: "active_admin/devise/shared/links" %>
 </div>

data/app/views/{kaminari/active_admin_countless → active_admin/kaminari}/_gap.html.erb

@@ -5,4 +5,6 @@
     per_page:      number of items to fetch per page
     remote:        data-remote
 -%>
-<span class="page gap"><%= t('views.pagination.truncate').html_safe %></span>
+<span class="flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400">
+  <%= t('active_admin.pagination.truncate').html_safe %>
+</span>

data/app/views/active_admin/kaminari/_next_page.html.erb

@@ -0,0 +1,16 @@
+<%# Link to the "Next" page
+  - available local variables
+    url:           url to the next page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% unless current_page.last? %>
+  <%= link_to url, rel: 'next', remote: remote, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-white rounded no-underline" do %>
+    <span class="sr-only"><%= t('active_admin.pagination.next') %></span>
+    <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
+    </svg>
+  <% end %>
+<% end %>

data/app/views/active_admin/kaminari/_page.html.erb

@@ -0,0 +1,14 @@
+<%# Link showing page number
+  - available local variables
+    page:          a page object for "this" page
+    url:           url to this page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% if page.current? %>
+  <%= link_to page, url, { remote: remote, rel: page.rel, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-white bg-blue-500 dark:text-white dark:bg-blue-600 hover:bg-blue-500 hover:text-white dark:hover:bg-blue-600 dark:hover:text-white rounded no-underline" } %>
+<% else %>
+  <%= link_to page, url, { remote: remote, rel: page.rel, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-white rounded no-underline" } %>
+<% end %>

data/app/views/{kaminari/active_admin_countless → active_admin/kaminari}/_paginator.html.erb

@@ -7,8 +7,7 @@
     paginator:     the paginator that renders the pagination tags inside
 -%>
 <%= paginator.render do -%>
-  <nav class="pagination">
-    <%= first_page_tag unless current_page.first? %>
+  <nav data-test-pagination class="inline-flex flex-wrap -space-x-px text-sm gap-1">
     <%= prev_page_tag unless current_page.first? %>
     <% each_page do |page| -%>
       <% if page.display_tag? -%>

data/app/views/active_admin/kaminari/_prev_page.html.erb

@@ -0,0 +1,16 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    total_pages:   total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% unless current_page.first? %>
+  <%= link_to url, rel: 'prev', remote: remote, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-white rounded no-underline" do %>
+    <span class="sr-only"><%= t('active_admin.pagination.previous') %></span>
+    <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
+    </svg>
+  <% end %>
+<% end %>

data/app/views/active_admin/page/index.html.arb

@@ -1,2 +1,5 @@
-# frozen_string_literal: true
-insert_tag active_admin_application.view_factory["page"]
+div class: "main-content-container" do
+  if page_presenter.block
+    instance_exec(&page_presenter.block)
+  end
+end

data/app/views/active_admin/resource/_active_filters.html.erb

@@ -0,0 +1,32 @@
+<div class="active-filters">
+  <h3 class="active-filters-title">
+    <% if current_scope %>
+      <%= I18n.t("active_admin.search_status.title_with_scope", name: scope_name(current_scope)) %>
+    <% else %>
+      <%= I18n.t("active_admin.search_status.title") %>
+    <% end %>
+  </h3>
+  <ul class="active-filters-list">
+    <% if active_filters.all_blank? %>
+      <li><%= I18n.t("active_admin.search_status.no_current_filters") %></li>
+    <% else %>
+      <% active_filters.filters.each do |filter| %>
+        <%= content_tag :li, filter.html_options do %>
+          <span>
+            <%= filter.label %>
+            <strong><%= to_sentence(filter.values.map { |v| pretty_format(v) }) %></strong>
+          </span>
+        <% end %>
+      <% end %>
+      <% active_filters.scopes.each do |name, value| %>
+        <% filter_name = name.gsub(/_eq$/, "") %>
+        <% filter = active_admin_config.filters[filter_name.to_sym] %>
+        <% label = filter.try(:[], :label) || filter_name.titleize %>
+        <li data-filter="<%= name %>">
+          <span><%= "#{label} #{Ransack::Translate.predicate('eq')}" %></span>
+          <strong><%= value %></strong>
+        </li>
+      <% end %>
+    <% end %>
+  </ul>
+</div>

data/app/views/active_admin/resource/_batch_actions_dropdown.html.erb

@@ -0,0 +1,19 @@
+<% if batch_actions_to_display.any? %>
+  <div class="batch-actions-dropdown">
+    <button type="button" class="batch-actions-dropdown-toggle" data-dropdown-toggle="batch-action-menu" disabled data-dropdown-offset-distance="5" data-dropdown-placement="bottom-start">
+      <%= I18n.t("active_admin.batch_actions.button_label") %>
+      <svg class="batch-actions-dropdown-arrow" aria-hidden="true" fill="none" viewBox="0 0 10 6"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/></svg>
+    </button>
+    <ul class="batch-actions-dropdown-menu" id="batch-action-menu">
+      <% batch_actions_to_display.each do |batch_action| %>
+        <li>
+          <% confirmation_text = render_or_call_method_or_proc_on(self, batch_action.confirm) %>
+          <% default_title = render_or_call_method_or_proc_on(self, batch_action.title) %>
+          <% title = I18n.t("active_admin.batch_actions.labels.#{batch_action.sym}", default: default_title) %>
+          <% label = I18n.t("active_admin.batch_actions.action_label", title: title) %>
+          <%= link_to(label, "#", batch_action.link_html_options.merge(data: { action: batch_action.sym, confirm: confirmation_text.presence, batch_action_item: "" })) %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/active_admin/resource/_form.html.arb

@@ -0,0 +1,15 @@
+div class: "main-content-container" do
+  if page_presenter.block
+    options = {
+      url: resource.persisted? ? resource_path(resource) : collection_path,
+      as: active_admin_config.param_key
+    }
+    options.merge!(page_presenter.options)
+
+    active_admin_form_for(resource, options, &page_presenter.block)
+  elsif page_presenter.options[:partial].present?
+    render page_presenter.options[:partial]
+  else
+    render "form_default"
+  end
+end

data/app/views/active_admin/resource/_form_default.html.arb

@@ -0,0 +1,11 @@
+options = {
+  url: resource.persisted? ? resource_path(resource) : collection_path,
+  as: active_admin_config.param_key
+}
+options.merge!(page_presenter.options)
+
+active_admin_form_for(resource, options) do |f|
+  f.semantic_errors # show errors on :base by default
+  f.inputs
+  f.actions
+end

data/app/views/active_admin/resource/_index_as_table_default.html.arb

@@ -0,0 +1,8 @@
+insert_tag(ActiveAdmin::Views::IndexAsTable::IndexTableFor, collection, table_options) do |t|
+  selectable_column
+  id_column if resource_class.primary_key
+  active_admin_config.resource_columns.each do |attribute|
+    column attribute
+  end
+  actions
+end

data/app/views/active_admin/resource/_index_blank_slate.html.erb

@@ -0,0 +1,14 @@
+<div class="w-full rounded-lg border-2 border-dashed border-gray-300 hover:border-gray-400 dark:border-gray-700 dark:hover:border-gray-600 px-6 py-12 text-center">
+  <h2 class="block mb-4 only:mb-0 font-semibold leading-6 text-gray-900 dark:text-gray-200">
+    <%= I18n.t("active_admin.blank_slate.content", resource_name: active_admin_config.plural_resource_label) %>
+  </h2>
+  <% if new_action_authorized?(active_admin_config.resource_class) %>
+    <%= if page_presenter.options.has_key?(:blank_slate_link)
+          link = page_presenter.options[:blank_slate_link]
+          instance_exec(&link) if link.is_a?(Proc)
+        else
+          link_to(I18n.t("active_admin.blank_slate.link"), new_resource_path)
+        end
+    %>
+  <% end %>
+</div>

data/app/views/active_admin/resource/_index_empty_results.html.erb

@@ -0,0 +1,5 @@
+<div class="w-full rounded-lg border-2 border-dashed border-gray-300 hover:border-gray-400 dark:border-gray-700 dark:hover:border-gray-600 px-6 py-12 text-center min-h-20">
+  <h2 class="block mb-4 only:mb-0 font-semibold leading-6 text-gray-900 dark:text-gray-200">
+    <%= I18n.t("active_admin.pagination.empty", model: active_admin_config.plural_resource_label) %>
+  </h2>
+</div>

data/app/views/active_admin/resource/_index_table_actions_default.html.erb

@@ -0,0 +1,9 @@
+<% if show_action_authorized?(resource) %>
+  <%= link_to view_label, resource_path(resource) %>
+<% end %>
+<% if edit_action_authorized?(resource) %>
+  <%= link_to edit_label, edit_resource_path(resource) %>
+<% end %>
+<% if destroy_action_authorized?(resource) %>
+  <%= link_to delete_label, resource_path(resource), method: :delete, data: { confirm: delete_confirmation_text } %>
+<% end %>

data/app/views/active_admin/resource/_show_default.html.arb

@@ -0,0 +1,2 @@
+attributes_table_for(resource, *active_admin_config.resource_columns)
+active_admin_comments_for(resource) if active_admin_config.comments?

data/app/views/active_admin/resource/edit.html.arb

@@ -1,2 +1 @@
-# frozen_string_literal: true
-insert_tag renderer_for(:edit)
+render "form"

data/app/views/active_admin/resource/index.html.arb

@@ -1,2 +1,94 @@
-# frozen_string_literal: true
-insert_tag renderer_for(:index)
+def wrap_with_batch_action_form(&block)
+  if active_admin_config.batch_actions.any?
+    insert_tag(ActiveAdmin::BatchActions::BatchActionForm, &block)
+    batch_actions_to_display.each do |batch_action|
+      if batch_action.partial.present?
+        render(batch_action.partial)
+      end
+    end
+  else
+    block.call
+  end
+end
+
+def build_collection
+  if collection_empty?(collection)
+    if params[:q] || params[:scope]
+      render("active_admin/resource/index_empty_results")
+    else
+      render("active_admin/resource/index_blank_slate")
+    end
+  else
+    render_index
+  end
+end
+
+def build_table_tools
+  div class: "index-data-table-toolbar" do
+    render "batch_actions_dropdown"
+    build_scopes
+    build_index_list
+  end if any_table_tools?
+end
+
+def any_table_tools?
+  active_admin_config.batch_actions.any? ||
+  active_admin_config.scopes.any? ||
+  active_admin_config.page_presenters[:index].try(:size).try(:>, 1)
+end
+
+def build_scopes
+  if active_admin_config.scopes.any?
+    scope_options = { scope_count: page_presenter.fetch(:scope_count, true) }
+    insert_tag(ActiveAdmin::Views::Scopes, active_admin_config.scopes, scope_options)
+  end
+end
+
+def build_index_list
+  indexes = active_admin_config.page_presenters[:index]
+
+  if indexes.kind_of?(Hash) && indexes.length > 1
+    index_classes = []
+    active_admin_config.page_presenters[:index].each do |type, page_presenter|
+      index_classes << find_index_renderer_class(page_presenter[:as])
+    end
+
+    insert_tag(ActiveAdmin::Views::IndexList, index_classes)
+  end
+end
+
+# Returns the actual class for rendering the main content on the index
+# page. To set this, use the :as option in the page_presenter block.
+def find_index_renderer_class(klass)
+  if klass.is_a?(Class)
+    klass
+  else
+    ::ActiveAdmin::Views.const_get("IndexAs" + klass.to_s.camelcase)
+  end
+end
+
+def render_index
+  renderer_class = find_index_renderer_class(page_presenter[:as])
+
+  paginator = page_presenter.fetch(:paginator, true)
+  download_links = page_presenter.fetch(:download_links, active_admin_config.namespace.download_links)
+  pagination_total = page_presenter.fetch(:pagination_total, true)
+  per_page = page_presenter.fetch(:per_page, active_admin_config.per_page)
+
+  paginated_collection(
+    collection, entry_name: active_admin_config.resource_label,
+                entries_name: active_admin_config.plural_resource_label(count: collection_size),
+                download_links: download_links,
+                paginator: paginator,
+                per_page: per_page,
+                pagination_total: pagination_total) do
+    insert_tag(renderer_class, page_presenter, collection)
+  end
+end
+
+div class: "main-content-container" do
+  wrap_with_batch_action_form do
+    build_table_tools
+    build_collection
+  end
+end

data/app/views/active_admin/resource/new.html.arb

@@ -1,2 +1 @@
-# frozen_string_literal: true
-insert_tag renderer_for(:new)
+render "form"

data/app/views/active_admin/resource/show.html.arb

@@ -1,2 +1,12 @@
-# frozen_string_literal: true
-insert_tag renderer_for(:show)
+def attributes_table(*args, &block)
+  attributes_table_for resource, *args, &block
+end
+
+div class: "main-content-container" do
+  if page_presenter.block
+    # Evaluate the show config from the controller
+    instance_exec resource, &page_presenter.block
+  else
+    render "show_default"
+  end
+end

data/app/views/active_admin/shared/_action_items.html.erb

@@ -0,0 +1,3 @@
+<% action_items_for_action.each do |action_item| %>
+  <%= instance_exec(&action_item.block) %>
+<% end %>

data/app/views/active_admin/shared/_download_format_links.html.erb

@@ -0,0 +1,7 @@
+<% params = request.query_parameters.except :format, :commit %>
+<div>
+  <span><%= I18n.t("active_admin.download") %></span>
+  <% formats.each do |format| %>
+    <%= link_to format.upcase, url_for(params: params, format: format) %>
+  <% end %>
+</div>

data/app/views/active_admin/shared/_resource_comments.html.erb

@@ -0,0 +1,51 @@
+<div class="max-w-[700px]">
+  <div class="font-bold py-3 border-b dark:border-gray-600">
+    <%= ActiveAdmin::Comment.model_name.human(count: 2.1) %>
+  </div>
+  <% if authorized?(ActiveAdmin::Auth::NEW, ActiveAdmin::Comment) %>
+    <%= active_admin_form_for(ActiveAdmin::Comment.new, url: comment_form_url, html: { class: "mb-12 max-w-[700px]", novalidate: false }) do |f|
+      f.inputs do
+        f.input :resource_type, as: :hidden, input_html: { value: ActiveAdmin::Comment.resource_type(resource) }
+        f.input :resource_id, as: :hidden, input_html: { value: resource.id }
+        f.input :body, label: false, input_html: { size: "80x4", required: true }
+      end
+      f.actions do
+        f.action :submit, label: I18n.t("active_admin.comments.add")
+      end
+    end
+    %>
+  <% end %>
+  <div class="font-bold py-3 border-b dark:border-gray-600">
+    <%= I18n.t "active_admin.comments.title_content", count: comments.total_count %>
+  </div>
+  <% if comments.any? %>
+    <% comments.each do |comment| %>
+      <div class="border-b dark:border-gray-600 py-6 max-w-[700px]" id="<%= dom_id(comment, :active_admin) %>" data-test-comment-container>
+        <div class="flex gap-4 items-end mb-2">
+          <span class="font-semibold">
+            <%= comment.author ? auto_link(comment.author) : I18n.t("active_admin.comments.author_missing") %>
+          </span>
+          <span class="text-xs text-gray-500 dark:text-gray-400">
+            <%= pretty_format comment.created_at %>
+          </span>
+        </div>
+        <div class="mb-4 break-keep">
+          <%= simple_format(comment.body) %>
+        </div>
+        <% if authorized?(ActiveAdmin::Auth::DESTROY, comment) %>
+          <%= link_to I18n.t("active_admin.comments.delete"), url_for_comments(comment.id), method: :delete, data: { confirm: I18n.t("active_admin.comments.delete_confirmation") } %>
+        <% end %>
+      </div>
+    <% end %>
+    <div class="p-2 lg:p-4 flex flex-col-reverse lg:flex-row gap-4 items-center justify-between">
+      <div>
+        <%= page_entries_info(comments).html_safe %>
+      </div>
+      <%= paginate(comments, views_prefix: :active_admin, outer_window: 1, window: 2) %>
+    </div>
+  <% else %>
+    <div class="p-8 text-center">
+      <%= I18n.t("active_admin.comments.no_comments_yet") %>
+    </div>
+  <% end %>
+</div>