feat(db_prodotti): aggiunge scraper e viewer catalogo ALDI
Dataset a sé stante (non collegato a lib/): scraper Playwright per il catalogo pubblico aldi.it (protetto da bot-detection Akamai) e viewer HTML statico basato su sql.js per sfogliare il db nel browser. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
6eb84a18e5
commit
1d7f1ad020
4 files changed
+499
No files matched your search
@@ -19,6 +19,12 @@ test/widget_test.dart
|
||||
/macos/
|
||||
/windows/
|
||||
/web/
|
||||
|
||||
# db_prodotti — dataset generato dallo scraper, rigenerabile con scrape_aldi.py
|
||||
db_prodotti/*.db
|
||||
db_prodotti/*.json
|
||||
db_prodotti/*.log
|
||||
db_prodotti/__pycache__/
|
||||
/.idea/
|
||||
*.iml
|
||||
.metadata
|
||||
|
||||
@@ -0,0 +1,81 @@
|
||||
# db_prodotti — catalogo prodotti aldi.it
|
||||
|
||||
Dump del catalogo pubblico su [aldi.it/prodotti](https://www.aldi.it/prodotti), raccolto con
|
||||
uno scraper (`scrape_aldi.py`) perché il sito non espone un'API pubblica ed è protetto da
|
||||
bot-detection (Akamai) che blocca le richieste HTTP dirette — servono un browser reale
|
||||
(Playwright + Chromium headless).
|
||||
|
||||
**Non fa parte dell'app BitePlan** (non è collegato a `lib/` né alla build Flutter): è un
|
||||
dataset a sé, generato una tantum, da usare come riferimento offline (es. prezzi/prodotti per
|
||||
alimentare in futuro il convertitore o la lista spesa).
|
||||
|
||||
## File
|
||||
|
||||
- `aldi_prodotti.db` — SQLite, tabelle `prodotti`, `categorie`, `prodotto_categorie` (join, un prodotto può comparire in più categorie foglia), `metadata` (data di generazione, fonte). Generato, non versionato (vedi `.gitignore`) — rigenerabile con lo script.
|
||||
- `scrape_aldi.py` — script di generazione (Playwright + BeautifulSoup)
|
||||
- `viewer.html` — UI statica per sfogliare il db nel browser (nessun server/dipendenza da installare)
|
||||
|
||||
## Schema SQLite
|
||||
|
||||
```
|
||||
prodotti(sku PK, nome, marca, prezzo_testo, prezzo_scontato, unita_misura,
|
||||
prezzo_comparativo, descrizione, immagine_url, url_prodotto)
|
||||
categorie(slug PK, nome, breadcrumb)
|
||||
prodotto_categorie(sku, categoria_slug)
|
||||
```
|
||||
|
||||
`prezzo_testo` e `prezzo_comparativo` sono stringhe italiane così come mostrate sul sito
|
||||
(es. `"0,75 €"`, `"(1,50 €/1 kg)"`) — non convertite in numero per evitare ambiguità di
|
||||
parsing su formati misti (kg/100g/pezzo).
|
||||
|
||||
## Copertura e limiti
|
||||
|
||||
- **674 prodotti unici**, 90 categorie foglia (su 92 individuate; 2 risultate vuote),
|
||||
generato il 2026-09-20. Include sia alimentari sia non-food (abbigliamento, casa, pet
|
||||
care, elettronica, ecc.) perché il catalogo online ALDI Italia li espone tutti sotto
|
||||
`/prodotti`.
|
||||
- Il catalogo online ALDI Italia è un **volantino digitale**, non un e-commerce completo:
|
||||
le pagine di dettaglio prodotto **non hanno quasi mai** ingredienti, valori nutrizionali o
|
||||
codice EAN. Il campo `descrizione` è popolato solo per ~38% dei prodotti (376/674 vuoti),
|
||||
più spesso su non-food (taglie, materiali) che su alimentari.
|
||||
- I prezzi sono uno snapshot del giorno di generazione: ALDI aggiorna il volantino/le offerte
|
||||
periodicamente, quindi il dato invecchia — va rigenerato se serve aggiornato.
|
||||
|
||||
## Rigenerare il db
|
||||
|
||||
```bash
|
||||
pip install --break-system-packages playwright beautifulsoup4
|
||||
python3 scrape_aldi.py # scraping completo (~20-30 min)
|
||||
python3 scrape_aldi.py --no-detail # salta il dettaglio prodotto (solo elenco, ~2 min)
|
||||
```
|
||||
|
||||
Usa il Chromium di sistema (`/snap/bin/chromium`) via Playwright, nessun download di
|
||||
browser aggiuntivo. Include una pausa (`DELAY` in `scrape_aldi.py`) fra le richieste di
|
||||
listing e fetch in parallelo (`DETAIL_CONCURRENCY = 8`, in `scrape_aldi.py`) per le pagine
|
||||
di dettaglio, il collo di bottiglia principale.
|
||||
|
||||
Ogni run è **riproducibile**: `write_sqlite()` cancella `aldi_prodotti.db` se già esiste
|
||||
(`db_path.unlink()`) e lo ricrea da zero con lo schema e i dati appena raccolti — nessun
|
||||
merge/append tra run, il file rispecchia sempre solo l'ultimo scraping. `metadata.generato_il`
|
||||
viene sovrascritto ad ogni rigenerazione con il timestamp del run corrente.
|
||||
|
||||
## Visualizzare il db (`viewer.html`)
|
||||
|
||||
Pagina statica (HTML + JS, [sql.js](https://sql.js.org) via CDN) che legge `aldi_prodotti.db`
|
||||
direttamente nel browser, senza installazione né build:
|
||||
|
||||
- tabella con miniatura, nome, marca, prezzo (con eventuale prezzo scontato), formato/unità
|
||||
di misura e categorie di appartenenza
|
||||
- ricerca live per nome/marca
|
||||
- filtro per categoria (dropdown popolato dalla tabella `categorie`)
|
||||
- colonne ordinabili al click sull'intestazione (stesso click inverte la direzione)
|
||||
- riepilogo in testa con data/ora di generazione e fonte, letti da `metadata`
|
||||
|
||||
Va **servita via HTTP** (il fetch del `.db` fallisce se apri il file con doppio click /
|
||||
`file://`, per le restrizioni CORS del browser):
|
||||
|
||||
```bash
|
||||
cd db_prodotti
|
||||
python3 -m http.server 8000
|
||||
# poi apri http://localhost:8000/viewer.html
|
||||
```
|
||||
@@ -0,0 +1,252 @@
|
||||
#!/usr/bin/env python3
|
||||
"""Scraper del catalogo prodotti aldi.it -> sqlite (aldi_prodotti.db) + JSON (aldi_prodotti.json).
|
||||
|
||||
Uso:
|
||||
python3 scrape_aldi.py # scraping completo (categorie + elenco prodotti + dettaglio)
|
||||
python3 scrape_aldi.py --no-detail # salta il fetch delle pagine di dettaglio prodotto
|
||||
|
||||
Richiede: playwright (pip install playwright), un browser chromium disponibile
|
||||
(usa /snap/bin/chromium di sistema via executable_path, nessun download extra).
|
||||
"""
|
||||
import argparse
|
||||
import asyncio
|
||||
import re
|
||||
import sqlite3
|
||||
import sys
|
||||
import time
|
||||
from pathlib import Path
|
||||
from urllib.parse import urljoin
|
||||
|
||||
from bs4 import BeautifulSoup
|
||||
from playwright.async_api import async_playwright
|
||||
from playwright.sync_api import sync_playwright
|
||||
|
||||
BASE = "https://www.aldi.it"
|
||||
UA = ("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 "
|
||||
"(KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36")
|
||||
OUT_DIR = Path(__file__).parent
|
||||
DELAY = 0.4 # pausa fra le richieste di listing, per non martellare il sito
|
||||
DETAIL_CONCURRENCY = 8 # pagine di dettaglio in parallelo
|
||||
|
||||
|
||||
def slug_to_label(slug: str) -> str:
|
||||
return slug.replace("-", " ").strip().capitalize()
|
||||
|
||||
|
||||
def find_leaf_categories(page) -> list[dict]:
|
||||
page.goto(f"{BASE}/prodotti", timeout=30000)
|
||||
page.wait_for_load_state("networkidle", timeout=15000)
|
||||
soup = BeautifulSoup(page.content(), "html.parser")
|
||||
hrefs = sorted({a["href"] for a in soup.find_all("a", href=True)
|
||||
if re.match(r"^/prodotti/.+/k/\d+$", a["href"])})
|
||||
paths = [h.split("/k/")[0] for h in hrefs]
|
||||
leaves = []
|
||||
for h, p in zip(hrefs, paths):
|
||||
is_leaf = not any(p2 != p and p2.startswith(p + "/") for p2 in paths)
|
||||
if is_leaf:
|
||||
slugs = p.strip("/").split("/")[1:] # rimuove "prodotti"
|
||||
leaves.append({
|
||||
"url": urljoin(BASE, h),
|
||||
"slug_path": "/".join(slugs),
|
||||
"breadcrumb": " > ".join(slug_to_label(s) for s in slugs),
|
||||
"categoria_slug": slugs[-1],
|
||||
"categoria_nome": slug_to_label(slugs[-1]),
|
||||
})
|
||||
return leaves
|
||||
|
||||
|
||||
def parse_product_tiles(html: str) -> list[dict]:
|
||||
soup = BeautifulSoup(html, "html.parser")
|
||||
products = []
|
||||
for tile_wrap in soup.select('[id^="product-tile-"]'):
|
||||
sku = tile_wrap["id"].replace("product-tile-", "")
|
||||
tile = tile_wrap.select_one(".product-tile")
|
||||
if tile is None:
|
||||
continue
|
||||
name_el = tile.select_one(".product-tile__name p")
|
||||
brand_el = tile.select_one(".product-tile__brandname p")
|
||||
price_el = tile.select_one(".base-price__regular span")
|
||||
old_price_el = tile.select_one(".base-price__discount-tag__wrapper")
|
||||
unit_el = tile.select_one('[data-test="product-tile__unit-of-measurement"]')
|
||||
comp_price_el = tile.select_one('[data-test="product-tile__comparison-price"]')
|
||||
link_el = tile.select_one("a.product-tile__link")
|
||||
img_el = tile.select_one("img")
|
||||
|
||||
products.append({
|
||||
"sku": sku,
|
||||
"nome": name_el.get_text(strip=True) if name_el else tile.get("title"),
|
||||
"marca": brand_el.get_text(strip=True).rstrip(",") if brand_el else None,
|
||||
"prezzo_testo": price_el.get_text(strip=True) if price_el else None,
|
||||
"prezzo_scontato": bool(old_price_el and old_price_el.get_text(strip=True)),
|
||||
"unita_misura": unit_el.get_text(strip=True) if unit_el else None,
|
||||
"prezzo_comparativo": comp_price_el.get_text(strip=True) if comp_price_el else None,
|
||||
"url_prodotto": urljoin(BASE, link_el["href"]) if link_el else None,
|
||||
"immagine_url": img_el["src"] if img_el and img_el.get("src") else None,
|
||||
})
|
||||
return products
|
||||
|
||||
|
||||
def max_page(html: str) -> int:
|
||||
soup = BeautifulSoup(html, "html.parser")
|
||||
pages = [int(a.get_text(strip=True)) for a in soup.select(".base-pagination__count")
|
||||
if a.get_text(strip=True).isdigit()]
|
||||
return max(pages) if pages else 1
|
||||
|
||||
|
||||
def scrape_listing(page, leaves: list[dict]) -> dict:
|
||||
"""Ritorna {sku: prodotto} con le categorie aggregate."""
|
||||
products: dict[str, dict] = {}
|
||||
for i, cat in enumerate(leaves, 1):
|
||||
print(f"[{i}/{len(leaves)}] {cat['breadcrumb']}", file=sys.stderr)
|
||||
page.goto(cat["url"], timeout=30000)
|
||||
try:
|
||||
page.wait_for_selector('[id^="product-tile-"], .product-listing-viewer', timeout=15000)
|
||||
except Exception:
|
||||
pass
|
||||
html = page.content()
|
||||
n_pages = max_page(html)
|
||||
all_tiles = parse_product_tiles(html)
|
||||
for p in range(2, n_pages + 1):
|
||||
time.sleep(DELAY)
|
||||
page.goto(f"{cat['url']}?page={p}", timeout=30000)
|
||||
page.wait_for_selector('[id^="product-tile-"]', timeout=15000)
|
||||
all_tiles.extend(parse_product_tiles(page.content()))
|
||||
|
||||
for t in all_tiles:
|
||||
existing = products.get(t["sku"])
|
||||
if existing is None:
|
||||
t["categorie"] = [{"slug": cat["categoria_slug"], "nome": cat["categoria_nome"],
|
||||
"breadcrumb": cat["breadcrumb"]}]
|
||||
products[t["sku"]] = t
|
||||
else:
|
||||
if not any(c["slug"] == cat["categoria_slug"] for c in existing["categorie"]):
|
||||
existing["categorie"].append({"slug": cat["categoria_slug"],
|
||||
"nome": cat["categoria_nome"],
|
||||
"breadcrumb": cat["breadcrumb"]})
|
||||
time.sleep(DELAY)
|
||||
return products
|
||||
|
||||
|
||||
async def _scrape_detail_one(context, product: dict, sem: asyncio.Semaphore,
|
||||
progress: list, total: int) -> None:
|
||||
async with sem:
|
||||
page = await context.new_page()
|
||||
try:
|
||||
await page.goto(product["url_prodotto"], timeout=30000)
|
||||
await page.wait_for_load_state("networkidle", timeout=15000)
|
||||
soup = BeautifulSoup(await page.content(), "html.parser")
|
||||
desc_el = soup.select_one(".product-details__information .show-more__content")
|
||||
product["descrizione"] = desc_el.get_text(strip=True) if desc_el else None
|
||||
except Exception as e:
|
||||
print(f" errore su {product['url_prodotto']}: {e}", file=sys.stderr)
|
||||
product["descrizione"] = None
|
||||
finally:
|
||||
await page.close()
|
||||
progress.append(1)
|
||||
print(f"[dettaglio {len(progress)}/{total}] {product['nome']}", file=sys.stderr)
|
||||
|
||||
|
||||
async def scrape_detail_async(products: dict) -> None:
|
||||
"""Fetch delle pagine di dettaglio in parallelo (DETAIL_CONCURRENCY schede alla volta)."""
|
||||
items = [p for p in products.values() if p.get("url_prodotto")]
|
||||
sem = asyncio.Semaphore(DETAIL_CONCURRENCY)
|
||||
progress: list = []
|
||||
|
||||
async with async_playwright() as pw:
|
||||
browser = await pw.chromium.launch(executable_path="/snap/bin/chromium", headless=True,
|
||||
args=["--no-sandbox", "--disable-gpu"])
|
||||
context = await browser.new_context(user_agent=UA)
|
||||
await asyncio.gather(*(_scrape_detail_one(context, p, sem, progress, len(items))
|
||||
for p in items))
|
||||
await browser.close()
|
||||
|
||||
|
||||
def scrape_detail(products: dict) -> None:
|
||||
asyncio.run(scrape_detail_async(products))
|
||||
|
||||
|
||||
def write_sqlite(products: dict, db_path: Path) -> None:
|
||||
if db_path.exists():
|
||||
db_path.unlink()
|
||||
conn = sqlite3.connect(db_path)
|
||||
conn.executescript("""
|
||||
CREATE TABLE categorie (
|
||||
slug TEXT PRIMARY KEY,
|
||||
nome TEXT NOT NULL,
|
||||
breadcrumb TEXT NOT NULL
|
||||
);
|
||||
CREATE TABLE prodotti (
|
||||
sku TEXT PRIMARY KEY,
|
||||
nome TEXT NOT NULL,
|
||||
marca TEXT,
|
||||
prezzo_testo TEXT,
|
||||
prezzo_scontato INTEGER NOT NULL DEFAULT 0,
|
||||
unita_misura TEXT,
|
||||
prezzo_comparativo TEXT,
|
||||
descrizione TEXT,
|
||||
immagine_url TEXT,
|
||||
url_prodotto TEXT
|
||||
);
|
||||
CREATE TABLE prodotto_categorie (
|
||||
sku TEXT NOT NULL REFERENCES prodotti(sku),
|
||||
categoria_slug TEXT NOT NULL REFERENCES categorie(slug),
|
||||
PRIMARY KEY (sku, categoria_slug)
|
||||
);
|
||||
CREATE TABLE metadata (
|
||||
chiave TEXT PRIMARY KEY,
|
||||
valore TEXT NOT NULL
|
||||
);
|
||||
""")
|
||||
conn.execute("INSERT INTO metadata (chiave, valore) VALUES ('generato_il', ?)",
|
||||
(time.strftime("%Y-%m-%dT%H:%M:%S%z"),))
|
||||
conn.execute("INSERT INTO metadata (chiave, valore) VALUES ('fonte', ?)",
|
||||
(f"{BASE}/prodotti",))
|
||||
seen_cat = set()
|
||||
for p in products.values():
|
||||
conn.execute(
|
||||
"INSERT INTO prodotti (sku, nome, marca, prezzo_testo, prezzo_scontato, "
|
||||
"unita_misura, prezzo_comparativo, descrizione, immagine_url, url_prodotto) "
|
||||
"VALUES (?,?,?,?,?,?,?,?,?,?)",
|
||||
(p["sku"], p["nome"], p.get("marca"), p.get("prezzo_testo"),
|
||||
int(p.get("prezzo_scontato", False)), p.get("unita_misura"),
|
||||
p.get("prezzo_comparativo"), p.get("descrizione"), p.get("immagine_url"),
|
||||
p.get("url_prodotto")),
|
||||
)
|
||||
for c in p["categorie"]:
|
||||
if c["slug"] not in seen_cat:
|
||||
conn.execute("INSERT INTO categorie (slug, nome, breadcrumb) VALUES (?,?,?)",
|
||||
(c["slug"], c["nome"], c["breadcrumb"]))
|
||||
seen_cat.add(c["slug"])
|
||||
conn.execute("INSERT OR IGNORE INTO prodotto_categorie (sku, categoria_slug) VALUES (?,?)",
|
||||
(p["sku"], c["slug"]))
|
||||
conn.commit()
|
||||
conn.close()
|
||||
|
||||
|
||||
def main():
|
||||
ap = argparse.ArgumentParser()
|
||||
ap.add_argument("--no-detail", action="store_true", help="salta il fetch delle pagine di dettaglio")
|
||||
args = ap.parse_args()
|
||||
|
||||
with sync_playwright() as pw:
|
||||
browser = pw.chromium.launch(executable_path="/snap/bin/chromium", headless=True,
|
||||
args=["--no-sandbox", "--disable-gpu"])
|
||||
page = browser.new_page(user_agent=UA)
|
||||
|
||||
leaves = find_leaf_categories(page)
|
||||
print(f"{len(leaves)} categorie foglia trovate", file=sys.stderr)
|
||||
|
||||
products = scrape_listing(page, leaves)
|
||||
print(f"{len(products)} prodotti unici trovati", file=sys.stderr)
|
||||
|
||||
browser.close()
|
||||
|
||||
if not args.no_detail:
|
||||
scrape_detail(products) # fase separata: usa l'API async per il fetch in parallelo
|
||||
|
||||
write_sqlite(products, OUT_DIR / "aldi_prodotti.db")
|
||||
print("Fatto: aldi_prodotti.db", file=sys.stderr)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,160 @@
|
||||
<!doctype html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Catalogo ALDI — visualizzatore</title>
|
||||
<style>
|
||||
:root { color-scheme: light dark; }
|
||||
body { font-family: system-ui, sans-serif; margin: 0; padding: 1.5rem; background: #f7f7f5; color: #1a1a1a; }
|
||||
h1 { font-size: 1.25rem; margin: 0 0 0.25rem; }
|
||||
#meta { color: #666; font-size: 0.85rem; margin-bottom: 1rem; }
|
||||
#controls { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
|
||||
input, select { padding: 0.4rem 0.6rem; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 6px; }
|
||||
input[type="search"] { flex: 1; min-width: 200px; }
|
||||
#count { font-size: 0.85rem; color: #666; margin-bottom: 0.5rem; }
|
||||
#table-wrap { overflow-x: auto; background: #fff; border-radius: 8px; }
|
||||
table { width: 100%; min-width: 780px; border-collapse: collapse; }
|
||||
th, td { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #eee; font-size: 0.9rem; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
|
||||
th:nth-child(2), td:nth-child(2) { min-width: 220px; }
|
||||
th:nth-child(6), td:nth-child(6) { white-space: normal; }
|
||||
th { background: #eee; cursor: pointer; user-select: none; position: sticky; top: 0; }
|
||||
th:hover { background: #e2e2e2; }
|
||||
img.thumb { width: 40px; height: 40px; object-fit: contain; border-radius: 4px; background: #f0f0f0; display: block; }
|
||||
tr:hover { background: #fafafa; }
|
||||
a { color: #2d6a4f; }
|
||||
#error { color: #b00020; white-space: pre-wrap; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Catalogo ALDI — visualizzatore</h1>
|
||||
<div id="meta">caricamento...</div>
|
||||
<div id="controls">
|
||||
<input type="search" id="q" placeholder="Cerca per nome o marca...">
|
||||
<select id="categoria"><option value="">Tutte le categorie</option></select>
|
||||
</div>
|
||||
<div id="count"></div>
|
||||
<div id="error"></div>
|
||||
<div id="table-wrap">
|
||||
<table id="tabella">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th data-key="nome">Nome</th>
|
||||
<th data-key="marca">Marca</th>
|
||||
<th data-key="prezzo_num">Prezzo</th>
|
||||
<th data-key="unita_misura">Formato</th>
|
||||
<th data-key="categorie">Categorie</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.10.3/sql-wasm.js"></script>
|
||||
<script>
|
||||
let allRows = [];
|
||||
let sortKey = null, sortDir = 1;
|
||||
|
||||
function parsePrezzo(testo) {
|
||||
if (!testo) return null;
|
||||
const n = testo.replace(/[^\d,]/g, "").replace(",", ".");
|
||||
return n ? parseFloat(n) : null;
|
||||
}
|
||||
|
||||
async function main() {
|
||||
const errEl = document.getElementById("error");
|
||||
try {
|
||||
const SQL = await initSqlJs({ locateFile: f => `https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.10.3/${f}` });
|
||||
const buf = await (await fetch("aldi_prodotti.db")).arrayBuffer();
|
||||
const db = new SQL.Database(new Uint8Array(buf));
|
||||
|
||||
const meta = {};
|
||||
db.exec("SELECT chiave, valore FROM metadata")[0]?.values.forEach(([k, v]) => meta[k] = v);
|
||||
const generatoIl = meta.generato_il
|
||||
? new Date(meta.generato_il).toLocaleString("it-IT", { dateStyle: "long", timeStyle: "short" })
|
||||
: "?";
|
||||
document.getElementById("meta").textContent =
|
||||
`Generato il ${generatoIl} — fonte: ${meta.fonte ?? "?"}`;
|
||||
|
||||
const catStmt = db.exec("SELECT slug, breadcrumb FROM categorie ORDER BY breadcrumb");
|
||||
const catSel = document.getElementById("categoria");
|
||||
(catStmt[0]?.values ?? []).forEach(([slug, breadcrumb]) => {
|
||||
const opt = document.createElement("option");
|
||||
opt.value = slug;
|
||||
opt.textContent = breadcrumb;
|
||||
catSel.appendChild(opt);
|
||||
});
|
||||
|
||||
const res = db.exec(`
|
||||
SELECT p.sku, p.nome, p.marca, p.prezzo_testo, p.unita_misura, p.immagine_url,
|
||||
p.url_prodotto,
|
||||
(SELECT group_concat(c.nome, ', ') FROM prodotto_categorie pc
|
||||
JOIN categorie c ON c.slug = pc.categoria_slug WHERE pc.sku = p.sku) AS categorie,
|
||||
(SELECT group_concat(pc.categoria_slug, ',') FROM prodotto_categorie pc
|
||||
WHERE pc.sku = p.sku) AS categoria_slugs
|
||||
FROM prodotti p
|
||||
`);
|
||||
const cols = res[0].columns;
|
||||
allRows = res[0].values.map(row => {
|
||||
const o = Object.fromEntries(cols.map((c, i) => [c, row[i]]));
|
||||
o.prezzo_num = parsePrezzo(o.prezzo_testo);
|
||||
return o;
|
||||
});
|
||||
|
||||
document.getElementById("q").addEventListener("input", render);
|
||||
catSel.addEventListener("change", render);
|
||||
document.querySelectorAll("th[data-key]").forEach(th => {
|
||||
th.addEventListener("click", () => {
|
||||
const key = th.dataset.key;
|
||||
sortDir = (sortKey === key) ? -sortDir : 1;
|
||||
sortKey = key;
|
||||
render();
|
||||
});
|
||||
});
|
||||
|
||||
render();
|
||||
} catch (e) {
|
||||
errEl.textContent = "Errore nel caricamento del database: " + e.message +
|
||||
"\n\nSe hai aperto questo file direttamente (file://), il browser blocca il fetch " +
|
||||
"del .db per motivi di sicurezza. Avvialo invece con:\n" +
|
||||
" cd db_prodotti && python3 -m http.server 8000\n" +
|
||||
"e apri http://localhost:8000/viewer.html";
|
||||
document.getElementById("meta").textContent = "";
|
||||
}
|
||||
}
|
||||
|
||||
function render() {
|
||||
const q = document.getElementById("q").value.trim().toLowerCase();
|
||||
const cat = document.getElementById("categoria").value;
|
||||
let rows = allRows.filter(r =>
|
||||
(!q || (r.nome ?? "").toLowerCase().includes(q) || (r.marca ?? "").toLowerCase().includes(q)) &&
|
||||
(!cat || (r.categoria_slugs ?? "").split(",").includes(cat))
|
||||
);
|
||||
if (sortKey) {
|
||||
rows = rows.slice().sort((a, b) => {
|
||||
const av = a[sortKey] ?? "", bv = b[sortKey] ?? "";
|
||||
return av < bv ? -sortDir : av > bv ? sortDir : 0;
|
||||
});
|
||||
}
|
||||
document.getElementById("count").textContent = `${rows.length} / ${allRows.length} prodotti`;
|
||||
|
||||
const tbody = document.querySelector("#tabella tbody");
|
||||
tbody.innerHTML = "";
|
||||
for (const r of rows) {
|
||||
const tr = document.createElement("tr");
|
||||
tr.innerHTML = `
|
||||
<td>${r.immagine_url ? `<img class="thumb" src="${r.immagine_url}" loading="lazy" alt="">` : ""}</td>
|
||||
<td><a href="${r.url_prodotto ?? "#"}" target="_blank" rel="noopener">${r.nome ?? ""}</a></td>
|
||||
<td>${r.marca ?? ""}</td>
|
||||
<td>${r.prezzo_testo ?? ""}</td>
|
||||
<td>${r.unita_misura ?? ""}</td>
|
||||
<td>${r.categorie ?? ""}</td>
|
||||
`;
|
||||
tbody.appendChild(tr);
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user