Michael/CollectFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/CollectFlow.git synced 2026-10-18 04:36:21 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add PostgreSQL client for FF Nancy to replace per-article HTTP API calls with bulk SQL queries.

Browse Source
This commit is contained in:
Michael committed 2026-03-21 11:59:36 +01:00
1 parent 1664aaf4cc
commit e3d241a5ff
2 files changed
+95 -240
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(dashboard)/dashboard/page.tsx
+13 -34
View File
@@ -1,11 +1,18 @@
import { pgGetDashboardData, type DashboardTopItem, type DashboardSiteStats, type DashboardMonthStats } from "@/lib/pg-ff-client";
import { TrendingUp, TrendingDown, Minus, Store, ShoppingCart, Euro, Percent, Users } from "lucide-react";
import { TrendingUp, TrendingDown, Minus, Store, Euro, Percent, Users } from "lucide-react";
// ---------------------------------------------------------------------------
// Helpers
// ---------------------------------------------------------------------------
const SITE_NAMES: Record<string, string> = { "292": "Frouard", "579": "Houdemont" };
// Codes sites tels que retournés par l'API (ex: "F01") → nom affiché
const SITE_NAMES: Record<string, string> = {
"F01": "Frouard",
"F02": "Houdemont",
// Anciens codes PostgreSQL si jamais
"292": "Frouard",
"579": "Houdemont",
};
function fmtEur(n: number): string {
const abs = Math.abs(n);
@@ -107,19 +114,6 @@ function SiteCard({ site }: { site: DashboardSiteStats }) {
{site.tickets_n1 > 0 && <span className="text-xs" style={{ color: "var(--text-muted)" }}>N-1 {fmtQte(site.tickets_n1)}</span>}
</div>
</div>
<div>
<div className="text-xs mb-1" style={{ color: "var(--text-muted)" }}>Marge</div>
<div className="text-lg font-bold" style={{ color: "var(--text-primary)" }}>{fmtEur(site.marge_hier)}</div>
</div>
<div>
<div className="text-xs mb-1" style={{ color: "var(--text-muted)" }}>Tx Marge</div>
<div className="text-lg font-bold" style={{ color: txMarge >= 25 ? "#10b981" : txMarge >= 15 ? "#f59e0b" : "#ef4444" }}>
{fmtPct(txMarge, false)}
</div>
</div>
</div>
<div className="text-xs pt-2" style={{ color: "var(--text-muted)", borderTop: "1px solid var(--border)" }}>
{fmtQte(site.qte_hier)} articles · {fmtQte(site.lignes_hier)} lignes
</div>
</div>
);
@@ -311,17 +305,13 @@ export default async function DashboardPage() {
);
}
const { dateHier, sites, top10Ca, top10Qte, top10Marge, evolution, debug } = data;
const { dateHier, sites, top10Ca, top10Qte, top10Marge, evolution } = data;
// Totaux réseau
const totalCa = sites.reduce((s, r) => s + r.ca_hier, 0);
const totalCaN1 = sites.reduce((s, r) => s + r.ca_n1, 0);
const totalTickets = sites.reduce((s, r) => s + r.tickets_hier, 0);
const totalTicketsN1 = sites.reduce((s, r) => s + r.tickets_n1, 0);
const totalQte = sites.reduce((s, r) => s + r.qte_hier, 0);
const totalMarge = sites.reduce((s, r) => s + r.marge_hier, 0);
const txMarge = totalCa > 0 ? (totalMarge / totalCa) * 100 : 0;
const totalLignes = sites.reduce((s, r) => s + r.lignes_hier, 0);
return (
<div className="flex flex-col gap-6 p-6 pb-12 max-w-screen-2xl mx-auto">
@@ -336,12 +326,6 @@ export default async function DashboardPage() {
</p>
</div>
{/* Debug probe — à supprimer une fois les colonnes confirmées */}
<div className="rounded-lg px-4 py-2 text-xs font-mono break-all" style={{ background: "var(--bg-elevated)", border: "1px solid var(--border)", color: "var(--text-muted)" }}>
🔍 cumstat=&quot;{debug.cumstatCol ?? "∅"}&quot; · mvtart={debug.mvtartCount} · statop_rows={debug.statopCount} · {debug.extra}<br/>
cols=[{debug.statopCols.join(" | ")}]
</div>
{/* KPI réseau */}
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
<KpiCard
@@ -359,16 +343,11 @@ export default async function DashboardPage() {
icon={Users}
/>
<KpiCard
label="Marge Brute"
value={fmtEur(totalMarge)}
sub={`${fmtQte(totalQte)} articles · ${fmtQte(totalLignes)} lignes`}
label="Magasins actifs"
value={`${sites.length}`}
sub={sites.map(s => SITE_NAMES[s.site] ?? s.site).join(" · ")}
icon={TrendingUp}
/>
<KpiCard
label="Taux de Marge"
value={fmtPct(txMarge, false)}
icon={Percent}
/>
</div>
{/* Par magasin */}