create identification parts functions

This commit is contained in:
2025-05-09 09:12:08 +02:00
parent 7d0224ac19
commit 7c111b0dba
10 changed files with 407 additions and 1 deletions
+34 -1
View File
@@ -152,6 +152,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
<?php include('cssinclude.php'); ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2Lw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.grid-container {
overflow-x: auto;
@@ -252,6 +253,14 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
margin-right: 10px;
}
.parts-btn {
background: none;
border: none;
cursor: pointer;
font-size: 16px;
margin-right: 10px;
}
.save-btn {
color: #28a745;
}
@@ -268,6 +277,14 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
color: #0056b3;
}
.parts-btn {
color: rgb(255, 153, 0);
}
.photos-btn:hover {
color: rgb(255, 3, 3);
}
.status-display {
display: inline-block;
padding: 4px 8px;
@@ -447,6 +464,15 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
text-decoration: none;
}
</style>
<style>
.modal {
z-index: 1055 !important;
}
.modal-backdrop {
z-index: 1050 !important;
}
</style>
<title>Edit Imported Data - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
</head>
@@ -473,6 +499,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<div class="grid-top">
<div class="grid-cell" style="flex: 0 0 100px;"></div>
<div class="grid-cell" style="flex: 0 0 100px;"></div> <!-- Spazio per la colonna Photos -->
<div class="grid-cell" style="flex: 0 0 100px;"></div> <!-- Spazio per la colonna Parts -->
<?php
$columns = array_keys($importedData[0]);
$headerIndex = 0;
@@ -515,6 +542,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<div class="grid-row">
<div class="grid-header" style="flex: 0 0 100px;">Save</div>
<div class="grid-header" style="flex: 0 0 100px;">Photos</div> <!-- Nuova colonna Photos -->
<div class="grid-header" style="flex: 0 0 100px;">Parts</div>
<?php
$headerIndex = 0;
foreach ($columns as $col) {
@@ -546,6 +574,9 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<div class="grid-cell" style="flex: 0 0 100px; position: relative;">
<button type="button" class="photos-btn" data-row="<?= $index ?>" data-iddatadb="<?= $row['iddatadb'] ?>"><i class="fas fa-camera"></i></button>
</div>
<div class="grid-cell" style="flex: 0 0 100px; position: relative;">
<button type="button" class="parts-btn" data-row="<?= $index ?>" data-iddatadb="<?= $row['iddatadb'] ?>"><i class="fas fa-puzzle-piece"></i></button>
</div>
<?php
$cellIndex = 0;
foreach ($row as $col => $value) {
@@ -625,7 +656,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<?php endforeach; ?>
</div>
</form>
<?php include 'modal_parts.php'; ?>
<!-- Popup per le foto -->
<div id="photosModal" class="modal">
<div class="modal-content">
@@ -640,6 +671,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
</div>
</div>
</div>
<!--end page wrapper -->
<div class="overlay toggle-icon"></div>
<a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
@@ -649,6 +681,7 @@ foreach ($stmt->fetchAll(PDO::FETCH_ASSOC) as $row) {
<?php include('jsinclude.php'); ?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="parts.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const inputs = document.querySelectorAll('.cell-input');