mirror of
https://github.com/R0m1k3/CollectFlow.git
synced 2026-10-12 17:57:09 +02:00
Claude
eeaae09282
Nouvelle page /produits : recherche par libellé ou par code centrale, puis fiche complète d'un produit — identité, prix, stock par magasin, ventes sur 12 mois glissants, et l'intégralité des métriques réseau Qlik. Jusqu'ici les données produit n'étaient accessibles que par fournisseur (la Grille) ou par classement (Hit Parade) : aucune route n'acceptait un codein. Les données réseau Qlik n'étaient visibles que dans six colonnes de la grille d'arbitrage. Deux analyses ajoutées : - comparatif local vs réseau, ramené au magasin moyen (indice de performance sur les quantités, seule base commune fiable — le CA local est TTC et la base du CA Qlik n'est pas documentée, donc indicatif) ; - opportunités de la même famille : références que le réseau vend bien et que nous vendons peu, écart calculé par magasin. Détail mensuel réseau enrichi : le cube Qlik renvoyait déjà CA, nb de magasins, CA/magasin et marge % par (article, mois) mais seule la quantité était conservée. Ces mesures sont désormais stockées dans une nouvelle colonne metrics_by_month, sans requête Qlik supplémentaire. qte_by_month reste inchangée — la colonne « Tendance / Réseau » de la Grille en dépend. L'extraction Qlik peut désormais cibler un seul code centrale (/api/qlik/sync?codeCentrale=…), ouverte à tout utilisateur connecté et plafonnée à 3 extractions simultanées ; le mode fournisseur reste réservé aux admins. Refactor sans changement de comportement : les helpers de mois, le calcul de tendance et les graphes SVG quittent heatmap-grid.tsx pour des modules partagés, et le polling des jobs Qlik devient le hook useQlikSyncJob, réutilisé par la Grille et par la fiche. Les calculs de ventes reprennent le SQL canonique de la Grille (genremvt=3 avec quantités niées pour déduire les retours, stock de fin de mois pris sur le dernier mouvement, report sur les mois sans mouvement), afin que les chiffres des deux pages soient identiques par construction. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XR8cMbsdjXWChX8seL9NCP
81 lines
3.4 KiB
TypeScript
81 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { useCallback } from "react";
|
|
import { useRouter, usePathname, useSearchParams } from "next/navigation";
|
|
import { Loader2, RefreshCw, CheckCircle, AlertCircle } from "lucide-react";
|
|
import { useQlikSyncJob } from "@/features/qlik-sync/use-qlik-sync-job";
|
|
|
|
interface SyncQlikButtonProps {
|
|
/** Code fournisseur affiché (pour sync ciblée) */
|
|
codeFournisseur?: string;
|
|
/** Date ISO de dernière maj Qlik pour ce fournisseur (max des lignes) */
|
|
lastUpdate?: string | null;
|
|
}
|
|
|
|
/** Date + heure de dernière synchro, ou "jamais". */
|
|
function formatLastUpdate(iso?: string | null): string {
|
|
if (!iso) return "jamais";
|
|
const d = new Date(iso);
|
|
if (isNaN(d.getTime())) return "jamais";
|
|
return d.toLocaleString("fr-FR", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" });
|
|
}
|
|
|
|
/**
|
|
* Bouton admin : synchronise depuis Qlik les métriques réseau du fournisseur affiché
|
|
* (POST /api/qlik/sync?fournisseur=…) puis recharge la grille. Affiche la dernière maj.
|
|
*
|
|
* Toute la mécanique de job (POST puis polling GET, reprise après reload) vit
|
|
* dans `useQlikSyncJob`, partagée avec la fiche produit.
|
|
*/
|
|
export function SyncQlikButton({ codeFournisseur, lastUpdate }: SyncQlikButtonProps) {
|
|
const router = useRouter();
|
|
const pathname = usePathname();
|
|
const searchParams = useSearchParams();
|
|
|
|
/** Force le refresh de la grille (avec cache-buster) et de la barre de résumé. */
|
|
const refreshGrid = useCallback(() => {
|
|
const params = new URLSearchParams(searchParams.toString());
|
|
params.set("_refresh", String(Date.now()));
|
|
router.replace(`${pathname}?${params.toString()}`);
|
|
router.refresh();
|
|
}, [pathname, router, searchParams]);
|
|
|
|
const { status, message, start } = useQlikSyncJob({
|
|
target: { mode: "fournisseur", fournisseur: codeFournisseur },
|
|
onSuccess: refreshGrid,
|
|
});
|
|
|
|
return (
|
|
<div className="flex items-center gap-2">
|
|
<span
|
|
className="text-[10px] leading-tight text-right whitespace-nowrap hidden lg:block"
|
|
style={{ color: status === "error" ? "var(--accent-error)" : "var(--text-muted)" }}
|
|
title={message || undefined}
|
|
>
|
|
{status === "error"
|
|
? message
|
|
: status === "running"
|
|
? (message || `Extraction Qlik…`)
|
|
: `MAJ Qlik · ${formatLastUpdate(lastUpdate)}`}
|
|
</span>
|
|
<button
|
|
onClick={start}
|
|
disabled={status === "running"}
|
|
className="btn-action btn-action-secondary flex items-center gap-1.5 disabled:opacity-60"
|
|
title={message || `Synchroniser les données réseau Qlik · MAJ ${formatLastUpdate(lastUpdate)}`}
|
|
>
|
|
{status === "running" ? (
|
|
<Loader2 className="w-3.5 h-3.5 animate-spin" />
|
|
) : status === "success" ? (
|
|
<CheckCircle className="w-3.5 h-3.5 text-emerald-500" />
|
|
) : status === "error" ? (
|
|
<AlertCircle className="w-3.5 h-3.5 text-rose-500" />
|
|
) : (
|
|
<RefreshCw className="w-3.5 h-3.5" />
|
|
)}
|
|
{status === "running" ? "Sync en cours…" : "Sync Qlik"}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|