feat: lista spesa con tab Da comprare/In previsione, tag, frequenza, tap-to-scan
- Counter nei tab aggiornati dinamicamente - Auto-aggiunta prodotti CRITICI a Bring! al caricamento (1x per sessione) - Badge urgenza e frequenza sugli item in lista (cross-ref smart shopping) - Tag locali per item (Urgente/Priorità/Verificare) con menu dropdown - Ordinamento automatico per frequenza utilizzo (item più usati in cima) - Tap su un item → scanner barcode, con banner 'Trovato! Rimuovi dalla lista' - Fix pctLeft: usa max(1, qty) come fallback refQty per evitare falsi alert - Fix daysLeft capped a 365gg per pulire stringhe di previsione - Back button on action page → torna a shopping se aperto da lista
This commit is contained in:
dadaloop82
@@ -147,4 +147,241 @@ function migrateDB(PDO $db): void {
|
||||
if (!in_array('vacuum_sealed', $invColNames)) {
|
||||
$db->exec("ALTER TABLE inventory ADD COLUMN vacuum_sealed INTEGER DEFAULT 0");
|
||||
}
|
||||
|
||||
// Add opened_at column to inventory if missing
|
||||
if (!in_array('opened_at', $invColNames)) {
|
||||
$db->exec("ALTER TABLE inventory ADD COLUMN opened_at DATETIME DEFAULT NULL");
|
||||
// Backfill: detect already-opened items and set opened_at + recalculate expiry
|
||||
backfillOpenedItems($db);
|
||||
}
|
||||
|
||||
// Migration v2: recalculate sealed fridge item expiry (fridge extends shelf life)
|
||||
$migrated = $db->query("SELECT value FROM app_settings WHERE key = 'migration_fridge_expiry_v1'")->fetchColumn();
|
||||
if (!$migrated) {
|
||||
recalcSealedFridgeExpiry($db);
|
||||
$db->exec("INSERT OR REPLACE INTO app_settings (key, value) VALUES ('migration_fridge_expiry_v1', '1')");
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Backfill opened_at for existing inventory items that appear to be opened.
|
||||
* An item is considered opened if:
|
||||
* - conf unit with fractional quantity
|
||||
* - weight/volume unit (g,kg,ml,l) with quantity < default_quantity
|
||||
* Uses updated_at as the approximate opened_at date.
|
||||
* Recalculates expiry_date based on opened shelf life from opened_at.
|
||||
*/
|
||||
function backfillOpenedItems(PDO $db): void {
|
||||
$stmt = $db->query("
|
||||
SELECT i.id, i.quantity, i.location, i.updated_at, i.expiry_date, i.vacuum_sealed,
|
||||
p.name, p.category, p.unit, p.default_quantity
|
||||
FROM inventory i
|
||||
JOIN products p ON i.product_id = p.id
|
||||
WHERE i.quantity > 0
|
||||
");
|
||||
$rows = $stmt->fetchAll();
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$isOpened = false;
|
||||
$unit = $row['unit'] ?: 'pz';
|
||||
$qty = (float)$row['quantity'];
|
||||
$defQty = (float)($row['default_quantity'] ?: 0);
|
||||
|
||||
if ($unit === 'conf') {
|
||||
$frac = $qty - floor($qty + 0.001);
|
||||
if ($frac > 0.001) $isOpened = true;
|
||||
} elseif (in_array($unit, ['g','kg','ml','l']) && $defQty > 0 && $qty < $defQty - 0.001) {
|
||||
$isOpened = true;
|
||||
}
|
||||
|
||||
if (!$isOpened) continue;
|
||||
|
||||
$openedAt = $row['updated_at'];
|
||||
$openedDays = estimateOpenedExpiryDaysPHP($row['name'], $row['category'], $row['location']);
|
||||
if ($row['vacuum_sealed']) $openedDays = (int)round($openedDays * 1.5);
|
||||
|
||||
// Calculate new expiry from opened_at
|
||||
$newExpiry = date('Y-m-d', strtotime($openedAt . " +{$openedDays} days"));
|
||||
|
||||
$upd = $db->prepare("UPDATE inventory SET opened_at = ?, expiry_date = ? WHERE id = ?");
|
||||
$upd->execute([$openedAt, $newExpiry, $row['id']]);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Estimate shelf life in days for an opened product.
|
||||
* Much shorter than sealed shelf life.
|
||||
*/
|
||||
function estimateOpenedExpiryDaysPHP(string $name, string $category, string $location): int {
|
||||
$n = mb_strtolower($name);
|
||||
$cat = mb_strtolower($category);
|
||||
$loc = mb_strtolower($location);
|
||||
|
||||
// Freezer: opened items still last a long time
|
||||
if ($loc === 'freezer') return 90;
|
||||
// Dispensa: opened dry goods
|
||||
if ($loc === 'dispensa') return 30;
|
||||
|
||||
// Specific product overrides (fridge)
|
||||
if (preg_match('/latte\s+(fresco|intero|parzial|scremato)/', $n)) return 3;
|
||||
if (preg_match('/latte\s+uht|latte\s+a\s+lunga/', $n)) return 5;
|
||||
if (preg_match('/latte/', $n)) return 4;
|
||||
if (preg_match('/yogurt/', $n)) return 3;
|
||||
if (preg_match('/mozzarella|burrata|stracciatella/', $n)) return 2;
|
||||
if (preg_match('/philadelphia|spalmabile/', $n)) return 7;
|
||||
if (preg_match('/formaggio.*(fresco|ricotta|mascarpone|stracchino|crescenza)/', $n)) return 5;
|
||||
if (preg_match('/parmigiano|grana|pecorino|provolone/', $n)) return 21;
|
||||
if (preg_match('/formaggio/', $n)) return 10;
|
||||
if (preg_match('/burro/', $n)) return 21;
|
||||
if (preg_match('/panna/', $n)) return 3;
|
||||
if (preg_match('/prosciutto\s+cotto|mortadella|wurstel/', $n)) return 3;
|
||||
if (preg_match('/prosciutto\s+crudo|salame|bresaola|speck|pancetta|nduja/', $n)) return 7;
|
||||
if (preg_match('/pollo|tacchino|maiale|manzo|vitello/', $n)) return 2;
|
||||
if (preg_match('/salmone|tonno\s+fresco|pesce/', $n)) return 2;
|
||||
if (preg_match('/passata|pelati|polpa|sugo/', $n)) return 5;
|
||||
if (preg_match('/marmellata|confettura/', $n)) return 30;
|
||||
if (preg_match('/miele/', $n)) return 180;
|
||||
if (preg_match('/nutella/', $n)) return 60;
|
||||
if (preg_match('/succo|spremuta/', $n)) return 4;
|
||||
if (preg_match('/olio|aceto/', $n)) return 90;
|
||||
if (preg_match('/vino|birra/', $n)) return 5;
|
||||
if (preg_match('/limone|limmi/', $n)) return 21;
|
||||
if (preg_match('/tonno\s+in\s+scatola|tonno\s+rio|sgombro\s+in/', $n)) return 3;
|
||||
if (preg_match('/insalata|rucola|spinaci/', $n)) return 3;
|
||||
|
||||
// Category fallbacks
|
||||
if (preg_match('/dairy|latticin|lait|dairies/', $cat)) return 5;
|
||||
if (preg_match('/meat|carne|meats/', $cat)) return 3;
|
||||
if (preg_match('/fish|pesce/', $cat)) return 2;
|
||||
if (preg_match('/fruit|frutta/', $cat)) return 5;
|
||||
if (preg_match('/verdur|vegetable|plant-based/', $cat)) return 5;
|
||||
if (preg_match('/conserve/', $cat)) return 5;
|
||||
if (preg_match('/condimenti|sauce/', $cat)) return 21;
|
||||
if (preg_match('/bevand|beverage/', $cat)) return 4;
|
||||
|
||||
return 5; // safe default for fridge
|
||||
}
|
||||
|
||||
/**
|
||||
* Estimate sealed shelf life in days, with fridge/freezer extensions.
|
||||
* Mirrors the JS estimateExpiryDays() function.
|
||||
*/
|
||||
function estimateSealedExpiryDaysPHP(string $name, string $category, string $location): int {
|
||||
$n = mb_strtolower($name);
|
||||
$cat = mb_strtolower($category);
|
||||
$loc = mb_strtolower($location);
|
||||
|
||||
$days = null;
|
||||
|
||||
// Specific product overrides
|
||||
if (preg_match('/latte\s+(fresco|intero|parzial|scremato)/', $n)) $days = 7;
|
||||
elseif (preg_match('/latte\s+uht|latte\s+a\s+lunga/', $n)) $days = 90;
|
||||
elseif (preg_match('/yogurt/', $n)) $days = 21;
|
||||
elseif (preg_match('/mozzarella|burrata|stracciatella/', $n)) $days = 5;
|
||||
elseif (preg_match('/formaggio\s+(fresco|ricotta|mascarpone|stracchino|crescenza)/', $n)) $days = 10;
|
||||
elseif (preg_match('/parmigiano|grana|pecorino|provolone/', $n)) $days = 60;
|
||||
elseif (preg_match('/burro/', $n)) $days = 60;
|
||||
elseif (preg_match('/panna/', $n)) $days = 14;
|
||||
elseif (preg_match('/prosciutto\s+cotto|mortadella|wurstel/', $n)) $days = 7;
|
||||
elseif (preg_match('/prosciutto\s+crudo|salame|bresaola|speck/', $n)) $days = 30;
|
||||
elseif (preg_match('/nduja/', $n)) $days = 90;
|
||||
elseif (preg_match('/uova/', $n)) $days = 28;
|
||||
elseif (preg_match('/pane\s+fresco|pane\s+in\s+cassetta/', $n)) $days = 5;
|
||||
elseif (preg_match('/pane\s+confezionato|pan\s+carr|pancarrè/', $n)) $days = 14;
|
||||
elseif (preg_match('/insalata|rucola|spinaci\s+freschi/', $n)) $days = 5;
|
||||
elseif (preg_match('/pollo|tacchino|maiale|manzo|vitello|sovracosci|cosci/', $n)) $days = 3;
|
||||
elseif (preg_match('/salmone|tonno\s+fresco|pesce/', $n) && !preg_match('/tonno\s+in\s+scatola|tonno\s+rio/', $n)) $days = 2;
|
||||
elseif (preg_match('/tonno\s+in\s+scatola|tonno\s+rio|sgombro\s+in/', $n)) $days = 1095;
|
||||
elseif (preg_match('/surgelat|frozen|findus|4\s*salti/', $n)) $days = 180;
|
||||
elseif (preg_match('/gelato/', $n)) $days = 365;
|
||||
elseif (preg_match('/succo|spremuta/', $n)) $days = 7;
|
||||
elseif (preg_match('/birra|vino/', $n)) $days = 365;
|
||||
elseif (preg_match('/acqua/', $n)) $days = 365;
|
||||
elseif (preg_match('/mela|mele\b/', $n)) $days = 7;
|
||||
elseif (preg_match('/arancia|arance|mandarini|agrumi/', $n)) $days = 7;
|
||||
elseif (preg_match('/banana|banane/', $n)) $days = 5;
|
||||
elseif (preg_match('/pera|pere\b|fragola|fragole|uva|kiwi/', $n)) $days = 5;
|
||||
elseif (preg_match('/carota|carote|zucchina|zucchine|peperoni|melanzane/', $n)) $days = 7;
|
||||
elseif (preg_match('/broccoli|cavolfiore|cavolo|spinaci|bietola/', $n)) $days = 5;
|
||||
elseif (preg_match('/cipolla|cipolle/', $n)) $days = 10;
|
||||
elseif (preg_match('/patata|patate/', $n)) $days = 14;
|
||||
elseif (preg_match('/biscott|cracker|grissini|fette\s+biscott/', $n)) $days = 180;
|
||||
elseif (preg_match('/nutella|marmellata|miele/', $n)) $days = 365;
|
||||
elseif (preg_match('/passata|pelati|pomodor/', $n)) $days = 730;
|
||||
elseif (preg_match('/olio|aceto/', $n)) $days = 548;
|
||||
|
||||
if ($days === null) {
|
||||
// Category fallbacks
|
||||
$catMap = [
|
||||
'latticini' => 7, 'carne' => 4, 'pesce' => 3, 'frutta' => 7, 'verdura' => 7,
|
||||
'pasta' => 730, 'pane' => 4, 'surgelati' => 180, 'bevande' => 365, 'condimenti' => 365,
|
||||
'snack' => 180, 'conserve' => 730, 'cereali' => 365, 'igiene' => 1095, 'pulizia' => 1095,
|
||||
];
|
||||
$days = 180;
|
||||
foreach ($catMap as $key => $d) {
|
||||
if (strpos($cat, $key) !== false) { $days = $d; break; }
|
||||
}
|
||||
}
|
||||
|
||||
// Fridge extends shelf life for produce and short-lived items
|
||||
if ($loc === 'frigo') {
|
||||
if (preg_match('/mela|mele/', $n)) $days = max($days, 28);
|
||||
elseif (preg_match('/arancia|arance|agrumi|mandarini|limone|limoni/', $n)) $days = max($days, 21);
|
||||
elseif (preg_match('/carota|carote/', $n)) $days = max($days, 21);
|
||||
elseif (preg_match('/cipolla/', $n)) $days = max($days, 14);
|
||||
elseif (preg_match('/patata|patate/', $n)) $days = max($days, 21);
|
||||
elseif (preg_match('/pera|pere/', $n)) $days = max($days, 21);
|
||||
elseif (preg_match('/kiwi/', $n)) $days = max($days, 28);
|
||||
elseif (preg_match('/uva/', $n)) $days = max($days, 14);
|
||||
elseif (preg_match('/fragola|fragole/', $n)) $days = max($days, 7);
|
||||
elseif (preg_match('/peperoni/', $n)) $days = max($days, 14);
|
||||
elseif (preg_match('/zucchina|zucchine/', $n)) $days = max($days, 14);
|
||||
elseif (preg_match('/melanzane/', $n)) $days = max($days, 14);
|
||||
elseif (preg_match('/broccoli|cavolfiore|cavolo/', $n)) $days = max($days, 10);
|
||||
elseif ($days <= 7 && preg_match('/frutta|fruit|verdur|vegetable|plant-based/', $cat)) {
|
||||
$days = (int)round($days * 2);
|
||||
}
|
||||
}
|
||||
|
||||
// Freezer extends shelf life significantly
|
||||
if ($loc === 'freezer' && $days < 180) {
|
||||
if ($days <= 4) $days = 120;
|
||||
elseif ($days <= 14) $days = 75;
|
||||
elseif ($days <= 30) $days = 120;
|
||||
else $days = max($days, 180);
|
||||
}
|
||||
|
||||
return $days;
|
||||
}
|
||||
|
||||
/**
|
||||
* Recalculate expiry for sealed (non-opened) fridge items with new fridge-aware logic.
|
||||
*/
|
||||
function recalcSealedFridgeExpiry(PDO $db): void {
|
||||
$stmt = $db->query("
|
||||
SELECT i.id, i.added_at, i.vacuum_sealed, i.opened_at, i.expiry_date,
|
||||
p.name, p.category
|
||||
FROM inventory i
|
||||
JOIN products p ON i.product_id = p.id
|
||||
WHERE i.location = 'frigo' AND i.opened_at IS NULL AND i.quantity > 0
|
||||
");
|
||||
$rows = $stmt->fetchAll();
|
||||
|
||||
foreach ($rows as $row) {
|
||||
$days = estimateSealedExpiryDaysPHP($row['name'], $row['category'], 'frigo');
|
||||
if ($row['vacuum_sealed']) $days = getVacuumExpiryDaysPHP($days);
|
||||
$newExpiry = date('Y-m-d', strtotime($row['added_at'] . " +{$days} days"));
|
||||
// Only extend expiry, never shorten it
|
||||
if ($row['expiry_date'] && $newExpiry <= $row['expiry_date']) continue;
|
||||
$upd = $db->prepare("UPDATE inventory SET expiry_date = ? WHERE id = ?");
|
||||
$upd->execute([$newExpiry, $row['id']]);
|
||||
}
|
||||
}
|
||||
|
||||
function getVacuumExpiryDaysPHP(int $baseDays): int {
|
||||
if ($baseDays <= 7) return (int)round($baseDays * 3);
|
||||
if ($baseDays <= 14) return (int)round($baseDays * 3);
|
||||
if ($baseDays <= 30) return (int)round($baseDays * 2.5);
|
||||
if ($baseDays <= 90) return (int)round($baseDays * 2.5);
|
||||
return (int)round($baseDays * 1.5);
|
||||
}
|
||||
|
||||
+257
-7
@@ -115,6 +115,9 @@ try {
|
||||
case 'bring_suggest':
|
||||
bringSuggestItems($db);
|
||||
break;
|
||||
case 'smart_shopping':
|
||||
smartShopping($db);
|
||||
break;
|
||||
|
||||
case 'save_settings':
|
||||
saveSettings();
|
||||
@@ -468,7 +471,7 @@ function listInventory(PDO $db): void {
|
||||
$location = $_GET['location'] ?? '';
|
||||
$query = "
|
||||
SELECT i.*, p.name, p.brand, p.category, p.image_url, p.unit, p.barcode, p.default_quantity, p.package_unit,
|
||||
COALESCE(i.vacuum_sealed, 0) as vacuum_sealed
|
||||
COALESCE(i.vacuum_sealed, 0) as vacuum_sealed, i.opened_at
|
||||
FROM inventory i
|
||||
JOIN products p ON i.product_id = p.id
|
||||
";
|
||||
@@ -624,7 +627,7 @@ function useFromInventory(PDO $db): void {
|
||||
return;
|
||||
}
|
||||
|
||||
$stmt = $db->prepare("SELECT id, quantity FROM inventory WHERE product_id = ? AND location = ? AND quantity > 0 ORDER BY (quantity != CAST(CAST(quantity AS INTEGER) AS REAL)) DESC, quantity ASC");
|
||||
$stmt = $db->prepare("SELECT id, quantity, opened_at, vacuum_sealed FROM inventory WHERE product_id = ? AND location = ? AND quantity > 0 ORDER BY (quantity != CAST(CAST(quantity AS INTEGER) AS REAL)) DESC, quantity ASC");
|
||||
$stmt->execute([$productId, $location]);
|
||||
$existing = $stmt->fetch();
|
||||
|
||||
@@ -640,7 +643,7 @@ function useFromInventory(PDO $db): void {
|
||||
|
||||
// Auto-split conf products: separate whole confs from opened (fractional) part
|
||||
$openedId = null;
|
||||
$stmt2 = $db->prepare("SELECT unit, default_quantity, package_unit FROM products WHERE id = ?");
|
||||
$stmt2 = $db->prepare("SELECT name, category, unit, default_quantity, package_unit FROM products WHERE id = ?");
|
||||
$stmt2->execute([$productId]);
|
||||
$prodInfo = $stmt2->fetch();
|
||||
|
||||
@@ -662,8 +665,13 @@ function useFromInventory(PDO $db): void {
|
||||
|
||||
$newFraction = round($fraction - $quantity, 6);
|
||||
if ($newFraction > 0.001) {
|
||||
$stmt3 = $db->prepare("INSERT INTO inventory (product_id, location, quantity, expiry_date, vacuum_sealed) VALUES (?, ?, ?, ?, ?)");
|
||||
$stmt3->execute([$productId, $location, $newFraction, $origRow['expiry_date'], $origRow['vacuum_sealed'] ?? 0]);
|
||||
// Opened item: calculate shorter shelf life from now
|
||||
$vacuum = (int)($origRow['vacuum_sealed'] ?? 0);
|
||||
$openedDays = estimateOpenedExpiryDaysPHP($prodInfo['name'] ?? '', $prodInfo['category'] ?? '', $location);
|
||||
if ($vacuum) $openedDays = (int)round($openedDays * 1.5);
|
||||
$openedExpiry = date('Y-m-d', strtotime("+{$openedDays} days"));
|
||||
$stmt3 = $db->prepare("INSERT INTO inventory (product_id, location, quantity, expiry_date, vacuum_sealed, opened_at) VALUES (?, ?, ?, ?, ?, CURRENT_TIMESTAMP)");
|
||||
$stmt3->execute([$productId, $location, $newFraction, $openedExpiry, $vacuum]);
|
||||
$openedId = (int)$db->lastInsertId();
|
||||
}
|
||||
|
||||
@@ -684,8 +692,33 @@ function useFromInventory(PDO $db): void {
|
||||
$stmt = $db->prepare("DELETE FROM inventory WHERE id = ?");
|
||||
$stmt->execute([$existing['id']]);
|
||||
} else {
|
||||
$stmt = $db->prepare("UPDATE inventory SET quantity = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?");
|
||||
$stmt->execute([$newQty, $existing['id']]);
|
||||
// Check if item is now opened (first use reduces quantity)
|
||||
$wasOpened = !empty($existing['opened_at']);
|
||||
$isNowOpened = false;
|
||||
$unit = $prodInfo['unit'] ?? 'pz';
|
||||
$defQty = (float)($prodInfo['default_quantity'] ?? 0);
|
||||
if ($unit === 'conf') {
|
||||
$w = floor($newQty + 0.001);
|
||||
$f = round($newQty - $w, 6);
|
||||
if ($f > 0.001) $isNowOpened = true;
|
||||
} elseif (in_array($unit, ['g','kg','ml','l']) && $defQty > 0 && $newQty < $defQty - 0.001) {
|
||||
$isNowOpened = true;
|
||||
}
|
||||
|
||||
if ($isNowOpened && !$wasOpened) {
|
||||
// First time opened: recalculate expiry with shorter shelf life
|
||||
$pName = $prodInfo['name'] ?? '';
|
||||
$pCat = $prodInfo['category'] ?? '';
|
||||
$vacuum = (int)($existing['vacuum_sealed'] ?? 0);
|
||||
$openedDays = estimateOpenedExpiryDaysPHP($pName, $pCat, $location);
|
||||
if ($vacuum) $openedDays = (int)round($openedDays * 1.5);
|
||||
$openedExpiry = date('Y-m-d', strtotime("+{$openedDays} days"));
|
||||
$stmt = $db->prepare("UPDATE inventory SET quantity = ?, opened_at = CURRENT_TIMESTAMP, expiry_date = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?");
|
||||
$stmt->execute([$newQty, $openedExpiry, $existing['id']]);
|
||||
} else {
|
||||
$stmt = $db->prepare("UPDATE inventory SET quantity = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?");
|
||||
$stmt->execute([$newQty, $existing['id']]);
|
||||
}
|
||||
}
|
||||
|
||||
// Log transaction
|
||||
@@ -2160,6 +2193,223 @@ function bringCleanSpecs(): void {
|
||||
echo json_encode(['success' => true, 'cleaned' => $cleaned]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Smart Shopping List: analyzes usage frequency, stock levels, expiry to produce
|
||||
* intelligent urgency-ranked shopping recommendations.
|
||||
*/
|
||||
function smartShopping(PDO $db): void {
|
||||
$now = time();
|
||||
$today = date('Y-m-d');
|
||||
|
||||
// 1. Get all products with their inventory and transaction history
|
||||
$products = $db->query("
|
||||
SELECT p.id, p.name, p.brand, p.category, p.unit, p.default_quantity, p.package_unit
|
||||
FROM products p
|
||||
ORDER BY p.name
|
||||
")->fetchAll();
|
||||
|
||||
// 2. Get all inventory grouped by product
|
||||
$invStmt = $db->query("
|
||||
SELECT i.product_id, SUM(i.quantity) as total_qty,
|
||||
MIN(i.expiry_date) as nearest_expiry,
|
||||
GROUP_CONCAT(DISTINCT i.location) as locations,
|
||||
MAX(i.opened_at) as opened_at
|
||||
FROM inventory i
|
||||
WHERE i.quantity > 0
|
||||
GROUP BY i.product_id
|
||||
");
|
||||
$inventory = [];
|
||||
foreach ($invStmt->fetchAll() as $inv) {
|
||||
$inventory[$inv['product_id']] = $inv;
|
||||
}
|
||||
|
||||
// 3. Get transaction stats per product
|
||||
$txStmt = $db->query("
|
||||
SELECT product_id,
|
||||
COUNT(CASE WHEN type IN ('out','waste') THEN 1 END) as use_count,
|
||||
SUM(CASE WHEN type IN ('out','waste') THEN quantity ELSE 0 END) as total_used,
|
||||
COUNT(CASE WHEN type = 'in' THEN 1 END) as buy_count,
|
||||
SUM(CASE WHEN type = 'in' THEN quantity ELSE 0 END) as total_bought,
|
||||
MIN(CASE WHEN type = 'in' THEN created_at END) as first_in,
|
||||
MAX(CASE WHEN type = 'in' THEN created_at END) as last_in,
|
||||
MAX(CASE WHEN type IN ('out','waste') THEN created_at END) as last_out
|
||||
FROM transactions
|
||||
GROUP BY product_id
|
||||
");
|
||||
$txData = [];
|
||||
foreach ($txStmt->fetchAll() as $tx) {
|
||||
$txData[$tx['product_id']] = $tx;
|
||||
}
|
||||
|
||||
// 4. Fetch current Bring! list to know what's already there
|
||||
$bringItems = [];
|
||||
try {
|
||||
$auth = bringAuth();
|
||||
if ($auth) {
|
||||
$listData = bringRequest('GET', "https://api.getbring.com/rest/v2/bringlists/{$auth['bringListUUID']}");
|
||||
if ($listData && isset($listData['purchase'])) {
|
||||
foreach ($listData['purchase'] as $bi) {
|
||||
$bringItems[mb_strtolower(bringToItalian($bi['name'] ?? ''))] = true;
|
||||
$bringItems[mb_strtolower($bi['name'] ?? '')] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (Exception $e) { /* ignore */ }
|
||||
|
||||
// 5. Analyze each product
|
||||
$items = [];
|
||||
foreach ($products as $p) {
|
||||
$pid = $p['id'];
|
||||
$inv = $inventory[$pid] ?? null;
|
||||
$tx = $txData[$pid] ?? null;
|
||||
|
||||
// Skip products never bought/used and not in inventory
|
||||
if (!$tx && !$inv) continue;
|
||||
|
||||
$qty = $inv ? (float)$inv['total_qty'] : 0;
|
||||
$unit = $p['unit'] ?: 'pz';
|
||||
$defQty = (float)($p['default_quantity'] ?: 0);
|
||||
$isOpened = $inv && !empty($inv['opened_at']);
|
||||
|
||||
// --- Usage frequency ---
|
||||
$useCount = $tx ? (int)$tx['use_count'] : 0;
|
||||
$buyCount = $tx ? (int)$tx['buy_count'] : 0;
|
||||
$totalUsed = $tx ? (float)$tx['total_used'] : 0;
|
||||
$totalBought = $tx ? (float)$tx['total_bought'] : 0;
|
||||
|
||||
// Days since first purchase
|
||||
$firstIn = $tx && $tx['first_in'] ? strtotime($tx['first_in']) : null;
|
||||
$lastIn = $tx && $tx['last_in'] ? strtotime($tx['last_in']) : null;
|
||||
$lastOut = $tx && $tx['last_out'] ? strtotime($tx['last_out']) : null;
|
||||
$daysSinceFirst = $firstIn ? max(1, ($now - $firstIn) / 86400) : 999;
|
||||
|
||||
// Average daily consumption rate
|
||||
$dailyRate = $daysSinceFirst < 999 && $totalUsed > 0 ? $totalUsed / $daysSinceFirst : 0;
|
||||
|
||||
// Days of stock remaining
|
||||
$daysLeft = ($dailyRate > 0 && $qty > 0) ? $qty / $dailyRate : ($qty > 0 ? 999 : 0);
|
||||
|
||||
// --- Expiry check ---
|
||||
$expiryDate = $inv ? $inv['nearest_expiry'] : null;
|
||||
$daysToExpiry = $expiryDate ? (strtotime($expiryDate) - $now) / 86400 : 999;
|
||||
$isExpired = $daysToExpiry < 0;
|
||||
$isExpiringSoon = !$isExpired && $daysToExpiry <= 3;
|
||||
|
||||
// --- Stock level assessment ---
|
||||
// percentage_left: how much is left vs typical purchase size
|
||||
// Use average of totalBought/buyCount if available, else default_quantity, else best-guess from defQty or 1
|
||||
$refQty = $totalBought > 0 && $buyCount > 0
|
||||
? $totalBought / $buyCount
|
||||
: ($defQty > 0 ? $defQty : max(1, $qty)); // avoid inflating pctLeft for products with no history
|
||||
$pctLeft = $refQty > 0 ? min(200, ($qty / $refQty) * 100) : ($qty > 0 ? 100 : 0);
|
||||
|
||||
// Cap daysLeft at a reasonable ceiling to avoid 999-day noise in reason strings
|
||||
$daysLeft = min($daysLeft, 365);
|
||||
|
||||
// --- Determine urgency ---
|
||||
$urgency = 'none'; // none, low, medium, high, critical
|
||||
$reasons = [];
|
||||
$score = 0;
|
||||
|
||||
// Out of stock
|
||||
if ($qty <= 0) {
|
||||
if ($useCount >= 3 || $buyCount >= 2) {
|
||||
$urgency = 'critical';
|
||||
$reasons[] = 'Esaurito';
|
||||
$score += 100;
|
||||
if ($useCount >= 5) { $score += 20; $reasons[] = "Uso frequente ({$useCount}x)"; }
|
||||
} else {
|
||||
// Rarely used — not urgent even if finished
|
||||
continue;
|
||||
}
|
||||
}
|
||||
|
||||
// Almost finished
|
||||
if ($qty > 0 && $pctLeft <= 15) {
|
||||
$urgency = 'high';
|
||||
$reasons[] = 'Quasi finito (' . round($pctLeft) . '%)';
|
||||
$score += 80;
|
||||
} elseif ($qty > 0 && $pctLeft <= 30) {
|
||||
if ($dailyRate > 0 && $daysLeft <= 5) {
|
||||
$urgency = 'high';
|
||||
$reasons[] = 'Finisce tra ~' . round($daysLeft) . 'gg';
|
||||
$score += 75;
|
||||
} elseif ($dailyRate > 0 && $daysLeft <= 10) {
|
||||
$urgency = 'medium';
|
||||
$reasons[] = 'Finisce tra ~' . round($daysLeft) . 'gg';
|
||||
$score += 50;
|
||||
} else {
|
||||
$urgency = 'low';
|
||||
$reasons[] = 'Scorta bassa (' . round($pctLeft) . '%)';
|
||||
$score += 30;
|
||||
}
|
||||
}
|
||||
|
||||
// Expiring soon or expired (needs replacement)
|
||||
if ($isExpired && $qty > 0) {
|
||||
$urgency = 'critical';
|
||||
$reasons[] = 'Scaduto!';
|
||||
$score += 90;
|
||||
} elseif ($isExpiringSoon && $qty > 0) {
|
||||
if ($urgency === 'none') $urgency = 'medium';
|
||||
$reasons[] = 'Scade tra ' . max(0, round($daysToExpiry)) . 'gg';
|
||||
$score += 40;
|
||||
}
|
||||
|
||||
// Frequently used but stock getting low (predictive)
|
||||
if ($urgency === 'none' && $dailyRate > 0 && $daysLeft <= 14 && $useCount >= 3) {
|
||||
$urgency = 'low';
|
||||
$reasons[] = 'Previsto esaurimento tra ~' . round($daysLeft) . 'gg';
|
||||
$score += 25;
|
||||
}
|
||||
|
||||
// Opened item with fast consumption
|
||||
if ($isOpened && $urgency === 'none' && $dailyRate > 0 && $daysLeft <= 7) {
|
||||
$urgency = 'low';
|
||||
$reasons[] = 'Aperto, finisce presto';
|
||||
$score += 20;
|
||||
}
|
||||
|
||||
if ($urgency === 'none') continue;
|
||||
|
||||
// Boost score for very frequent items
|
||||
if ($useCount >= 8) $score += 15;
|
||||
elseif ($useCount >= 5) $score += 10;
|
||||
|
||||
// Is already on Bring?
|
||||
$onBring = isset($bringItems[mb_strtolower($p['name'])]);
|
||||
|
||||
$items[] = [
|
||||
'product_id' => $pid,
|
||||
'name' => $p['name'],
|
||||
'brand' => $p['brand'] ?: '',
|
||||
'category' => $p['category'] ?: '',
|
||||
'unit' => $unit,
|
||||
'current_qty' => round($qty, 1),
|
||||
'default_qty' => $defQty,
|
||||
'package_unit' => $p['package_unit'] ?: '',
|
||||
'pct_left' => round($pctLeft),
|
||||
'use_count' => $useCount,
|
||||
'buy_count' => $buyCount,
|
||||
'daily_rate' => round($dailyRate, 2),
|
||||
'days_left' => round($daysLeft),
|
||||
'expiry_date' => $expiryDate,
|
||||
'days_to_expiry' => round($daysToExpiry),
|
||||
'is_opened' => $isOpened,
|
||||
'urgency' => $urgency,
|
||||
'reasons' => $reasons,
|
||||
'score' => $score,
|
||||
'on_bring' => $onBring,
|
||||
'locations' => $inv ? $inv['locations'] : '',
|
||||
];
|
||||
}
|
||||
|
||||
// Sort by score descending (most urgent first)
|
||||
usort($items, fn($a, $b) => $b['score'] - $a['score']);
|
||||
|
||||
echo json_encode(['success' => true, 'items' => $items], JSON_UNESCAPED_UNICODE);
|
||||
}
|
||||
|
||||
function bringSuggestItems(PDO $db): void {
|
||||
$env = loadEnvVars();
|
||||
$apiKey = $env['GEMINI_API_KEY'] ?? '';
|
||||
|
||||
@@ -243,6 +243,7 @@ body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.stat-card:active {
|
||||
@@ -1155,6 +1156,204 @@ body {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* ===== SHOPPING TABS ===== */
|
||||
.shopping-tabs {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
background: var(--bg-card);
|
||||
border-radius: var(--radius);
|
||||
padding: 4px;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.shopping-tab {
|
||||
flex: 1;
|
||||
padding: 9px 8px;
|
||||
border-radius: calc(var(--radius) - 2px);
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
color: var(--text-muted);
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.shopping-tab.active {
|
||||
background: var(--accent);
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 6px rgba(45, 80, 22, 0.25);
|
||||
}
|
||||
|
||||
.shopping-tab-count {
|
||||
background: rgba(255,255,255,0.25);
|
||||
border-radius: 10px;
|
||||
padding: 1px 6px;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.shopping-tab:not(.active) .shopping-tab-count {
|
||||
background: var(--bg);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.tab-panel-shopping {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-panel-shopping.active {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
/* ===== SHOPPING ITEM ENHANCEMENTS ===== */
|
||||
.shopping-item {
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, transform 0.1s;
|
||||
}
|
||||
|
||||
.shopping-item:active {
|
||||
transform: scale(0.99);
|
||||
background: #f0fdf4;
|
||||
}
|
||||
|
||||
.shopping-item-name-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.shopping-item-scan-hint {
|
||||
font-size: 0.75rem;
|
||||
opacity: 0.4;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.shopping-item-badges {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
/* Generic small item badge (sinv = shopping inventory) */
|
||||
.sinv-badge {
|
||||
display: inline-block;
|
||||
font-size: 0.62rem;
|
||||
font-weight: 600;
|
||||
padding: 1px 6px;
|
||||
border-radius: 8px;
|
||||
white-space: nowrap;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.badge-critical { background: #fee2e2; color: #dc2626; }
|
||||
.badge-high { background: #ffedd5; color: #c2410c; }
|
||||
.badge-medium { background: #fef9c3; color: #a16207; }
|
||||
.badge-low { background: #dcfce7; color: #15803d; }
|
||||
|
||||
.badge-freq-high { background: #fce7f3; color: #be185d; }
|
||||
.badge-freq-med { background: #ede9fe; color: #6d28d9; }
|
||||
.badge-freq-low { background: #f1f5f9; color: #64748b; }
|
||||
|
||||
.badge-local-tag { background: #e0f2fe; color: #0369a1; cursor: pointer; }
|
||||
.badge-local-tag:hover { background: #bae6fd; }
|
||||
|
||||
/* Tag add button */
|
||||
.shopping-item-tag-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 0.75rem;
|
||||
cursor: pointer;
|
||||
padding: 2px 4px;
|
||||
border-radius: 4px;
|
||||
opacity: 0.5;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.shopping-item-tag-btn:hover { opacity: 1; }
|
||||
|
||||
/* Tag menu dropdown */
|
||||
.shopping-tag-menu-container {
|
||||
margin-top: 6px;
|
||||
padding: 6px 8px;
|
||||
background: #f8fafc;
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.shopping-tag-menu {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.badge-tag-add {
|
||||
background: #f1f5f9;
|
||||
color: var(--text-secondary);
|
||||
border: 1px solid var(--border);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s;
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.badge-tag-add:hover, .badge-tag-add.active {
|
||||
background: #e0f2fe;
|
||||
color: #0369a1;
|
||||
border-color: #7dd3fc;
|
||||
}
|
||||
|
||||
/* ===== SHOPPING SCAN TARGET BANNER ===== */
|
||||
.shopping-scan-target-banner {
|
||||
background: linear-gradient(135deg, #FFF9C4, #FFF3CD);
|
||||
border: 1.5px solid #F59E0B;
|
||||
border-radius: var(--radius);
|
||||
padding: 12px 14px;
|
||||
margin: 0 0 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.shopping-scan-target-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.stb-label {
|
||||
font-size: 0.8rem;
|
||||
color: #92400e;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.stb-name {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 700;
|
||||
color: #78350f;
|
||||
}
|
||||
|
||||
.shopping-scan-target-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.stb-btn {
|
||||
flex: 1;
|
||||
padding: 8px 10px;
|
||||
font-size: 0.82rem;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
|
||||
.bring-loading {
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
@@ -1213,6 +1412,7 @@ body {
|
||||
background: var(--bg-card);
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--shadow);
|
||||
/* tap-to-scan handled by JS; cursor/active defined in ENHANCEMENTS block above */
|
||||
}
|
||||
|
||||
.shopping-item-icon {
|
||||
@@ -1453,6 +1653,244 @@ body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ===== SMART SHOPPING ===== */
|
||||
.smart-shopping {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.smart-shopping h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.smart-shopping h3 .shopping-count {
|
||||
font-size: 0.75rem;
|
||||
background: var(--accent);
|
||||
color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 1px 7px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.smart-filter-row {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
overflow-x: auto;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 8px;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
.smart-filter-row::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.smart-filter {
|
||||
flex-shrink: 0;
|
||||
padding: 5px 12px;
|
||||
border-radius: 16px;
|
||||
border: 1.5px solid var(--border);
|
||||
background: var(--bg-card);
|
||||
font-size: 0.78rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.smart-filter.active {
|
||||
background: var(--accent);
|
||||
color: #fff;
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
.smart-items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.smart-item {
|
||||
padding: 10px 12px;
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--shadow);
|
||||
transition: transform 0.1s;
|
||||
}
|
||||
|
||||
.smart-item:active {
|
||||
transform: scale(0.99);
|
||||
}
|
||||
|
||||
.smart-item-top {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.smart-check {
|
||||
margin-top: 3px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
accent-color: var(--accent);
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.smart-item-icon {
|
||||
font-size: 1.4rem;
|
||||
flex-shrink: 0;
|
||||
line-height: 1;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.smart-item-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.smart-item-name {
|
||||
font-weight: 600;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.smart-brand {
|
||||
font-weight: 400;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.78rem;
|
||||
}
|
||||
|
||||
.smart-item-reasons {
|
||||
font-size: 0.72rem;
|
||||
color: var(--text-muted);
|
||||
margin-top: 2px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.smart-item-reasons span + span::before {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.smart-item-badges {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.smart-urgency-badge,
|
||||
.smart-freq-badge,
|
||||
.smart-pred-badge,
|
||||
.smart-bring-badge {
|
||||
display: inline-block;
|
||||
font-size: 0.65rem;
|
||||
font-weight: 600;
|
||||
padding: 1px 7px;
|
||||
border-radius: 8px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.smart-urgency-badge {
|
||||
background: #f3f4f6;
|
||||
}
|
||||
|
||||
.smart-freq-badge {
|
||||
background: #ede9fe;
|
||||
color: #6d28d9;
|
||||
}
|
||||
|
||||
.smart-freq-badge.freq-high {
|
||||
background: #fce7f3;
|
||||
color: #be185d;
|
||||
}
|
||||
|
||||
.smart-freq-badge.freq-med {
|
||||
background: #ede9fe;
|
||||
color: #6d28d9;
|
||||
}
|
||||
|
||||
.smart-freq-badge.freq-low {
|
||||
background: #f0fdf4;
|
||||
color: #15803d;
|
||||
}
|
||||
|
||||
.smart-pred-badge {
|
||||
background: #fefce8;
|
||||
color: #a16207;
|
||||
}
|
||||
|
||||
.smart-pred-badge.pred-urgent {
|
||||
background: #fee2e2;
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
.smart-pred-badge.pred-soon {
|
||||
background: #fff7ed;
|
||||
color: #c2410c;
|
||||
}
|
||||
|
||||
.smart-bring-badge {
|
||||
background: #dbeafe;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.smart-item-stock {
|
||||
text-align: right;
|
||||
flex-shrink: 0;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
.smart-qty {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.smart-stock-bar {
|
||||
width: 44px;
|
||||
height: 5px;
|
||||
background: #e5e7eb;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
margin-top: 4px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.smart-stock-fill {
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
transition: width 0.3s;
|
||||
}
|
||||
|
||||
.smart-actions {
|
||||
margin-top: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.smart-actions .btn {
|
||||
width: 100%;
|
||||
font-size: 0.85rem;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.stat-urgent {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
background: #ef4444;
|
||||
color: #fff;
|
||||
font-size: 0.6rem;
|
||||
font-weight: 700;
|
||||
padding: 1px 5px;
|
||||
border-radius: 8px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* ===== PRODUCT PREVIEW ===== */
|
||||
.product-preview, .product-preview-small {
|
||||
background: var(--bg-card);
|
||||
@@ -2137,6 +2575,16 @@ body {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.opened-badge {
|
||||
font-size: 0.7rem;
|
||||
background: rgba(245, 158, 11, 0.12);
|
||||
color: #d97706;
|
||||
padding: 1px 6px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ===== REMAINING QUANTITY OPTIONS ===== */
|
||||
.remaining-options {
|
||||
display: grid;
|
||||
@@ -3763,3 +4211,34 @@ body {
|
||||
.screensaver-fact.visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.screensaver-shortcuts {
|
||||
position: absolute;
|
||||
bottom: max(32px, env(safe-area-inset-bottom, 32px));
|
||||
right: 32px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
z-index: 10001;
|
||||
}
|
||||
.screensaver-shortcut-btn {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(255,255,255,0.25);
|
||||
background: rgba(255,255,255,0.1);
|
||||
color: white;
|
||||
font-size: 1.8rem;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
transition: background 0.2s, transform 0.15s;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
.screensaver-shortcut-btn:active {
|
||||
background: rgba(255,255,255,0.25);
|
||||
transform: scale(0.92);
|
||||
}
|
||||
|
||||
+511
-14
@@ -274,8 +274,11 @@ function estimateExpiryDays(product, location) {
|
||||
else if (/mozzarella|burrata|stracciatella/.test(name)) days = 5;
|
||||
else if (/formaggio\s+(fresco|ricotta|mascarpone|stracchino|crescenza)/.test(name)) days = 10;
|
||||
else if (/parmigiano|grana|pecorino|provolone/.test(name)) days = 60;
|
||||
else if (/burro/.test(name)) days = 60;
|
||||
else if (/panna/.test(name)) days = 14;
|
||||
else if (/prosciutto\s+cotto|mortadella|wurstel/.test(name)) days = 7;
|
||||
else if (/prosciutto\s+crudo|salame|bresaola|speck/.test(name)) days = 30;
|
||||
else if (/nduja/.test(name)) days = 90;
|
||||
else if (/uova/.test(name)) days = 28;
|
||||
else if (/pane\s+fresco|pane\s+in\s+cassetta/.test(name)) days = 5;
|
||||
else if (/pane\s+confezionato|pan\s+carr|pancarrè/.test(name)) days = 14;
|
||||
@@ -288,6 +291,14 @@ function estimateExpiryDays(product, location) {
|
||||
else if (/succo|spremuta/.test(name)) days = 7;
|
||||
else if (/birra|vino/.test(name)) days = 365;
|
||||
else if (/acqua/.test(name)) days = 365;
|
||||
else if (/mela|mele\b/.test(name)) days = 7;
|
||||
else if (/arancia|arance|mandarini|agrumi/.test(name)) days = 7;
|
||||
else if (/banana|banane/.test(name)) days = 5;
|
||||
else if (/pera|pere\b|fragola|fragole|uva|kiwi/.test(name)) days = 5;
|
||||
else if (/carota|carote|zucchina|zucchine|peperoni|melanzane/.test(name)) days = 7;
|
||||
else if (/broccoli|cavolfiore|cavolo|spinaci|bietola/.test(name)) days = 5;
|
||||
else if (/cipolla|cipolle/.test(name)) days = 10;
|
||||
else if (/patata|patate/.test(name)) days = 14;
|
||||
else if (/biscott|cracker|grissini|fette\s+biscott/.test(name)) days = 180;
|
||||
else if (/nutella|marmellata|miele/.test(name)) days = 365;
|
||||
else if (/passata|pelati|pomodor/.test(name)) days = 730;
|
||||
@@ -300,6 +311,28 @@ function estimateExpiryDays(product, location) {
|
||||
}
|
||||
}
|
||||
|
||||
// Fridge extends shelf life for produce and short-lived items (sealed only)
|
||||
if (loc === 'frigo') {
|
||||
// Specific fridge-friendly produce overrides
|
||||
if (/mela|mele/.test(name)) days = Math.max(days, 28);
|
||||
else if (/arancia|arance|agrumi|mandarini|limone|limoni/.test(name)) days = Math.max(days, 21);
|
||||
else if (/carota|carote/.test(name)) days = Math.max(days, 21);
|
||||
else if (/cipolla/.test(name)) days = Math.max(days, 14);
|
||||
else if (/patata|patate/.test(name)) days = Math.max(days, 21);
|
||||
else if (/pera|pere/.test(name)) days = Math.max(days, 21);
|
||||
else if (/kiwi/.test(name)) days = Math.max(days, 28);
|
||||
else if (/uva/.test(name)) days = Math.max(days, 14);
|
||||
else if (/fragola|fragole/.test(name)) days = Math.max(days, 7);
|
||||
else if (/peperoni/.test(name)) days = Math.max(days, 14);
|
||||
else if (/zucchina|zucchine/.test(name)) days = Math.max(days, 14);
|
||||
else if (/melanzane/.test(name)) days = Math.max(days, 14);
|
||||
else if (/broccoli|cavolfiore|cavolo/.test(name)) days = Math.max(days, 10);
|
||||
// General fridge bonus: fruits and vegs that aren't already long
|
||||
else if (days <= 7 && (/frutta|fruit/.test(cat) || /verdur|vegetable|plant-based/.test(cat))) {
|
||||
days = Math.round(days * 2); // ~double shelf life in fridge
|
||||
}
|
||||
}
|
||||
|
||||
// Freezer extends shelf life significantly
|
||||
if (loc === 'freezer' && days < 180) {
|
||||
// Fresh meat/fish: 3-6 months in freezer
|
||||
@@ -322,6 +355,60 @@ function formatEstimatedExpiry(days) {
|
||||
return `~${Math.round(days / 365)} anni`;
|
||||
}
|
||||
|
||||
/**
|
||||
* Estimate shelf life in days for an OPENED product.
|
||||
* Much shorter than sealed shelf life — based on typical "once opened, consume within X days".
|
||||
*/
|
||||
function estimateOpenedExpiryDays(product, location) {
|
||||
const name = (product.name || '').toLowerCase();
|
||||
const cat = (product.category || '').toLowerCase();
|
||||
const loc = (location || '').toLowerCase();
|
||||
|
||||
// Freezer: opened items still last a long time
|
||||
if (loc === 'freezer') return 90;
|
||||
// Dispensa: opened dry goods
|
||||
if (loc === 'dispensa') return 30;
|
||||
|
||||
// Specific product overrides (fridge)
|
||||
if (/latte\s+(fresco|intero|parzial|scremato)/.test(name)) return 3;
|
||||
if (/latte\s+uht|latte\s+a\s+lunga/.test(name)) return 5;
|
||||
if (/latte/.test(name)) return 4;
|
||||
if (/yogurt/.test(name)) return 3;
|
||||
if (/mozzarella|burrata|stracciatella/.test(name)) return 2;
|
||||
if (/philadelphia|spalmabile/.test(name)) return 7;
|
||||
if (/formaggio.*(fresco|ricotta|mascarpone|stracchino|crescenza)/.test(name)) return 5;
|
||||
if (/parmigiano|grana|pecorino|provolone/.test(name)) return 21;
|
||||
if (/formaggio/.test(name)) return 10;
|
||||
if (/burro/.test(name)) return 21;
|
||||
if (/panna/.test(name)) return 3;
|
||||
if (/prosciutto\s+cotto|mortadella|wurstel/.test(name)) return 3;
|
||||
if (/prosciutto\s+crudo|salame|bresaola|speck|pancetta|nduja/.test(name)) return 7;
|
||||
if (/pollo|tacchino|maiale|manzo|vitello/.test(name)) return 2;
|
||||
if (/salmone|tonno\s+fresco|pesce/.test(name)) return 2;
|
||||
if (/passata|pelati|polpa|sugo/.test(name)) return 5;
|
||||
if (/marmellata|confettura/.test(name)) return 30;
|
||||
if (/miele/.test(name)) return 180;
|
||||
if (/nutella/.test(name)) return 60;
|
||||
if (/succo|spremuta/.test(name)) return 4;
|
||||
if (/olio|aceto/.test(name)) return 90;
|
||||
if (/vino|birra/.test(name)) return 5;
|
||||
if (/limone|limmi/.test(name)) return 21;
|
||||
if (/tonno\s+in\s+scatola|tonno\s+rio|sgombro\s+in/.test(name)) return 3;
|
||||
if (/insalata|rucola|spinaci/.test(name)) return 3;
|
||||
|
||||
// Category fallbacks
|
||||
if (/dairy|latticin|lait|dairies/.test(cat)) return 5;
|
||||
if (/meat|carne|meats/.test(cat)) return 3;
|
||||
if (/fish|pesce/.test(cat)) return 2;
|
||||
if (/fruit|frutta/.test(cat)) return 5;
|
||||
if (/verdur|vegetable|plant-based/.test(cat)) return 5;
|
||||
if (/conserve/.test(cat)) return 5;
|
||||
if (/condimenti|sauce/.test(cat)) return 21;
|
||||
if (/bevand|beverage/.test(cat)) return 4;
|
||||
|
||||
return 5; // safe default for fridge
|
||||
}
|
||||
|
||||
function addDays(days) {
|
||||
const d = new Date();
|
||||
d.setDate(d.getDate() + days);
|
||||
@@ -1270,6 +1357,7 @@ function renderInventoryItem(item) {
|
||||
}
|
||||
|
||||
const vacuumBadge = item.vacuum_sealed ? '<span class="vacuum-badge">🫙 Sotto vuoto</span>' : '';
|
||||
const openedBadge = item.opened_at ? '<span class="opened-badge">📭 Aperto</span>' : '';
|
||||
|
||||
return `
|
||||
<div class="inventory-item" onclick="showItemDetail(${item.id}, ${item.product_id})">
|
||||
@@ -1282,6 +1370,7 @@ function renderInventoryItem(item) {
|
||||
<div class="inv-meta">
|
||||
<span class="inv-badge badge-location">${locInfo.icon} ${locInfo.label}</span>
|
||||
${expiryBadge}
|
||||
${openedBadge}
|
||||
${vacuumBadge}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1366,6 +1455,11 @@ function showItemDetail(inventoryId, productId) {
|
||||
<span class="modal-detail-label">🫙 Conservazione</span>
|
||||
<span class="modal-detail-value">Sotto vuoto</span>
|
||||
</div>` : ''}
|
||||
${item.opened_at ? `
|
||||
<div class="modal-detail-row">
|
||||
<span class="modal-detail-label">📭 Stato</span>
|
||||
<span class="modal-detail-value">Aperto dal ${formatDateTime(item.opened_at)}</span>
|
||||
</div>` : ''}
|
||||
${item.barcode ? `
|
||||
<div class="modal-detail-row">
|
||||
<span class="modal-detail-label">🔖 Barcode</span>
|
||||
@@ -1437,7 +1531,10 @@ function recalcEditExpiry(locInputId, vacuumInputId, expiryInputId) {
|
||||
if (!product) return;
|
||||
const loc = document.getElementById(locInputId)?.value || '';
|
||||
const isVacuum = document.getElementById(vacuumInputId)?.checked;
|
||||
let days = estimateExpiryDays(product, loc);
|
||||
// Use opened shelf life if item is already opened
|
||||
let days = product._isOpened
|
||||
? estimateOpenedExpiryDays(product, loc)
|
||||
: estimateExpiryDays(product, loc);
|
||||
if (isVacuum) days = getVacuumExpiryDays(days);
|
||||
const newDate = addDays(days);
|
||||
const expiryInput = document.getElementById(expiryInputId);
|
||||
@@ -1456,7 +1553,7 @@ function editInventoryItem(id) {
|
||||
const confSizeVal = (isConf && item.default_quantity > 0) ? item.default_quantity : '';
|
||||
const confUnitVal = (isConf && item.package_unit) ? item.package_unit : 'g';
|
||||
|
||||
window._editingProduct = { name: item.name, category: item.category || '' };
|
||||
window._editingProduct = { name: item.name, category: item.category || '', _isOpened: !!item.opened_at };
|
||||
|
||||
// Rebuild modal content for editing (don't close and reopen - just replace content)
|
||||
document.getElementById('modal-content').innerHTML = `
|
||||
@@ -2594,6 +2691,29 @@ function showProductAction() {
|
||||
}
|
||||
});
|
||||
|
||||
// Update back button: go back to shopping if came from shopping list scan
|
||||
const backBtn = document.getElementById('action-back-btn');
|
||||
if (backBtn) backBtn.onclick = _spesaScanTarget ? () => { _spesaScanTarget = null; showPage('shopping'); } : () => showPage('scan');
|
||||
|
||||
// Show "shopping target" banner if we came from the shopping list
|
||||
const banner = document.getElementById('shopping-scan-target-banner');
|
||||
if (banner && _spesaScanTarget) {
|
||||
const targetName = _spesaScanTarget.name;
|
||||
banner.style.display = 'block';
|
||||
banner.innerHTML = `
|
||||
<div class="shopping-scan-target-info">
|
||||
<span class="stb-label">🛒 Stai cercando</span>
|
||||
<span class="stb-name">${escapeHtml(targetName)}</span>
|
||||
</div>
|
||||
<div class="shopping-scan-target-actions">
|
||||
<button class="btn btn-success stb-btn" onclick="confirmShoppingItemFound()">✅ Trovato! Rimuovi dalla lista</button>
|
||||
<button class="btn btn-secondary stb-btn" onclick="_spesaScanTarget=null; document.getElementById('shopping-scan-target-banner').style.display='none'; document.getElementById('action-back-btn').onclick=()=>showPage('scan')">✕ Annulla</button>
|
||||
</div>
|
||||
`;
|
||||
} else if (banner) {
|
||||
banner.style.display = 'none';
|
||||
}
|
||||
|
||||
showPage('action');
|
||||
}
|
||||
|
||||
@@ -3624,9 +3744,9 @@ async function confirmMoveAfterUse(productId, fromLoc, toLoc, openedId) {
|
||||
showLoading(true);
|
||||
try {
|
||||
if (openedId) {
|
||||
// Move only the specific opened row
|
||||
// Move only the specific opened row — use opened shelf life
|
||||
const product = { name: currentProduct?.name || '', category: currentProduct?.category || '' };
|
||||
let days = estimateExpiryDays(product, toLoc);
|
||||
let days = estimateOpenedExpiryDays(product, toLoc);
|
||||
await api('inventory_update', {}, 'POST', {
|
||||
id: openedId,
|
||||
location: toLoc,
|
||||
@@ -4048,6 +4168,92 @@ let shoppingListUUID = '';
|
||||
let shoppingItems = [];
|
||||
let suggestionItems = [];
|
||||
let shoppingPrices = {}; // { itemName: { product, searched: true } }
|
||||
let _spesaScanTarget = null; // { name, rawName, idx } when tapping item to scan
|
||||
|
||||
// ===== SHOPPING TABS =====
|
||||
function switchShoppingTab(tab) {
|
||||
document.querySelectorAll('.shopping-tab').forEach(b => b.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-panel-shopping').forEach(p => p.classList.remove('active'));
|
||||
document.getElementById(`tab-${tab}`)?.classList.add('active');
|
||||
document.getElementById(`tab-panel-${tab}`)?.classList.add('active');
|
||||
}
|
||||
|
||||
function updateShoppingTabCounts() {
|
||||
const acquistoCount = shoppingItems.length;
|
||||
const previsioneCount = smartShoppingItems.filter(i => !i.on_bring).length;
|
||||
const acqEl = document.getElementById('tab-count-acquisto');
|
||||
const prevEl = document.getElementById('tab-count-previsione');
|
||||
if (acqEl) acqEl.textContent = acquistoCount;
|
||||
if (prevEl) prevEl.textContent = previsioneCount;
|
||||
document.getElementById('shopping-tabs')?.style.setProperty('display', 'flex');
|
||||
}
|
||||
|
||||
// ===== LOCAL SHOPPING TAGS =====
|
||||
function getShoppingTags(itemName) {
|
||||
try {
|
||||
const tags = JSON.parse(localStorage.getItem('shopping_tags') || '{}');
|
||||
return tags[itemName.toLowerCase()] || [];
|
||||
} catch { return []; }
|
||||
}
|
||||
|
||||
function toggleShoppingTag(itemIdx, tag) {
|
||||
const item = shoppingItems[itemIdx];
|
||||
if (!item) return;
|
||||
const key = item.name.toLowerCase();
|
||||
try {
|
||||
const tags = JSON.parse(localStorage.getItem('shopping_tags') || '{}');
|
||||
const existing = tags[key] || [];
|
||||
const pos = existing.indexOf(tag);
|
||||
if (pos >= 0) existing.splice(pos, 1);
|
||||
else existing.push(tag);
|
||||
if (existing.length) tags[key] = existing;
|
||||
else delete tags[key];
|
||||
localStorage.setItem('shopping_tags', JSON.stringify(tags));
|
||||
renderShoppingItems();
|
||||
} catch (e) { console.error('toggleShoppingTag', e); }
|
||||
}
|
||||
|
||||
// ===== SCAN FROM SHOPPING LIST =====
|
||||
function openScanForItem(idx) {
|
||||
const item = shoppingItems[idx];
|
||||
if (!item) return;
|
||||
_spesaScanTarget = { name: item.name, rawName: item.rawName || '', idx };
|
||||
showPage('scan');
|
||||
showToast(`📷 Scansiona: ${item.name}`, 'info');
|
||||
}
|
||||
|
||||
async function confirmShoppingItemFound() {
|
||||
if (!_spesaScanTarget) return;
|
||||
const { name, rawName } = _spesaScanTarget;
|
||||
_spesaScanTarget = null;
|
||||
document.getElementById('shopping-scan-target-banner').style.display = 'none';
|
||||
try {
|
||||
const r = await api('bring_remove', {}, 'POST', { name, rawName, listUUID: shoppingListUUID });
|
||||
if (r.success) {
|
||||
const idx = shoppingItems.findIndex(i => i.name.toLowerCase() === name.toLowerCase());
|
||||
if (idx >= 0) shoppingItems.splice(idx, 1);
|
||||
showToast(`✅ ${name} rimosso dalla lista!`, 'success');
|
||||
loadShoppingCount();
|
||||
}
|
||||
} catch (e) { console.error('confirmShoppingItemFound', e); }
|
||||
showPage('shopping');
|
||||
}
|
||||
|
||||
// ===== AUTO-ADD CRITICAL ITEMS TO BRING! =====
|
||||
async function autoAddCriticalItems() {
|
||||
if (sessionStorage.getItem('_autoAddedCritical')) return;
|
||||
sessionStorage.setItem('_autoAddedCritical', '1');
|
||||
const critical = smartShoppingItems.filter(i => i.urgency === 'critical' && !i.on_bring);
|
||||
if (critical.length === 0) return;
|
||||
const itemsToAdd = critical.map(i => ({ name: i.name, specification: i.brand || '' }));
|
||||
try {
|
||||
const result = await api('bring_add', {}, 'POST', { items: itemsToAdd, listUUID: shoppingListUUID });
|
||||
if (result.success && result.added > 0) {
|
||||
showToast(`🔴 ${result.added} prodott${result.added === 1 ? 'o urgente aggiunto' : 'i urgenti aggiunti'} automaticamente a Bring!`, 'success');
|
||||
loadShoppingList();
|
||||
}
|
||||
} catch (e) { /* ignore */ }
|
||||
}
|
||||
|
||||
const DEFAULT_SPESA_AI_PROMPT = `Sei un assistente per la spesa online. Ti viene dato il nome di un prodotto che l'utente vuole comprare e una lista di prodotti trovati nel catalogo del supermercato.
|
||||
|
||||
@@ -4142,6 +4348,173 @@ function estimateItemPrice(product, spec) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// ===== SMART SHOPPING =====
|
||||
let smartShoppingItems = [];
|
||||
let smartShoppingFilter = 'all';
|
||||
|
||||
async function loadSmartShopping() {
|
||||
try {
|
||||
const data = await api('smart_shopping');
|
||||
if (data.success && data.items && data.items.length > 0) {
|
||||
smartShoppingItems = data.items;
|
||||
renderSmartShopping();
|
||||
document.getElementById('smart-shopping-empty').style.display = 'none';
|
||||
document.getElementById('smart-shopping-content').style.display = 'block';
|
||||
} else {
|
||||
smartShoppingItems = [];
|
||||
document.getElementById('smart-shopping-empty').style.display = 'block';
|
||||
document.getElementById('smart-shopping-content').style.display = 'none';
|
||||
}
|
||||
} catch (e) {
|
||||
console.error('Smart shopping error:', e);
|
||||
smartShoppingItems = [];
|
||||
}
|
||||
updateShoppingTabCounts();
|
||||
}
|
||||
|
||||
function filterSmart(filter) {
|
||||
smartShoppingFilter = filter;
|
||||
document.querySelectorAll('.smart-filter').forEach(b => b.classList.remove('active'));
|
||||
document.querySelector(`.smart-filter[data-filter="${filter}"]`)?.classList.add('active');
|
||||
renderSmartShopping();
|
||||
}
|
||||
|
||||
function renderSmartShopping() {
|
||||
const container = document.getElementById('smart-items');
|
||||
const countEl = document.getElementById('smart-count');
|
||||
const actionsEl = document.getElementById('smart-actions');
|
||||
|
||||
let items = smartShoppingItems;
|
||||
if (smartShoppingFilter !== 'all') {
|
||||
items = items.filter(i => i.urgency === smartShoppingFilter);
|
||||
}
|
||||
|
||||
countEl.textContent = items.length;
|
||||
|
||||
if (items.length === 0) {
|
||||
container.innerHTML = '<div class="empty-state" style="padding:16px"><p>Nessun prodotto in questa categoria</p></div>';
|
||||
actionsEl.style.display = 'none';
|
||||
return;
|
||||
}
|
||||
|
||||
const urgencyConfig = {
|
||||
critical: { color: '#ef4444', bg: 'rgba(239,68,68,0.08)', icon: '🔴', label: 'Urgente' },
|
||||
high: { color: '#f97316', bg: 'rgba(249,115,22,0.08)', icon: '🟠', label: 'Presto' },
|
||||
medium: { color: '#eab308', bg: 'rgba(234,179,8,0.08)', icon: '🟡', label: 'Pianifica' },
|
||||
low: { color: '#22c55e', bg: 'rgba(34,197,94,0.08)', icon: '🟢', label: 'Previsione' },
|
||||
};
|
||||
|
||||
container.innerHTML = items.map((item, idx) => {
|
||||
const u = urgencyConfig[item.urgency] || urgencyConfig.low;
|
||||
const catIcon = CATEGORY_ICONS[mapToLocalCategory(item.category, item.name)] || '📦';
|
||||
const checked = !item.on_bring ? 'checked' : '';
|
||||
const globalIdx = smartShoppingItems.indexOf(item);
|
||||
|
||||
// Stock bar
|
||||
const pct = Math.min(100, Math.max(0, item.pct_left));
|
||||
const barColor = pct <= 15 ? '#ef4444' : pct <= 30 ? '#f97316' : pct <= 50 ? '#eab308' : '#22c55e';
|
||||
|
||||
// Quantity display
|
||||
let qtyText = '';
|
||||
if (item.current_qty > 0) {
|
||||
qtyText = `${item.current_qty} ${item.unit}`;
|
||||
if (item.pct_left < 100) qtyText += ` (${pct}%)`;
|
||||
} else {
|
||||
qtyText = 'Esaurito';
|
||||
}
|
||||
|
||||
// Usage frequency badge
|
||||
let freqBadge = '';
|
||||
if (item.use_count >= 8) freqBadge = '<span class="smart-freq-badge freq-high">📈 Uso frequente</span>';
|
||||
else if (item.use_count >= 4) freqBadge = '<span class="smart-freq-badge freq-med">📊 Uso regolare</span>';
|
||||
else if (item.use_count >= 2) freqBadge = '<span class="smart-freq-badge freq-low">📉 Uso occasionale</span>';
|
||||
|
||||
// Days left prediction
|
||||
let predBadge = '';
|
||||
if (item.days_left <= 3 && item.days_left > 0 && item.current_qty > 0) {
|
||||
predBadge = `<span class="smart-pred-badge pred-urgent">⏳ ~${item.days_left}gg rimasti</span>`;
|
||||
} else if (item.days_left <= 7 && item.days_left > 0 && item.current_qty > 0) {
|
||||
predBadge = `<span class="smart-pred-badge pred-soon">⏳ ~${item.days_left}gg rimasti</span>`;
|
||||
}
|
||||
|
||||
// Expiry badge
|
||||
let expiryBadge = '';
|
||||
if (item.days_to_expiry < 0 && item.current_qty > 0) {
|
||||
expiryBadge = `<span class="smart-pred-badge pred-urgent">⚠️ Scaduto</span>`;
|
||||
} else if (item.days_to_expiry <= 3 && item.days_to_expiry >= 0 && item.current_qty > 0) {
|
||||
expiryBadge = `<span class="smart-pred-badge pred-urgent">⚠️ Scade tra ${item.days_to_expiry}gg</span>`;
|
||||
}
|
||||
|
||||
return `
|
||||
<div class="smart-item" style="border-left: 3px solid ${u.color}; background: ${u.bg}">
|
||||
<div class="smart-item-top">
|
||||
${!item.on_bring ? `<input type="checkbox" class="smart-check" data-idx="${globalIdx}" ${checked}>` : ''}
|
||||
<span class="smart-item-icon">${catIcon}</span>
|
||||
<div class="smart-item-info">
|
||||
<div class="smart-item-name">${escapeHtml(item.name)}${item.brand ? ` <small class="smart-brand">${escapeHtml(item.brand)}</small>` : ''}</div>
|
||||
<div class="smart-item-reasons">${item.reasons.map(r => `<span>${escapeHtml(r)}</span>`).join(' · ')}</div>
|
||||
<div class="smart-item-badges">
|
||||
<span class="smart-urgency-badge" style="color:${u.color}">${u.icon} ${u.label}</span>
|
||||
${freqBadge}${predBadge}${expiryBadge}
|
||||
${item.is_opened ? '<span class="smart-freq-badge freq-low">📭 Aperto</span>' : ''}
|
||||
${item.on_bring ? '<span class="smart-bring-badge">🛒 Già su Bring!</span>' : ''}
|
||||
</div>
|
||||
</div>
|
||||
<div class="smart-item-stock">
|
||||
<span class="smart-qty">${qtyText}</span>
|
||||
${item.current_qty > 0 ? `<div class="smart-stock-bar"><div class="smart-stock-fill" style="width:${pct}%;background:${barColor}"></div></div>` : ''}
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
|
||||
// Show/hide add button based on checkable items
|
||||
const hasCheckable = items.some(i => !i.on_bring);
|
||||
actionsEl.style.display = hasCheckable ? 'block' : 'none';
|
||||
}
|
||||
|
||||
async function addSmartToBring() {
|
||||
const checks = document.querySelectorAll('.smart-check:checked');
|
||||
if (checks.length === 0) {
|
||||
showToast('Seleziona almeno un prodotto', 'info');
|
||||
return;
|
||||
}
|
||||
|
||||
const itemsToAdd = [];
|
||||
checks.forEach(cb => {
|
||||
const idx = parseInt(cb.dataset.idx);
|
||||
const item = smartShoppingItems[idx];
|
||||
if (item) {
|
||||
itemsToAdd.push({
|
||||
name: item.name,
|
||||
specification: item.brand || '',
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
showLoading(true);
|
||||
try {
|
||||
const result = await api('bring_add', {}, 'POST', {
|
||||
items: itemsToAdd,
|
||||
listUUID: shoppingListUUID,
|
||||
});
|
||||
showLoading(false);
|
||||
if (result.success) {
|
||||
const msg = result.added > 0
|
||||
? `🛒 ${result.added} prodotti aggiunti a Bring!${result.skipped > 0 ? ` (${result.skipped} già presenti)` : ''}`
|
||||
: `Tutti i prodotti erano già su Bring!`;
|
||||
showToast(msg, result.added > 0 ? 'success' : 'info');
|
||||
// Reload to refresh badges
|
||||
loadShoppingList();
|
||||
} else {
|
||||
showToast(result.error || 'Errore', 'error');
|
||||
}
|
||||
} catch (e) {
|
||||
showLoading(false);
|
||||
showToast('Errore di connessione', 'error');
|
||||
}
|
||||
}
|
||||
|
||||
// Load just the shopping count for dashboard stat card
|
||||
async function loadShoppingCount() {
|
||||
try {
|
||||
@@ -4154,6 +4527,20 @@ async function loadShoppingCount() {
|
||||
} catch {
|
||||
document.getElementById('stat-spesa').textContent = '-';
|
||||
}
|
||||
// Smart urgency badge
|
||||
try {
|
||||
const smart = await api('smart_shopping');
|
||||
const urgentEl = document.getElementById('stat-urgent');
|
||||
if (smart.success && smart.items) {
|
||||
const urgent = smart.items.filter(i => i.urgency === 'critical' || i.urgency === 'high').length;
|
||||
if (urgent > 0) {
|
||||
urgentEl.textContent = `⚠ ${urgent}`;
|
||||
urgentEl.style.display = '';
|
||||
} else {
|
||||
urgentEl.style.display = 'none';
|
||||
}
|
||||
}
|
||||
} catch { /* ignore */ }
|
||||
}
|
||||
|
||||
async function loadShoppingList() {
|
||||
@@ -4194,6 +4581,12 @@ async function loadShoppingList() {
|
||||
renderShoppingItems();
|
||||
currentEl.style.display = 'block';
|
||||
|
||||
// Load smart shopping predictions (auto-add critical after loading)
|
||||
loadSmartShopping().then(() => autoAddCriticalItems());
|
||||
|
||||
// Show tabs once data is ready
|
||||
updateShoppingTabCounts();
|
||||
|
||||
} catch (err) {
|
||||
console.error('Bring! error:', err);
|
||||
statusEl.style.display = 'block';
|
||||
@@ -4205,7 +4598,19 @@ async function renderShoppingItems() {
|
||||
const container = document.getElementById('shopping-items');
|
||||
const countEl = document.getElementById('shopping-count');
|
||||
|
||||
// Sort shoppingItems in-place by use_count (cross-reference smartShoppingItems), most frequent first
|
||||
shoppingItems.sort((a, b) => {
|
||||
const smartA = smartShoppingItems.find(s => s.name.toLowerCase() === a.name.toLowerCase());
|
||||
const smartB = smartShoppingItems.find(s => s.name.toLowerCase() === b.name.toLowerCase());
|
||||
const freqA = smartA ? smartA.use_count : 0;
|
||||
const freqB = smartB ? smartB.use_count : 0;
|
||||
return freqB - freqA;
|
||||
});
|
||||
|
||||
countEl.textContent = shoppingItems.length;
|
||||
// Update tab count too
|
||||
const tabCount = document.getElementById('tab-count-acquisto');
|
||||
if (tabCount) tabCount.textContent = shoppingItems.length;
|
||||
|
||||
if (shoppingItems.length === 0) {
|
||||
container.innerHTML = '<div class="empty-state" style="padding:20px"><div class="empty-state-icon">✅</div><p>Lista della spesa vuota!<br>Usa il pulsante sotto per generare suggerimenti.</p></div>';
|
||||
@@ -4235,6 +4640,40 @@ async function renderShoppingItems() {
|
||||
const priceKey = item.name.toLowerCase();
|
||||
const priceData = shoppingPrices[priceKey];
|
||||
|
||||
// Cross-reference with smart shopping for urgency + frequency
|
||||
const smartData = smartShoppingItems.find(s => s.name.toLowerCase() === item.name.toLowerCase());
|
||||
const localTags = getShoppingTags(item.name);
|
||||
// Urgency/frequency badges
|
||||
let urgencyBadge = '';
|
||||
if (smartData) {
|
||||
const urgencyMap = {
|
||||
critical: { icon: '🔴', label: 'Urgente', cls: 'badge-critical' },
|
||||
high: { icon: '🟠', label: 'Presto', cls: 'badge-high' },
|
||||
medium: { icon: '🟡', label: 'Presto', cls: 'badge-medium' },
|
||||
low: { icon: '🟢', label: 'Ok', cls: 'badge-low' },
|
||||
};
|
||||
const u = urgencyMap[smartData.urgency];
|
||||
if (u) urgencyBadge = `<span class="sinv-badge ${u.cls}">${u.icon} ${u.label}</span>`;
|
||||
}
|
||||
|
||||
let freqBadge = '';
|
||||
if (smartData && smartData.use_count >= 8) freqBadge = `<span class="sinv-badge badge-freq-high">📈 ${smartData.use_count}x</span>`;
|
||||
else if (smartData && smartData.use_count >= 4) freqBadge = `<span class="sinv-badge badge-freq-med">📊 ${smartData.use_count}x</span>`;
|
||||
else if (smartData && smartData.use_count >= 2) freqBadge = `<span class="sinv-badge badge-freq-low">📉 ${smartData.use_count}x</span>`;
|
||||
|
||||
// Local tags
|
||||
const TAG_LABELS = { urgente: '🔴 Urgente', prio: '⭐ Priorità', check: '✅ Verificare' };
|
||||
const localTagHtml = localTags.map(t =>
|
||||
`<span class="sinv-badge badge-local-tag" onclick="event.stopPropagation(); toggleShoppingTag(${idx}, '${t}')">${TAG_LABELS[t] || t} ✕</span>`
|
||||
).join('');
|
||||
|
||||
// Tag add button
|
||||
const tagMenu = `<div class="shopping-tag-menu" onclick="event.stopPropagation()">
|
||||
${Object.entries(TAG_LABELS).map(([k, v]) =>
|
||||
`<button class="sinv-badge badge-tag-add ${localTags.includes(k) ? 'active' : ''}" onclick="toggleShoppingTag(${idx}, '${k}')">${v}</button>`
|
||||
).join('')}
|
||||
</div>`;
|
||||
|
||||
let detailHtml = '';
|
||||
let priceTag = '';
|
||||
let spesaBar = '';
|
||||
@@ -4258,37 +4697,43 @@ async function renderShoppingItems() {
|
||||
${promoHtml}
|
||||
</div>`;
|
||||
spesaBar = `<div class="spesa-bar">
|
||||
<button class="spesa-bar-btn" onclick="searchItemPrice(${idx}, true)" title="Ricerca">🔄 Ricerca</button>
|
||||
<a href="${escapeHtml(p.url)}" target="_blank" class="spesa-bar-btn" title="${escapeHtml(p.name)} - ${escapeHtml(p.brand)}">🔗 Apri</a>
|
||||
<button class="spesa-bar-btn" onclick="event.stopPropagation(); searchItemPrice(${idx}, true)" title="Ricerca">🔄 Ricerca</button>
|
||||
<a href="${escapeHtml(p.url)}" target="_blank" class="spesa-bar-btn" title="${escapeHtml(p.name)} - ${escapeHtml(p.brand)}" onclick="event.stopPropagation()">🔗 Apri</a>
|
||||
</div>`;
|
||||
} else if (priceData && priceData.searched && !priceData.product) {
|
||||
detailHtml = `<div class="spesa-detail-left"><span class="spesa-not-found">Non trovato</span></div>`;
|
||||
spesaBar = `<div class="spesa-bar">
|
||||
<button class="spesa-bar-btn" onclick="searchItemPrice(${idx}, true)" title="Riprova">🔄 Riprova</button>
|
||||
<button class="spesa-bar-btn" onclick="event.stopPropagation(); searchItemPrice(${idx}, true)" title="Riprova">🔄 Riprova</button>
|
||||
</div>`;
|
||||
} else {
|
||||
spesaBar = `<div class="spesa-bar">
|
||||
<button class="spesa-bar-btn" onclick="searchItemPrice(${idx})" title="Cerca prezzo">🔍 Cerca prezzo</button>
|
||||
<button class="spesa-bar-btn" onclick="event.stopPropagation(); searchItemPrice(${idx})" title="Cerca prezzo">🔍 Cerca prezzo</button>
|
||||
</div>`;
|
||||
}
|
||||
}
|
||||
|
||||
return `
|
||||
<div class="shopping-item ${priceData && priceData.product && priceData.product.promo ? 'has-promo' : ''}" id="shop-item-${idx}">
|
||||
<div class="shopping-item ${priceData && priceData.product && priceData.product.promo ? 'has-promo' : ''}" id="shop-item-${idx}" onclick="openScanForItem(${idx})" title="Tocca per scansionare">
|
||||
<span class="shopping-item-icon">${catIcon}</span>
|
||||
<div class="shopping-item-body">
|
||||
<div class="shopping-item-top">
|
||||
<div class="shopping-item-info">
|
||||
<div class="shopping-item-name">${escapeHtml(item.name)}</div>
|
||||
<div class="shopping-item-name-row">
|
||||
<span class="shopping-item-name">${escapeHtml(item.name)}</span>
|
||||
<span class="shopping-item-scan-hint">📷</span>
|
||||
</div>
|
||||
${item.specification ? `<div class="shopping-item-spec">${escapeHtml(item.specification)}</div>` : ''}
|
||||
${(urgencyBadge || freqBadge || localTagHtml) ? `<div class="shopping-item-badges">${urgencyBadge}${freqBadge}${localTagHtml}</div>` : ''}
|
||||
${detailHtml}
|
||||
</div>
|
||||
<div class="shopping-item-right">
|
||||
<div class="shopping-item-right" onclick="event.stopPropagation()">
|
||||
${priceTag}
|
||||
<button class="shopping-item-tag-btn" onclick="toggleShoppingTagMenu(this)" title="Tag">🏷️</button>
|
||||
<button class="shopping-item-remove" onclick="removeBringItem(${idx})" title="Rimuovi">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
${spesaBar}
|
||||
<div class="shopping-tag-menu-container" style="display:none">${tagMenu}</div>
|
||||
</div>
|
||||
</div>`;
|
||||
}).join('');
|
||||
@@ -4296,6 +4741,15 @@ async function renderShoppingItems() {
|
||||
updateSpesaTotal();
|
||||
}
|
||||
|
||||
function toggleShoppingTagMenu(btn) {
|
||||
const container = btn.closest('.shopping-item-body').querySelector('.shopping-tag-menu-container');
|
||||
if (!container) return;
|
||||
const isOpen = container.style.display !== 'none';
|
||||
// Close all other menus first
|
||||
document.querySelectorAll('.shopping-tag-menu-container').forEach(c => c.style.display = 'none');
|
||||
container.style.display = isOpen ? 'none' : 'block';
|
||||
}
|
||||
|
||||
function updateSpesaTotal() {
|
||||
const banner = document.getElementById('spesa-total-banner');
|
||||
const valueEl = document.getElementById('spesa-total-value');
|
||||
@@ -5723,7 +6177,7 @@ function updateScreensaverClock() {
|
||||
if (el) el.innerHTML = `${time}<div class="screensaver-date">${date}</div>`;
|
||||
}
|
||||
|
||||
function dismissScreensaver() {
|
||||
function dismissScreensaver(targetPage) {
|
||||
if (!_screensaverActive) return;
|
||||
clearInterval(_screensaverClockInterval);
|
||||
clearInterval(_screensaverFactInterval);
|
||||
@@ -5733,8 +6187,11 @@ function dismissScreensaver() {
|
||||
overlay.style.display = 'none';
|
||||
_screensaverActive = false;
|
||||
_screensaverData = null;
|
||||
// Reload all data for the current page
|
||||
refreshCurrentPage();
|
||||
if (targetPage) {
|
||||
showPage(targetPage);
|
||||
} else {
|
||||
refreshCurrentPage();
|
||||
}
|
||||
resetInactivityTimer();
|
||||
}, 400);
|
||||
}
|
||||
@@ -6161,6 +6618,45 @@ function spesaModeAfterAdd() {
|
||||
return true;
|
||||
}
|
||||
|
||||
function _initScreensaverShortcutBtn(btnId, targetPage, longPressFn) {
|
||||
const btn = document.getElementById(btnId);
|
||||
if (!btn) return;
|
||||
let ssLongPress = null;
|
||||
btn.addEventListener('pointerdown', (e) => {
|
||||
e.stopPropagation();
|
||||
if (longPressFn) {
|
||||
ssLongPress = setTimeout(() => {
|
||||
ssLongPress = null;
|
||||
dismissScreensaver(targetPage);
|
||||
setTimeout(longPressFn, 500);
|
||||
}, 600);
|
||||
}
|
||||
});
|
||||
btn.addEventListener('pointerup', (e) => {
|
||||
e.stopPropagation();
|
||||
if (longPressFn && ssLongPress) {
|
||||
clearTimeout(ssLongPress);
|
||||
ssLongPress = null;
|
||||
}
|
||||
dismissScreensaver(targetPage);
|
||||
});
|
||||
btn.addEventListener('pointerleave', (e) => {
|
||||
e.stopPropagation();
|
||||
if (ssLongPress) {
|
||||
clearTimeout(ssLongPress);
|
||||
ssLongPress = null;
|
||||
}
|
||||
});
|
||||
['click', 'touchstart', 'touchend'].forEach(evt => {
|
||||
btn.addEventListener(evt, (e) => e.stopPropagation(), { passive: false });
|
||||
});
|
||||
}
|
||||
|
||||
function initScreensaverShortcuts() {
|
||||
_initScreensaverShortcutBtn('screensaver-scan-btn', 'scan', () => startSpesaMode());
|
||||
_initScreensaverShortcutBtn('screensaver-recipe-btn', 'recipe', null);
|
||||
}
|
||||
|
||||
function initInactivityWatcher() {
|
||||
const events = ['pointerdown', 'pointermove', 'keydown', 'scroll', 'touchstart'];
|
||||
events.forEach(evt => {
|
||||
@@ -6181,6 +6677,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
showPage('dashboard');
|
||||
initInactivityWatcher();
|
||||
initSpesaMode();
|
||||
initScreensaverShortcuts();
|
||||
});
|
||||
|
||||
// ===== DUPLICLICK (SPESA ONLINE) =====
|
||||
|
||||
Binary file not shown.
+87
-30
@@ -9,7 +9,7 @@
|
||||
<title>Dispensa Manager</title>
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏠</text></svg>">
|
||||
<link rel="stylesheet" href="assets/css/style.css?v=20260319a">
|
||||
<link rel="stylesheet" href="assets/css/style.css?v=20260329a">
|
||||
<!-- QuaggaJS for barcode scanning -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@ericblade/quagga2@1.8.4/dist/quagga.min.js"></script>
|
||||
</head>
|
||||
@@ -55,6 +55,7 @@
|
||||
<span class="stat-icon">🛒</span>
|
||||
<span class="stat-value" id="stat-spesa">-</span>
|
||||
<span class="stat-label">Spesa</span>
|
||||
<span class="stat-urgent" id="stat-urgent" style="display:none"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -168,9 +169,11 @@
|
||||
<!-- ===== PRODUCT ACTION (IN/OUT after scan) ===== -->
|
||||
<section class="page" id="page-action">
|
||||
<div class="page-header">
|
||||
<button class="back-btn" onclick="showPage('scan')">← Indietro</button>
|
||||
<button class="back-btn" id="action-back-btn" onclick="showPage('scan')">← Indietro</button>
|
||||
<h2>Cosa vuoi fare?</h2>
|
||||
</div>
|
||||
<!-- Banner: shopping list scan context -->
|
||||
<div id="shopping-scan-target-banner" class="shopping-scan-target-banner" style="display:none"></div>
|
||||
<div class="product-preview product-preview-large" id="action-product-preview"></div>
|
||||
<div class="inventory-status-bar" id="action-inventory-status" style="display:none"></div>
|
||||
<div class="action-buttons" id="action-buttons-container">
|
||||
@@ -513,40 +516,86 @@
|
||||
<div class="bring-status" id="bring-status">
|
||||
<div class="bring-loading">Connessione a Bring!...</div>
|
||||
</div>
|
||||
<!-- Price total banner -->
|
||||
<div class="spesa-total-banner" id="spesa-total-banner" style="display:none">
|
||||
<div class="spesa-total-row">
|
||||
<span class="spesa-total-label">💰 Totale stimato</span>
|
||||
<span class="spesa-total-value" id="spesa-total-value">€ 0,00</span>
|
||||
</div>
|
||||
<div class="spesa-total-detail" id="spesa-total-detail"></div>
|
||||
|
||||
<!-- Tab navigation -->
|
||||
<div class="shopping-tabs" id="shopping-tabs" style="display:none">
|
||||
<button class="shopping-tab active" id="tab-acquisto" onclick="switchShoppingTab('acquisto')">
|
||||
🛍️ Da comprare <span class="shopping-tab-count" id="tab-count-acquisto">0</span>
|
||||
</button>
|
||||
<button class="shopping-tab" id="tab-previsione" onclick="switchShoppingTab('previsione')">
|
||||
🧠 In previsione <span class="shopping-tab-count" id="tab-count-previsione">0</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="shopping-current" id="shopping-current" style="display:none">
|
||||
<div class="shopping-section-header">
|
||||
<h3>🛍️ Da comprare</h3>
|
||||
<span class="shopping-count" id="shopping-count">0</span>
|
||||
|
||||
<!-- Tab panel: Da comprare -->
|
||||
<div id="tab-panel-acquisto" class="tab-panel-shopping active">
|
||||
<!-- Price total banner -->
|
||||
<div class="spesa-total-banner" id="spesa-total-banner" style="display:none">
|
||||
<div class="spesa-total-row">
|
||||
<span class="spesa-total-label">💰 Totale stimato</span>
|
||||
<span class="spesa-total-value" id="spesa-total-value">€ 0,00</span>
|
||||
</div>
|
||||
<div class="spesa-total-detail" id="spesa-total-detail"></div>
|
||||
</div>
|
||||
<div class="shopping-items" id="shopping-items"></div>
|
||||
</div>
|
||||
<div class="shopping-suggestions" id="shopping-suggestions" style="display:none">
|
||||
<div class="shopping-section-header">
|
||||
<h3>💡 Suggerimenti AI</h3>
|
||||
<div class="shopping-current" id="shopping-current" style="display:none">
|
||||
<div class="shopping-section-header">
|
||||
<h3>🛍️ Da comprare</h3>
|
||||
<span class="shopping-count" id="shopping-count">0</span>
|
||||
</div>
|
||||
<div class="shopping-items" id="shopping-items"></div>
|
||||
</div>
|
||||
<div class="seasonal-tip" id="seasonal-tip" style="display:none"></div>
|
||||
<div class="suggestion-items" id="suggestion-items"></div>
|
||||
<div class="suggestion-actions" id="suggestion-actions" style="display:none">
|
||||
<button class="btn btn-success" onclick="addSelectedSuggestions()">
|
||||
✅ Aggiungi selezionati a Bring!
|
||||
<div class="shopping-suggestions" id="shopping-suggestions" style="display:none">
|
||||
<div class="shopping-section-header">
|
||||
<h3>💡 Suggerimenti AI</h3>
|
||||
</div>
|
||||
<div class="seasonal-tip" id="seasonal-tip" style="display:none"></div>
|
||||
<div class="suggestion-items" id="suggestion-items"></div>
|
||||
<div class="suggestion-actions" id="suggestion-actions" style="display:none">
|
||||
<button class="btn btn-success" onclick="addSelectedSuggestions()">
|
||||
✅ Aggiungi selezionati a Bring!
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shopping-actions">
|
||||
<button class="btn btn-large btn-accent" onclick="searchAllPrices()" id="btn-search-prices">
|
||||
🔍 Cerca tutti i prezzi
|
||||
</button>
|
||||
<button class="btn btn-large btn-accent" onclick="generateSuggestions()" id="btn-suggest">
|
||||
🤖 Suggerisci cosa comprare
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shopping-actions">
|
||||
<button class="btn btn-large btn-accent" onclick="searchAllPrices()" id="btn-search-prices">
|
||||
🔍 Cerca tutti i prezzi
|
||||
</button>
|
||||
<button class="btn btn-large btn-accent" onclick="generateSuggestions()" id="btn-suggest">
|
||||
🤖 Suggerisci cosa comprare
|
||||
</button>
|
||||
|
||||
<!-- Tab panel: In previsione -->
|
||||
<div id="tab-panel-previsione" class="tab-panel-shopping">
|
||||
<!-- Smart shopping predictions -->
|
||||
<div class="smart-shopping" id="smart-shopping">
|
||||
<div class="smart-shopping-empty" id="smart-shopping-empty" style="display:none">
|
||||
<div class="empty-state" style="padding:30px">
|
||||
<div class="empty-state-icon">🧠</div>
|
||||
<p>Nessuna previsione disponibile.<br>Aggiungi prodotti alla dispensa per ricevere previsioni intelligenti.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="smart-shopping-content">
|
||||
<div class="shopping-section-header" style="margin-bottom:4px">
|
||||
<h3>🧠 Previsioni intelligenti</h3>
|
||||
<span class="shopping-count" id="smart-count">0</span>
|
||||
</div>
|
||||
<div class="smart-filter-row" id="smart-filter-row">
|
||||
<button class="smart-filter active" data-filter="all" onclick="filterSmart('all')">Tutti</button>
|
||||
<button class="smart-filter" data-filter="critical" onclick="filterSmart('critical')">🔴 Urgenti</button>
|
||||
<button class="smart-filter" data-filter="high" onclick="filterSmart('high')">🟠 Presto</button>
|
||||
<button class="smart-filter" data-filter="medium" onclick="filterSmart('medium')">🟡 Pianifica</button>
|
||||
<button class="smart-filter" data-filter="low" onclick="filterSmart('low')">🟢 Previsione</button>
|
||||
</div>
|
||||
<div class="smart-items" id="smart-items"></div>
|
||||
<div class="smart-actions" id="smart-actions" style="display:none">
|
||||
<button class="btn btn-success full-width" onclick="addSmartToBring()">
|
||||
🛒 Aggiungi selezionati a Bring!
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -909,6 +958,14 @@
|
||||
<div class="screensaver-clock" id="screensaver-clock"></div>
|
||||
<div class="screensaver-fact" id="screensaver-fact"></div>
|
||||
</div>
|
||||
<div class="screensaver-shortcuts">
|
||||
<button class="screensaver-shortcut-btn" id="screensaver-recipe-btn" title="Ricette">
|
||||
🍳
|
||||
</button>
|
||||
<button class="screensaver-shortcut-btn" id="screensaver-scan-btn" title="Scansiona prodotto (tieni premuto per modalità spesa)">
|
||||
📷
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/app.js?v=20260319a"></script>
|
||||
|
||||
Reference in New Issue
Block a user