Fixed small design issues and installed tailwind sorter headwind to vscode
This commit is contained in:
@@ -2,54 +2,54 @@
|
||||
<% content_for :title, "Current Print Jobs" %>
|
||||
<div class="flex space-x-4">
|
||||
<%= link_to "#openjobs-h" do %>
|
||||
<div class="flex-1 bg-status-open-light bg-opacity-50 text-status-open w-72 min-h-28 shadow-lg ">
|
||||
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-open-light text-status-open w-72 min-h-28 ">
|
||||
<h3 class="p-5 text-4xl">
|
||||
<%= icon("inbox-stack", class: "text-status-paid size-10 inline drop-shadow") %>
|
||||
<%= icon("inbox-stack", class: "text-status-open size-10 inline drop-shadow") %>
|
||||
Open
|
||||
<span class="text-right block"><%= @openjobs.count %></span>
|
||||
<span class="block text-right"><%= @openjobs.count %></span>
|
||||
</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= link_to "#printingjobs-h" do %>
|
||||
<div class="flex-1 bg-status-printing-light bg-opacity-50 text-status-printing w-72 min-h-28 shadow-lg">
|
||||
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-printing-light text-status-printing w-72 min-h-28">
|
||||
<h3 class="p-5 text-4xl">
|
||||
<%= icon("printer", class: "text-status-paid size-10 inline drop-shadow") %>
|
||||
<%= icon("printer", class: "text-status-printing size-10 inline drop-shadow") %>
|
||||
Printing
|
||||
<span class="text-right block"><%= @printingjobs.count %></span>
|
||||
<span class="block text-right"><%= @printingjobs.count %></span>
|
||||
</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= link_to "#pickupjobs-h" do %>
|
||||
<div class="flex-1 bg-status-pickup-light bg-opacity-50 text-status-pickup w-72 min-h-28 shadow-lg">
|
||||
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-pickup-light text-status-pickup w-72 min-h-28">
|
||||
<h3 class="p-5 text-4xl">
|
||||
<%= icon("arrow-up-tray", class: "text-status-paid size-10 inline drop-shadow") %>
|
||||
<%= icon("arrow-up-tray", class: "text-status-pickup size-10 inline drop-shadow") %>
|
||||
Pickup
|
||||
<span class="text-right block"><%= @pickupjobs.count %></span>
|
||||
<span class="block text-right"><%= @pickupjobs.count %></span>
|
||||
</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= link_to "#paidcanceledjobs-h" do %>
|
||||
<div class="flex-1 bg-status-paid-light bg-opacity-50 text-status-paid w-72 min-h-28 shadow-lg">
|
||||
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-paid-light text-status-paid w-72 min-h-28">
|
||||
<h3 class="p-5 text-4xl">
|
||||
<%= icon("banknotes", class: "text-status-paid size-10 inline drop-shadow") %>
|
||||
Paid
|
||||
<span class="text-right block"><%= @paidjobs.count %></span>
|
||||
<span class="block text-right"><%= @paidjobs.count %></span>
|
||||
</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= link_to "#paidcanceledjobs-h" do %>
|
||||
<div class="flex-1 bg-status-canceled-light bg-opacity-50 text-status-canceled w-72 min-h-28 shadow-lg">
|
||||
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-canceled-light text-status-canceled w-72 min-h-28">
|
||||
<h3 class="p-5 text-4xl">
|
||||
<%= icon("x-circle", class: "text-status-paid size-10 inline drop-shadow") %>
|
||||
<%= icon("x-circle", class: "text-status-canceled size-10 inline drop-shadow") %>
|
||||
Canceled
|
||||
<span class="text-right block"><%= @canceledjobs.count %></span>
|
||||
<span class="block text-right"><%= @canceledjobs.count %></span>
|
||||
</h3>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div id="printingjobs-h" class="flex justify-between items-center py-4">
|
||||
<h1 class="font-bold text-hsrm-gray text-4xl">
|
||||
<div id="printingjobs-h" class="flex items-center justify-between py-4">
|
||||
<h1 class="text-4xl font-bold text-hsrm-gray">
|
||||
Printing
|
||||
</h1>
|
||||
<% if @openjobs.any? %>
|
||||
@@ -60,29 +60,29 @@
|
||||
method: :patch,
|
||||
form_class: "inline px-3 py-2 font-semibold bg-green-500 hover:opacity-90 shadow-lg transition-colors duration-100 bg-opacity-100 flex items-center group text-hsrm-gray" %>
|
||||
<% else %>
|
||||
<span class="px-3 py-2 font-semibold bg-gray-300 shadow-lg transition-colors duration-100 bg-opacity-100 flex items-center group text-white">
|
||||
<span class="flex items-center px-3 py-2 font-semibold text-white transition-colors duration-100 bg-gray-300 bg-opacity-100 shadow-lg group">
|
||||
<%= icon("printer", class: "text-hsrm-gray text-opacity-25 size-6 inline drop-shadow mr-2", title: "") %>
|
||||
Start next job
|
||||
</span>
|
||||
<% end %>
|
||||
</div>
|
||||
<%# render partial: "job_card", collection: @printingjobs, as: :job %>
|
||||
<div class="overflow-auto min-w-full shadow-lg">
|
||||
<div class="min-w-full overflow-auto shadow-lg">
|
||||
<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 border-b-2 border-gray-300 text-hsrm-gray">
|
||||
<tr>
|
||||
<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="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> 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"> PDF </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A0 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A1 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A2 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"> A3 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> 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"> Status </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-40">Action</th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A0 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A1 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A2 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> A3 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
|
||||
<th class="w-40 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id='printingjobs' class="divide-y divivde-gray-300">
|
||||
@@ -91,27 +91,27 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="pickupjobs-h" class="flex justify-between items-center py-4">
|
||||
<h1 class="font-bold text-hsrm-gray text-4xl">
|
||||
<div id="pickupjobs-h" class="flex items-center justify-between py-4">
|
||||
<h1 class="text-4xl font-bold text-hsrm-gray">
|
||||
Pickup
|
||||
</h1>
|
||||
</div>
|
||||
<div class="overflow-auto min-w-full shadow-lg">
|
||||
<div class="min-w-full overflow-auto shadow-lg">
|
||||
<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 border-b-2 border-gray-300 text-hsrm-gray">
|
||||
<tr>
|
||||
<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="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> 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"> 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"> 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"> A3 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> 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"> Status </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1">Action</th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id='pickupjobs' class="divide-y divivde-gray-300">
|
||||
@@ -120,27 +120,27 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="openjobs-h" class="flex justify-between items-center py-4">
|
||||
<h1 class="font-bold text-hsrm-gray text-4xl">
|
||||
<div id="openjobs-h" class="flex items-center justify-between py-4">
|
||||
<h1 class="text-4xl font-bold text-hsrm-gray">
|
||||
Open
|
||||
</h1>
|
||||
</div>
|
||||
<div class="overflow-auto min-w-full shadow-lg">
|
||||
<div class="min-w-full overflow-auto shadow-lg">
|
||||
<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 border-b-2 border-gray-300 text-hsrm-gray">
|
||||
<tr>
|
||||
<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="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> 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"> 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"> 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"> A3 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> 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"> Status </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1">Action</th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id='openjobs' class="divide-y divivde-gray-300">
|
||||
@@ -149,27 +149,27 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="paidcanceledjobs-h" class="flex justify-between items-center py-4">
|
||||
<h1 class="font-bold text-hsrm-gray text-4xl">
|
||||
<div id="paidcanceledjobs-h" class="flex items-center justify-between py-4">
|
||||
<h1 class="text-4xl font-bold text-hsrm-gray">
|
||||
Paid/Canceled
|
||||
</h1>
|
||||
</div>
|
||||
<div class="overflow-auto min-w-full shadow-lg">
|
||||
<div class="min-w-full overflow-auto shadow-lg">
|
||||
<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 border-b-2 border-gray-300 text-hsrm-gray">
|
||||
<tr>
|
||||
<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="w-1 p-3 text-sm font-semibold tracking-wide text-center"> ID </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> 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"> 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"> 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"> A3 </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1 text-nowrap"> 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"> Status </th>
|
||||
<th class="p-3 text-sm font-semibold tracking-wide text-center w-1"></th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A0 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A1 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A2 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-left"> A3 </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center text-nowrap"> no DIN </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Kosten </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"> Status </th>
|
||||
<th class="w-1 p-3 text-sm font-semibold tracking-wide text-center"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id='paidcanceledjobs' class="divide-y divivde-gray-300">
|
||||
|
||||
Reference in New Issue
Block a user