daboh/plottservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactored stylesheet

Browse Source
This commit is contained in:
David Böhm
2024-08-15 02:07:11 +02:00
parent 241c5019c0
commit 32be24bca9
6 changed files with 162 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
app/views/operator/jobs/index.html.erb
View File

@@ -4,45 +4,45 @@
</div>
<div class="flex space-x-4 justify-items-center">
<%= link_to "#openjobs-h", class: "flex-1" do %>
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-open-light text-status-open min-h-28 hover:bg-opacity-70">
<h3 class="p-4 text-3xl font-bold">
<%= icon("inbox-stack", class: "text-status-open size-8 inline drop-shadow -translate-y-1") %>
<div class="flex-1 card-status bg-status-open-light text-status-open">
<h3 class="p-3 text-2xl font-bold">
<%= icon("inbox-stack", class: "text-status-open icon icon-nohover") %>
Open
<span class="block text-right"><%= @openjobs.count %></span>
<span class="block text-3xl text-right"><%= @openjobs.count %></span>
</h3>
</div>
<% end %>
<%= link_to "#printingjobs-h", class: "flex-1" do %>
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-printing-light text-status-printing min-h-28 hover:bg-opacity-70">
<h3 class="p-4 text-3xl font-bold">
<%= icon("printer", class: "text-status-printing size-8 inline drop-shadow -translate-y-1") %>
<div class="flex-1 card-status bg-status-printing-light text-status-printing">
<h3 class="p-3 text-2xl font-bold">
<%= icon("printer", class: "text-status-printing icon icon-nohover") %>
Printing
<span class="block text-right"><%= @printingjobs.count %></span>
</h3>
</div>
<% end %>
<%= link_to "#pickupjobs-h", class: "flex-1" do %>
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-pickup-light text-status-pickup min-h-28 hover:bg-opacity-70">
<h3 class="p-4 text-3xl font-bold">
<%= icon("arrow-up-tray", class: "text-status-pickup size-8 inline drop-shadow -translate-y-1") %>
<div class="flex-1 card-status bg-status-pickup-light text-status-pickup">
<h3 class="p-3 text-2xl font-bold">
<%= icon("arrow-up-tray", class: "text-status-pickup icon icon-nohover") %>
Pickup
<span class="block text-right"><%= @pickupjobs.count %></span>
</h3>
</div>
<% end %>
<%= link_to "#paidcanceledjobs-h", class: "flex-1" do %>
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-paid-light text-status-paid min-h-28 hover:bg-opacity-70">
<h3 class="p-4 text-3xl font-bold">
<%= icon("banknotes", class: "text-status-paid size-8 inline drop-shadow -translate-y-1") %>
<div class="flex-1 card-status bg-status-paid-light text-status-paid">
<h3 class="p-3 text-2xl font-bold">
<%= icon("banknotes", class: "text-status-paid icon icon-nohover") %>
Paid
<span class="block text-right"><%= @paidjobs.count %></span>
</h3>
</div>
<% end %>
<%= link_to "#paidcanceledjobs-h", class: "flex-1" do %>
<div class="flex-1 bg-opacity-50 shadow-lg bg-status-canceled-light text-status-canceled min-h-28 hover:bg-opacity-70">
<h3 class="p-4 text-3xl font-bold">
<%= icon("x-circle", class: "text-status-canceled size-8 inline drop-shadow -translate-y-1") %>
<div class="flex-1 card-status bg-status-canceled-light text-status-canceled">
<h3 class="p-3 text-2xl font-bold">
<%= icon("x-circle", class: "text-status-canceled icon icon-nohover") %>
Canceled
<span class="block text-right"><%= @canceledjobs.count %></span>
</h3>
@@ -56,14 +56,14 @@
</h1>
<% if @openjobs.any? %>
<%= button_to icon("printer",
class: "text-hsrm-gray size-6 inline drop-shadow hover:text-opacity-75 mr-2",
class: "icon icon-nohover size-6 mr-2",
title: "Drucken") + "Start next job (" + @openjobs.count.to_s + ")", operator_job_path(@openjobs.first),
params: { :job => { status: :printing} },
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" %>
form_class: "btn bg-green-400 text-black" %>
<% else %>
<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: "") %>
<span class="flex items-center bg-gray-300 bg-opacity-80 btn hover:bg-opacity-80 text-hsrm-gray-light">
<%= icon("printer", class: "icon icon-nohover size-6 mr-2", title: "") %>
Start next job
</span>
<% end %>
@@ -73,18 +73,18 @@
<table class="w-full py-8 table-auto">
<thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
<tr>
<th class="w-1 p-3 text-center"> ID </th>
<th class="w-1 p-3 text-center"> Vorschau </th>
<th class="p-3 text-left"> Auftraggeber </th>
<th class="p-3 text-left"> PDF </th>
<th class="w-1 p-3 text-left"> A0 </th>
<th class="w-1 p-3 text-left"> A1 </th>
<th class="w-1 p-3 text-left"> A2 </th>
<th class="w-1 p-3 text-left"> A3 </th>
<th class="w-1 p-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-3 text-center"> Kosten </th>
<th class="w-1 p-3 text-center"> Status </th>
<th class="w-1 p-3 text-center">Action</th>
<th class="w-1 p-2 py-3 text-center"> ID </th>
<th class="w-1 p-2 py-3 text-center"> Vorschau </th>
<th class="w-1 p-2 py-3 text-left"> Auftraggeber </th>
<th class="p-2 py-3 text-left"> PDF </th>
<th class="w-1 p-1 py-3 text-left"> A0 </th>
<th class="w-1 p-1 py-3 text-left"> A1 </th>
<th class="w-1 p-1 py-3 text-left"> A2 </th>
<th class="w-1 p-1 py-3 text-left"> A3 </th>
<th class="w-1 p-2 py-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-2 py-3 text-center"> Kosten </th>
<th class="w-1 p-2 py-3 text-center"> Status </th>
<th class="w-1 p-2 py-3 text-center">Action</th>
</tr>
</thead>
<tbody id='printingjobs' class="divide-y divivde-gray-300">
@@ -102,18 +102,18 @@
<table class="w-full py-8 table-auto">
<thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
<tr>
<th class="w-1 p-3 text-center"> ID </th>
<th class="w-1 p-3 text-center"> Vorschau </th>
<th class="p-3 text-left"> Auftraggeber </th>
<th class="p-3 text-left"> PDF </th>
<th class="w-1 p-3 text-left"> A0 </th>
<th class="w-1 p-3 text-left"> A1 </th>
<th class="w-1 p-3 text-left"> A2 </th>
<th class="w-1 p-3 text-left"> A3 </th>
<th class="w-1 p-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-3 text-center"> Kosten </th>
<th class="w-1 p-3 text-center"> Status </th>
<th class="w-1 p-3 text-center">Action</th>
<th class="w-1 p-2 py-3 text-center"> ID </th>
<th class="w-1 p-2 py-3 text-center"> Vorschau </th>
<th class="w-1 p-2 py-3 text-left"> Auftraggeber </th>
<th class="p-2 py-3 text-left"> PDF </th>
<th class="w-1 p-1 py-3 text-left"> A0 </th>
<th class="w-1 p-1 py-3 text-left"> A1 </th>
<th class="w-1 p-1 py-3 text-left"> A2 </th>
<th class="w-1 p-1 py-3 text-left"> A3 </th>
<th class="w-1 p-2 py-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-2 py-3 text-center"> Kosten </th>
<th class="w-1 p-2 py-3 text-center"> Status </th>
<th class="w-1 p-2 py-3 text-center">Action</th>
</tr>
</thead>
<tbody id='pickupjobs' class="divide-y divivde-gray-300">
@@ -131,18 +131,18 @@
<table class="w-full py-8 table-auto">
<thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
<tr>
<th class="w-1 p-3 text-center"> ID </th>
<th class="w-1 p-3 text-center"> Vorschau </th>
<th class="p-3 text-left"> Auftraggeber </th>
<th class="p-3 text-left"> PDF </th>
<th class="w-1 p-3 text-left"> A0 </th>
<th class="w-1 p-3 text-left"> A1 </th>
<th class="w-1 p-3 text-left"> A2 </th>
<th class="w-1 p-3 text-left"> A3 </th>
<th class="w-1 p-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-3 text-center"> Kosten </th>
<th class="w-1 p-3 text-center"> Status </th>
<th class="w-1 p-3 text-center">Action</th>
<th class="w-1 p-2 py-3 text-center"> ID </th>
<th class="w-1 p-2 py-3 text-center"> Vorschau </th>
<th class="w-1 p-2 py-3 text-left"> Auftraggeber </th>
<th class="p-2 py-3 text-left"> PDF </th>
<th class="w-1 p-1 py-3 text-left"> A0 </th>
<th class="w-1 p-1 py-3 text-left"> A1 </th>
<th class="w-1 p-1 py-3 text-left"> A2 </th>
<th class="w-1 p-1 py-3 text-left"> A3 </th>
<th class="w-1 p-2 py-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-2 py-3 text-center"> Kosten </th>
<th class="w-1 p-2 py-3 text-center"> Status </th>
<th class="w-1 p-2 py-3 text-center">Action</th>
</tr>
</thead>
<tbody id='openjobs' class="divide-y divivde-gray-300">
@@ -160,18 +160,18 @@
<table class="w-full py-8 table-auto">
<thead class="font-semibold tracking-wide bg-gray-200 border-b-2 border-gray-300 text text-hsrm-gray">
<tr>
<th class="w-1 p-3 text-center"> ID </th>
<th class="w-1 p-3 text-center"> Vorschau </th>
<th class="p-3 text-left"> Auftraggeber </th>
<th class="p-3 text-left"> PDF </th>
<th class="w-1 p-3 text-left"> A0 </th>
<th class="w-1 p-3 text-left"> A1 </th>
<th class="w-1 p-3 text-left"> A2 </th>
<th class="w-1 p-3 text-left"> A3 </th>
<th class="w-1 p-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-3 text-center"> Kosten </th>
<th class="w-1 p-3 text-center"> Status </th>
<th class="w-1 p-3 text-center">Action</th>
<th class="w-1 p-2 py-3 text-center"> ID </th>
<th class="w-1 p-2 py-3 text-center"> Vorschau </th>
<th class="w-1 p-2 py-3 text-left"> Auftraggeber </th>
<th class="p-2 py-3 text-left"> PDF </th>
<th class="w-1 p-1 py-3 text-left"> A0 </th>
<th class="w-1 p-1 py-3 text-left"> A1 </th>
<th class="w-1 p-1 py-3 text-left"> A2 </th>
<th class="w-1 p-1 py-3 text-left"> A3 </th>
<th class="w-1 p-2 py-3 text-center text-nowrap"> no DIN </th>
<th class="w-1 p-2 py-3 text-center"> Kosten </th>
<th class="w-1 p-2 py-3 text-center"> Status </th>
<th class="w-1 p-2 py-3 text-center">Action</th>
</tr>
</thead>
<tbody id='paidcanceledjobs' class="divide-y divivde-gray-300">