create identification parts functions

2025-05-09 09:12:08 +02:00
parent 7d0224ac19
commit 7c111b0dba
10 changed files with 407 additions and 1 deletions
@@ -0,0 +1,74 @@
+<!-- Modal -->
+<div class="modal fade" id="partsModal" tabindex="-1" aria-labelledby="partsModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-xl" style="max-width: 80% !important; width: 80% !important;">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="partsModalLabel">Parti per TRF: <span id="trfHeader"></span></h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <table class="table table-striped table-sm" id="partsTable">
+                    <thead>
+                        <tr>
+                            <th>Num. Parte</th>
+                            <th>Descrizione Parte</th>
+                            <th>Azioni</th>
+                        </tr>
+                    </thead>
+                    <tbody id="partsTableBody">
+                        <tr data-part-id="new">
+                            <td><input type="number" class="form-control form-control-sm part-number" value="1" style="width: 80px;"></td>
+                            <td><input type="text" class="form-control form-control-sm part-description" placeholder="Inserisci descrizione" style="width: 100%;"></td>
+                            <td>
+                                <button type="button" class="btn btn-success btn-sm add-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem;"><i class="fas fa-plus fa-xs"></i></button>
+                                <button type="button" class="btn btn-danger btn-sm remove-row" style="padding: 0.1rem 0.3rem; font-size: 0.8rem; display: none;"><i class="fas fa-trash fa-xs"></i></button>
+                                <span class="save-status text-success" style="display: none; margin-left: 5px;"><i class="fas fa-check fa-xs"></i></span>
+                                <span class="save-loading text-warning" style="display: none; margin-left: 5px;"><i class="fas fa-spinner fa-spin fa-xs"></i></span>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal" style="padding: 0.1rem 0.5rem; font-size: 0.8rem;">Chiudi</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+    #partsTable tr {
+        display: table-row !important;
+    }
+
+    #partsTable tr:hover {
+        background-color: #f5f5f5;
+        display: table-row !important;
+    }
+
+    #partsTable td,
+    #partsTable th {
+        padding: 0.2rem;
+        vertical-align: middle;
+        /* Allinea verticalmente il contenuto */
+    }
+
+    #partsTable input {
+        height: 24px;
+        padding: 0.1rem 0.3rem;
+    }
+
+    #partsTable button {
+        padding: 0.1rem 0.3rem;
+        margin: 0 2px;
+    }
+
+    #partsTable i {
+        font-size: 0.6rem !important;
+    }
+
+    #partsModal .modal-content {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+</style>