Example of custom JS

spec/example_app/app/assets/config/manifest.js

@@ -1,3 +1,4 @@
 //= link administrate/application.css
 //= link administrate/application.js
 //= link admin.css
+//= link admin.js

spec/example_app/app/assets/javascripts/admin.js

@@ -0,0 +1 @@
+//= require_tree ./admin

spec/example_app/app/assets/javascripts/admin/identity.js

@@ -0,0 +1,10 @@
+let mainContent = document.querySelector(".main-content");
+if (mainContent) {
+  mainContent.addEventListener("click", evt => {
+    if (evt.target.classList.contains("identity__become-action")) {
+      if (!confirm("Change identity?")) {
+        evt.preventDefault();
+      }
+    }
+  });
+}

spec/example_app/app/views/admin/customers/_collection_item_actions.html.erb

@@ -17,5 +17,5 @@
 <% end %>
 
 <td>
-  <%= link_to("Become", become_admin_customer_path(resource)) %>
+  <%= link_to("Become", become_admin_customer_path(resource), class: "identity__become-action") %>
 </td>

spec/example_app/app/views/admin/customers/_index_header.html.erb

@@ -7,7 +7,7 @@
     <%= content_for(:title) %>
   </h1>
 
-  <p class="identity__banner<%= " identity__banner--admin" if pundit_user.admin? %>">You are logged in as <em><%= pundit_user.name %></em>. <%= link_to("Become the Admin", become_admin_customer_path("admin")) unless pundit_user.admin? %></p>
+  <p class="identity__banner<%= " identity__banner--admin" if pundit_user.admin? %>">You are logged in as <em><%= pundit_user.name %></em>. <%= link_to("Become the Admin", become_admin_customer_path("admin"), class: "identity__become-action") unless pundit_user.admin? %></p>
 
   <% if show_search_bar %>
     <%= render(

spec/example_app/config/initializers/administrate.rb

@@ -1 +1,2 @@
 Administrate::Engine.add_stylesheet("admin")
+Administrate::Engine.add_javascript("admin")