Clean up unused live page code
This commit is contained in:
36
index.html
36
index.html
@@ -101,23 +101,6 @@
|
|||||||
}
|
}
|
||||||
.pill input { accent-color: var(--accent); }
|
.pill input { accent-color: var(--accent); }
|
||||||
main .wrap { padding-top: 14px; padding-bottom: 28px; }
|
main .wrap { padding-top: 14px; padding-bottom: 28px; }
|
||||||
.stats {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
|
|
||||||
gap: 10px;
|
|
||||||
margin-bottom: 14px;
|
|
||||||
}
|
|
||||||
.stat {
|
|
||||||
border: 1px solid var(--line);
|
|
||||||
border-radius: 14px;
|
|
||||||
padding: 10px 12px;
|
|
||||||
background: linear-gradient(180deg, rgba(18,45,70,.92), rgba(12,31,51,.98));
|
|
||||||
display: grid;
|
|
||||||
gap: 4px;
|
|
||||||
box-shadow: var(--shadow);
|
|
||||||
}
|
|
||||||
.stat .label { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .8px; }
|
|
||||||
.stat .value { font-size: 18px; font-weight: 700; letter-spacing: .3px; color: var(--accent); }
|
|
||||||
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
|
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
|
||||||
.card-tile {
|
.card-tile {
|
||||||
border: 1px solid rgba(255,255,255,.08);
|
border: 1px solid rgba(255,255,255,.08);
|
||||||
@@ -212,8 +195,6 @@
|
|||||||
tr:last-child td { border-bottom: 0; }
|
tr:last-child td { border-bottom: 0; }
|
||||||
thead th { background: rgba(0,0,0,.12); }
|
thead th { background: rgba(0,0,0,.12); }
|
||||||
tbody tr:nth-child(odd) { background: rgba(255,255,255,.02); }
|
tbody tr:nth-child(odd) { background: rgba(255,255,255,.02); }
|
||||||
.delta-pos { color: rgba(123,213,141,.98); font-weight: 700; }
|
|
||||||
.delta-neg { color: rgba(255,107,125,.98); font-weight: 700; }
|
|
||||||
.muted { color: var(--muted); }
|
.muted { color: var(--muted); }
|
||||||
.small { font-size: 12px; }
|
.small { font-size: 12px; }
|
||||||
.footer {
|
.footer {
|
||||||
@@ -328,7 +309,6 @@
|
|||||||
.brand { width: 100%; }
|
.brand { width: 100%; }
|
||||||
.controls { width: 100%; }
|
.controls { width: 100%; }
|
||||||
.search { min-width: 100%; }
|
.search { min-width: 100%; }
|
||||||
.stats { grid-template-columns: 1fr; }
|
|
||||||
.card-media { aspect-ratio: 4 / 3; }
|
.card-media { aspect-ratio: 4 / 3; }
|
||||||
.order-btn { width: 100%; justify-content: center; }
|
.order-btn { width: 100%; justify-content: center; }
|
||||||
}
|
}
|
||||||
@@ -358,7 +338,6 @@
|
|||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<div id="stats" class="stats" aria-live="polite"></div>
|
|
||||||
<div id="grid" class="grid" aria-live="polite"></div>
|
<div id="grid" class="grid" aria-live="polite"></div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div>Tip: Auf einen Artikel klicken, um die Größen‑Tabelle zu öffnen.</div>
|
<div>Tip: Auf einen Artikel klicken, um die Größen‑Tabelle zu öffnen.</div>
|
||||||
@@ -440,23 +419,8 @@ function badge(label, value, cls="") {
|
|||||||
return `<span class="badge ${cls}">${label}: <strong>${fmt(value)}</strong></span>`;
|
return `<span class="badge ${cls}">${label}: <strong>${fmt(value)}</strong></span>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
function deltaClass(d) {
|
|
||||||
if (d === null || d === undefined) return "";
|
|
||||||
if (d > 0) return "delta-pos";
|
|
||||||
if (d < 0) return "delta-neg";
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
function hasDiff(item) {
|
|
||||||
const t = item.totals || {};
|
|
||||||
return (t.abweichung ?? 0) !== 0 || (t.fehlbestand ?? 0) !== 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function render(items) {
|
function render(items) {
|
||||||
const grid = document.getElementById("grid");
|
const grid = document.getElementById("grid");
|
||||||
const stats = document.getElementById("stats");
|
|
||||||
|
|
||||||
stats.innerHTML = "";
|
|
||||||
|
|
||||||
if (!items.length) {
|
if (!items.length) {
|
||||||
grid.innerHTML = `<div class="empty">Keine Treffer. (Suchbegriff anpassen)</div>`;
|
grid.innerHTML = `<div class="empty">Keine Treffer. (Suchbegriff anpassen)</div>`;
|
||||||
|
|||||||
Reference in New Issue
Block a user