Small design changes for job list

This commit is contained in:
2024-08-12 03:49:33 +02:00
parent bfe5193a61
commit d28b4e0876
2 changed files with 13 additions and 15 deletions

View File

@@ -1,24 +1,21 @@
<tr id="<%= dom_id job %>" class="bg-status-<%= job.status %>-light odd:bg-opacity-20 even:bg-opacity-10"> <tr id="<%= dom_id job %>" class="bg-status-<%= job.status %>-light odd:bg-opacity-20 even:bg-opacity-15">
<td class="p-3 text-sm text-hsrm-gray whitespace-nowrap"> <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap">
<span class="p-1.5 text-xs font-medium uppercase tracking-wider bg-opacity-50 text-status-<%= job.status %> bg-status-<%= job.status %>-light rounded-lg"> <span class="p-1.5 text-sm font-medium uppercase tracking-wider bg-opacity-50 text-status-<%= job.status %> bg-status-<%= job.status %>-light rounded-lg">
<%= job.id %> <%= job.id %>
</span> </span>
</td> </td>
<td class="p-3 text-sm text-center text-hsrm-gray">
<% if job.pdf.attached? %>
<%#= image_tag(url_for(job.pdf.blob.preview(resize_to_limit: [100, 100]))) %>
<%= image_tag job.pdf.preview(resize_to_limit: [50, 50]), class: "mx-auto" %>
<% end %>
</td>
<td class="p-3 text-sm text-hsrm-gray whitespace-nowrap"> <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap">
<%= job.costumer_fullname %> <%= job.costumer_fullname %>
</td> </td>
<td class="p-3 text-sm text-hsrm-gray whitespace-nowrap w-6">
<% if job.pdf.attached? %>
<%= image_tag url_for(job.pdf.preview(resize_to_limit: [100, 100])) %>
<% end %>
</td>
<td class="p-3 text-sm text-hsrm-gray whitespace-nowrap"> <td class="p-3 text-sm text-hsrm-gray whitespace-nowrap">
<% if job.pdf.attached? %> <% if job.pdf.attached? %>
<%#= link_to job.pdf.filename, rails_blob_path(job.pdf, disposition: "attachment") %> <%= job.pdf.filename %>
<%= link_to job.pdf.filename, job.pdf, download:true %>
<span class="p-1.5 bg-gray-300 bg-opacity-50 text-hsrm-gray font-medium rounded-lg ml-2">
<%=number_to_human_size job.pdf.blob.byte_size%>
</span>
<% end %> <% end %>
</td> </td>
<td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap"> <td class="p-3 text-sm text-left text-hsrm-gray whitespace-nowrap">

View File

@@ -10,14 +10,15 @@
<table class="w-full py-8 table-auto"> <table class="w-full py-8 table-auto">
<thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300"> <thead class="bg-gray-200 text-hsrm-gray border-b-2 border-gray-300">
<tr> <tr>
<th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> ID </th> <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> ID </th>
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Vorschau </th>
<th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th> <th class="p-3 text-sm font-semibold tracking-wide text-left"> Auftraggeber </th>
<th colspan="2" class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th> <th class="p-3 text-sm font-semibold tracking-wide text-left"> PDF </th>
<th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A0 </th> <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A0 </th>
<th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A1 </th> <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A1 </th>
<th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A2 </th> <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A2 </th>
<th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A3 </th> <th class="p-3 text-sm font-semibold tracking-wide text-left w-1"> A3 </th>
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> noDIN </th> <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> no DIN </th>
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Kosten </th> <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Kosten </th>
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Status </th> <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> Status </th>
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"></th> <th class="p-3 text-sm font-semibold tracking-wide text-center w-1"></th>