<h1 class=“text-2xl font-bold text-gray-300 antialiased”><%%= t(“<%= plural_table_name %>”).titleize %></h1>
<%%= link_to new_<%= singular_table_name %>_path, :class=> “transition duration-500 float-right inline-flex items-center p-2 border border-transparent rounded shadow-md text-gray-300 bg-white hover:text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500” do %>
<svg class="h-7 w-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clip-rule="evenodd" /> </svg> <%%= t :add_<%= singular_table_name %> %>
<%% end %> <P class=“clear-both”> </P>
<div class=“flex flex-col”>
<div class="-my-2 overflow-x-auto sm:-mx-6 lg:-mx-8"> <div class="py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8"> <div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg"> <table class="min-w-full divide-y divide-gray-200"> <thead class="bg-gray-50"> <tr> <% attributes.reject(&:password_digest?).each do |attribute| -%> <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"> <%= attribute.human_name %> </th> <% end %> <th scope="col" class="relative px-6 py-3"> <span class="sr-only"><%%= t :Actions %></span> </th> </tr> </thead> <tbody> <%% @<%= plural_table_name %>.each do |<%= singular_table_name %>| %> <tr class="<%%= cycle("bg-white", "bg-grey-50") -%>"> <% attributes.reject(&:password_digest?).each do |attribute| -%> <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900"> <%%= <%= singular_table_name %>.<%= attribute.index_name %> %> </td> <% end %> <td class="text-right text-xs font-extralight"> <%%= link_to <%= singular_table_name %>, :class=>"transition duration-500 inline-flex items-center p-2 border-none shadow-inline text-white text-gray-300 hover:text-white hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" do %> <svg class="h-7 w-7" xmlns="http://www.w3.org/2000/svg" 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> <%%= t :Details %> <%% end %> <%%= link_to edit_<%= singular_table_name %>_path(<%= singular_table_name %>), :class=>"transition duration-500 inline-flex items-center p-2 border-none shadow-inline text-white text-gray-300 hover:text-black hover:bg-yellow-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" do %> <svg class="w-7 h-7" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" /> </svg> <%%= t :Edit %> <%% end %> <%%= link_to <%= singular_table_name %>, method: :delete, data: { confirm: 'Are you sure?' }, :class=>"transition duration-500 inline-flex items-center p-2 border-none shadow-inline text-white text-gray-300 hover:text-white hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" do %> <svg xmlns="http://www.w3.org/2000/svg" class="w-7 h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <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> <%%= t :Delete %> <%% end %> </td> </tr> <%% end %> </tbody> </table> </div> </div> </div> </div>