Match templates to rails main branch

Author: BakiVernes

lib/templates/erb/scaffold/_form.html.erb.tt

@@ -12,13 +12,13 @@
   <%% end %>
 
 <% attributes.each do |attribute| -%>
-  <div class="field my-5">
+  <div class="my-5">
 <% if attribute.password_digest? -%>
     <%%= form.label :password %>
     <%%= form.password_field :password %>
 </div>
 
-<div class="field my-5">
+<div class="my-5">
     <%%= form.label :password_confirmation %>
     <%%= form.password_field :password_confirmation, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
 <% elsif attribute.attachments? -%>
@@ -37,7 +37,7 @@
   </div>
 
 <% end -%>
-  <div class="actions inline">
+  <div class="inline">
     <%%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium" %>
   </div>
-<%% end %>
+<%% end %>

lib/templates/erb/scaffold/index.html.erb.tt

@@ -4,29 +4,11 @@
   <%% end %>
 
   <div class="flex justify-between items-center">
-    <h1 class="text-lg font-bold text-4xl"><%= human_name %></h1>
+    <h1 class="text-lg font-bold text-4xl"><%= human_name.pluralize %></h1>
     <%%= link_to 'New <%= human_name.downcase %>', new_<%= singular_route_name %>_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
   </div>
 
-  <table class="min-w-full">
-    <thead class="border-b-2 border-gray-200">
-      <tr class="text-gray-500 uppercase text-left">
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-        <th class="pt-6 pb-2 font-normal"><%= attribute.human_name %></th>
-<% end -%>
-      </tr>
-    </thead>
-
-    <tbody>
-      <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %>
-        <tr class="align-top border-b border-gray-200">
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-          <td class="py-6 pr-3"><%%= <%= singular_table_name %>.<%= attribute.column_name %> %></td>
-<% end -%>
-          <td class="py-6 pr-3"><%%= link_to 'Show', <%= model_resource_name %>, class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %></td>
-          <td class="py-6 pr-3"><%%= link_to 'Edit', edit_<%= singular_route_name %>_path(<%= singular_table_name %>), class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %></td>
-        </tr>
-      <%% end %>
-    </tbody>
-  </table>
+  <div id="<%= plural_table_name %>" class="min-w-full">
+    <%%= render @<%= plural_table_name %> %>
+  </div>
 </div>

lib/templates/erb/scaffold/partial.html.erb.tt

@@ -0,0 +1,22 @@
+<div id="<%%= dom_id <%= singular_table_name %> %>">
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+  <p class="my-5">
+    <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
+<% if attribute.attachment? -%>
+    <%%= link_to <%= singular_table_name %>.<%= attribute.column_name %>.filename, <%= singular_table_name %>.<%= attribute.column_name %> if <%= singular_table_name %>.<%= attribute.column_name %>.attached? %>
+<% elsif attribute.attachments? -%>
+    <%% <%= singular_table_name %>.<%= attribute.column_name %>.each do |<%= attribute.singular_name %>| %>
+      <div><%%= link_to <%= attribute.singular_name %>.filename, <%= attribute.singular_name %> %></div>
+    <%% end %>
+<% else -%>
+    <%%= <%= singular_table_name %>.<%= attribute.column_name %> %>
+<% end -%>
+  </p>
+
+<% end -%>
+  <%% if action_name != "show" %>
+    <%%= link_to "Show this <%= human_name.downcase %>", <%= singular_table_name %>, class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <%%= link_to 'Edit this <%= human_name.downcase %>', edit_<%= singular_table_name %>_path(<%= singular_table_name %>), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %>
+    <hr class="mt-6">
+  <%% end %>
+</div>

lib/templates/erb/scaffold/show.html.erb.tt

@@ -4,17 +4,12 @@
       <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%%= notice %></p>
     <%% end %>
 
-<% attributes.reject(&:password_digest?).each do |attribute| -%>
-    <p class="my-5">
-      <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
-      <%%= @<%= singular_table_name %>.<%= attribute.column_name %> %>
-    </p>
-<% end -%>
+    <%%= render @<%= singular_table_name %> %>
 
-    <%%= link_to 'Edit', edit_<%= singular_table_name %>_path(@<%= singular_table_name %>), class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <%%= link_to 'Edit this <%= singular_table_name %>', edit_<%= singular_table_name %>_path(@<%= singular_table_name %>), class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
     <div class="inline-block ml-2">
-      <%%= button_to 'Delete', <%= singular_table_name %>_path(@<%= singular_table_name %>), method: :delete, class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium" %>
+      <%%= button_to 'Delete this <%= singular_table_name %>', <%= singular_table_name %>_path(@<%= singular_table_name %>), method: :delete, data: { confirm: "Are you sure you want to delete this <%= singular_table_name %>?" }, class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium" %>
     </div>
-    <%%= link_to 'Back', <%= index_helper %>_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <%%= link_to 'Back to <%= plural_table_name %>', <%= index_helper %>_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
   </div>
 </div>