From 6a2a595838cf420b392c8879d475b26bd145d62a Mon Sep 17 00:00:00 2001
From: Federico <federicobono99@gmail.com>
Date: Mon, 5 Aug 2024 20:10:44 +0200
Subject: [PATCH] Update docs

---
 docs/modules/orders/product-states.md | 22 ++++++++++++++++++
 src/css/custom.css                    | 32 +++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)

diff --git a/docs/modules/orders/product-states.md b/docs/modules/orders/product-states.md
index 1beb6fa..227e8d1 100644
--- a/docs/modules/orders/product-states.md
+++ b/docs/modules/orders/product-states.md
@@ -8,6 +8,19 @@ Lo stato del prodotto ordinato permette di identificare la posizione del prodott
 non sono modificabili liberamente, ma vengono aggiornati dall'applicativo per ridurre il lavoro e minimizzare i
 potenziali errori.
 
+<div class="state-list">
+    <span class="label label-new">Nuovo</span>
+    →
+    <div>
+        <span class="label label-confirmed">Confermato</span>
+        <span style={{marginTop:8}} class="label label-residual">Residuo</span>
+    </div>
+    →
+    <span class="label label-assigned">In spedizione</span>
+    →
+    <span class="label label-delivered">Consegnato</span> 
+</div>
+
 ## Gli Stati del Prodotto
 
 Un prodotto ordinato può avere un solo stato alla volta, il quale determina le azioni che possono essere eseguite sul
@@ -37,3 +50,12 @@ Questo stato viene automaticamente assegnato quando la spedizione che contiene i
 
 Questo stato viene assegnato ai residui generati automaticamente in seguito allo scarico da magazzino o all'aggiunta del
 prodotto alla spedizione.
+
+## Tabella Riassuntiva delle Azioni
+
+| Stato                                                                                                                                                 | Modifica dettagli ordine | Modifica agente | Modifica destinazione | Elimina riga | Modifica quantità | Modifica prezzo |
+|-------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------|-----------------|-----------------------|--------------|-------------------|-----------------|
+| <span class="label label-small label-new">Nuovo</span>                                                                                                | ✔️                       | ✔️              | ✔️                    | ✔️           | ✔️                | ✔️              |
+| <span class="label label-small label-confirmed">Confermato</span><span style={{marginTop: 8}} class="label label-small label-residual">Residuo</span> | ✔️                       | ✔️              | ✔️                    | ✔️           | ✔️                | ✔️              |
+| <span class="label label-small label-assigned">In spedizione</span>                                                                                   | ✔️                       | ✔️              | ❌                    | ❌           | ❌                | ✔️              |
+| <span class="label label-small label-delivered">Consegnato</span>                                                                                     | ❌                       | ✔️              | ❌                    | ❌           | ❌                | ✔️             |
diff --git a/src/css/custom.css b/src/css/custom.css
index 291a81b..2bc2491 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -76,3 +76,35 @@ header > h1 {
 .breadcrumbs {
     padding-left: 0;
 }
+
+.label {
+    @apply px-4 py-1 text-lg rounded-md text-white font-medium flex items-center justify-center whitespace-nowrap;
+}
+
+.label-small {
+    @apply px-1.5 py-0.5 text-xs font-bold rounded;
+}
+
+.label-new {
+    @apply bg-gray-500;
+}
+
+.label-confirmed {
+    @apply bg-blue-500;
+}
+
+.label-assigned {
+    @apply bg-yellow-500;
+}
+
+.label-delivered {
+    @apply bg-green-500;
+}
+
+.label-residual {
+    @apply bg-red-600;
+}
+
+.state-list {
+    @apply flex items-center gap-5 justify-start;
+}