Checkpoint: Renommage menus (Paramètres IA et Signatures, Paramètres import/export), paramètres export BAP refondus (switches indépendants navigateur+dossier, types local/Teams/SharePoint), historique BAP simplifié (colonnes supprimées, bouton Réexporter), import manuel par dossier entier

This commit is contained in:
Manus
2026-04-12 13:47:30 -04:00
parent 8b12f4fdcb
commit e9c727d679
4 changed files with 467 additions and 237 deletions

View File

@@ -40,8 +40,12 @@ export default function ImportSettings() {
// Export folder
const [exportFolder, setExportFolder] = useState("");
// BAP export mode
const [bapExportMode, setBapExportMode] = useState<"browser" | "folder">("browser");
// BAP export mode : les deux peuvent être actifs simultanément
const [bapExportBrowser, setBapExportBrowser] = useState(true);
const [bapExportFolder, setBapExportFolder] = useState(false);
const [exportFolderType, setExportFolderType] = useState<"local" | "teams" | "sharepoint">("local");
// Compat. ancienne valeur
const [bapExportMode, setBapExportMode] = useState<"browser" | "folder" | "both">("browser");
// Initialize form with settings from database
useEffect(() => {
@@ -57,10 +61,25 @@ export default function ImportSettings() {
setEmailImportPort(settings.emailImportPort || 993);
setEmailImportFrequency(settings.emailImportFrequency || 30);
setExportFolder(settings.exportFolder || "");
setBapExportMode((settings.bapExportMode as "browser" | "folder") || "browser");
const savedMode = (settings.bapExportMode as string) || "browser";
// Compat : ancienne valeur unique -> dériver les deux switches
setBapExportBrowser(savedMode === "browser" || savedMode === "both");
setBapExportFolder(savedMode === "folder" || savedMode === "both");
setBapExportMode(savedMode as "browser" | "folder" | "both");
// Lire le type de dossier depuis exportFolder (préfixe teams:// ou sharepoint://)
if ((settings.exportFolder || "").startsWith("teams://")) setExportFolderType("teams");
else if ((settings.exportFolder || "").startsWith("sharepoint://")) setExportFolderType("sharepoint");
else setExportFolderType("local");
}
}, [settings]);
// Calculer le bapExportMode à sauvegarder depuis les deux switches
const computedExportMode = (): "browser" | "folder" | "both" => {
if (bapExportBrowser && bapExportFolder) return "both";
if (bapExportFolder) return "folder";
return "browser";
};
const handleSave = async () => {
try {
await updateMutation.mutateAsync({
@@ -75,7 +94,7 @@ export default function ImportSettings() {
emailImportPort: emailImportPort,
emailImportFrequency: emailImportFrequency,
exportFolder: exportFolder || null,
bapExportMode: bapExportMode,
bapExportMode: computedExportMode() as "browser" | "folder",
});
toast.success("Paramètres enregistrés avec succès");
@@ -106,10 +125,10 @@ export default function ImportSettings() {
</div>
<div>
<h1 className="text-4xl font-bold bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent">
Paramètres de réception
Paramètres import / export
</h1>
<p className="text-muted-foreground mt-1">
Configurez les différentes méthodes d'importation de factures
Configurez les méthodes d'importation et les options d'export des factures BAP
</p>
</div>
</div>
@@ -473,79 +492,149 @@ export default function ImportSettings() {
</CardContent>
</Card>
{/* Export Folder & BAP Export Mode */}
{/* Export des factures BAP */}
<Card className="border-2 hover:border-primary/50 transition-colors">
<CardHeader className="bg-gradient-to-r from-orange-50 to-amber-50 dark:from-orange-950/20 dark:to-amber-950/20 border-b">
<div className="flex items-center gap-3">
<div className="p-2 bg-orange-500 rounded-lg">
<Download className="w-6 h-6 text-white" />
<FolderOutput className="w-6 h-6 text-white" />
</div>
<div>
<CardTitle className="text-xl">Export des factures BAP</CardTitle>
<CardDescription className="mt-1">
Configurez le mode d'export et le dossier de destination pour les factures validées BAP
Configurez les modes d'export pour les factures validées BAP (les deux modes peuvent être actifs simultanément)
</CardDescription>
</div>
</div>
</CardHeader>
<CardContent className="space-y-6 pt-6">
{/* BAP Export Mode */}
<div className="space-y-3">
<Label className="text-base font-medium">Mode d'export BAP</Label>
<div className="grid grid-cols-2 gap-3">
<button
type="button"
onClick={() => setBapExportMode("browser")}
className={`flex flex-col items-center gap-2 p-4 rounded-xl border-2 transition-all ${
bapExportMode === "browser"
? "border-blue-500 bg-blue-50 dark:bg-blue-950/30 text-blue-700 dark:text-blue-300"
: "border-muted hover:border-muted-foreground/40 text-muted-foreground"
}`}
>
<Monitor className="w-8 h-8" />
<div className="text-center">
<div className="font-semibold text-sm">Ouvrir dans le navigateur</div>
<div className="text-xs mt-0.5 opacity-70">Le PDF s'ouvre directement dans un nouvel onglet</div>
</div>
</button>
<button
type="button"
onClick={() => setBapExportMode("folder")}
className={`flex flex-col items-center gap-2 p-4 rounded-xl border-2 transition-all ${
bapExportMode === "folder"
? "border-orange-500 bg-orange-50 dark:bg-orange-950/30 text-orange-700 dark:text-orange-300"
: "border-muted hover:border-muted-foreground/40 text-muted-foreground"
}`}
>
<FolderOutput className="w-8 h-8" />
<div className="text-center">
<div className="font-semibold text-sm">Enregistrer dans un dossier</div>
<div className="text-xs mt-0.5 opacity-70">Le PDF est copié dans le dossier configuré ci-dessous</div>
</div>
</button>
{/* Switch : Ouvrir dans le navigateur */}
<div className="flex items-center justify-between p-4 bg-blue-50/50 dark:bg-blue-950/10 rounded-lg border border-blue-200 dark:border-blue-800">
<div className="flex items-center gap-3">
<div className="p-2 bg-blue-500 rounded-lg">
<Monitor className="w-5 h-5 text-white" />
</div>
<div>
<Label htmlFor="bap-browser" className="text-base font-medium cursor-pointer">Ouvrir dans le navigateur</Label>
<p className="text-xs text-muted-foreground mt-0.5">Le PDF s'ouvre directement dans un nouvel onglet</p>
</div>
</div>
<Switch
id="bap-browser"
checked={bapExportBrowser}
onCheckedChange={setBapExportBrowser}
/>
</div>
{/* Export Folder (shown for both modes but required for folder mode) */}
<div className="space-y-2">
<Label htmlFor="exportFolder" className="text-base font-medium">
Chemin du dossier d'export
{bapExportMode === "folder" && <span className="text-red-500 ml-1">*</span>}
</Label>
<Input
id="exportFolder"
type="text"
placeholder="/chemin/vers/dossier/export"
value={exportFolder}
onChange={(e) => setExportFolder(e.target.value)}
className="h-11"
{/* Switch : Enregistrer dans un dossier */}
<div className="flex items-center justify-between p-4 bg-orange-50/50 dark:bg-orange-950/10 rounded-lg border border-orange-200 dark:border-orange-800">
<div className="flex items-center gap-3">
<div className="p-2 bg-orange-500 rounded-lg">
<FolderOutput className="w-5 h-5 text-white" />
</div>
<div>
<Label htmlFor="bap-folder" className="text-base font-medium cursor-pointer">Enregistrer dans un dossier</Label>
<p className="text-xs text-muted-foreground mt-0.5">Le PDF est copié dans le dossier configuré ci-dessous</p>
</div>
</div>
<Switch
id="bap-folder"
checked={bapExportFolder}
onCheckedChange={setBapExportFolder}
/>
<p className="text-sm text-muted-foreground">
{bapExportMode === "folder"
? "Chemin absolu obligatoire du dossier où les PDF BAP seront enregistrés"
: "Chemin optionnel du dossier d'export (utilisé pour l'export SFTP et l'export groupé)"}
</p>
</div>
{/* Configuration du dossier (visible si bapExportFolder actif) */}
{bapExportFolder && (
<div className="space-y-4 p-4 bg-orange-50/30 dark:bg-orange-950/10 rounded-lg border-2 border-orange-200 dark:border-orange-800">
{/* Type de dossier */}
<div className="space-y-2">
<Label className="text-base font-medium">Type de destination</Label>
<div className="grid grid-cols-3 gap-3">
<button
type="button"
onClick={() => setExportFolderType("local")}
className={`flex flex-col items-center gap-2 p-3 rounded-xl border-2 transition-all ${
exportFolderType === "local"
? "border-orange-500 bg-orange-50 dark:bg-orange-950/30 text-orange-700 dark:text-orange-300"
: "border-muted hover:border-muted-foreground/40 text-muted-foreground"
}`}
>
<FolderOpen className="w-6 h-6" />
<span className="text-xs font-semibold">Dossier local</span>
</button>
<button
type="button"
onClick={() => setExportFolderType("teams")}
className={`flex flex-col items-center gap-2 p-3 rounded-xl border-2 transition-all ${
exportFolderType === "teams"
? "border-purple-500 bg-purple-50 dark:bg-purple-950/30 text-purple-700 dark:text-purple-300"
: "border-muted hover:border-muted-foreground/40 text-muted-foreground"
}`}
>
<Download className="w-6 h-6" />
<span className="text-xs font-semibold">Teams</span>
</button>
<button
type="button"
onClick={() => setExportFolderType("sharepoint")}
className={`flex flex-col items-center gap-2 p-3 rounded-xl border-2 transition-all ${
exportFolderType === "sharepoint"
? "border-cyan-500 bg-cyan-50 dark:bg-cyan-950/30 text-cyan-700 dark:text-cyan-300"
: "border-muted hover:border-muted-foreground/40 text-muted-foreground"
}`}
>
<Download className="w-6 h-6" />
<span className="text-xs font-semibold">SharePoint</span>
</button>
</div>
</div>
{/* Chemin du dossier */}
<div className="space-y-2">
<Label htmlFor="exportFolder" className="text-base font-medium">
{exportFolderType === "local" && "Chemin du dossier local"}
{exportFolderType === "teams" && "Chemin du dossier Teams"}
{exportFolderType === "sharepoint" && "URL SharePoint / chemin"}
<span className="text-red-500 ml-1">*</span>
</Label>
<div className="flex gap-2">
<Input
id="exportFolder"
type="text"
placeholder={
exportFolderType === "local" ? "C:\\Users\\...\\Factures BAP" :
exportFolderType === "teams" ? "teams://NomEquipe/Documents/Factures BAP" :
"sharepoint://https://entreprise.sharepoint.com/sites/..."
}
value={exportFolder}
onChange={(e) => setExportFolder(e.target.value)}
className="h-11 flex-1"
/>
</div>
<p className="text-sm text-muted-foreground">
{exportFolderType === "local" && "Chemin absolu du dossier local où les PDF BAP seront enregistrés (exécuté côté serveur)"}
{exportFolderType === "teams" && "Format : teams://NomEquipe/Chemin/Dossier — le PDF sera copié dans le canal Teams correspondant"}
{exportFolderType === "sharepoint" && "URL complète du dossier SharePoint de destination"}
</p>
</div>
</div>
)}
{/* Résumé de la configuration */}
<div className="p-3 bg-muted/30 rounded-lg border text-sm text-muted-foreground">
<span className="font-medium text-foreground">Configuration active : </span>
{!bapExportBrowser && !bapExportFolder
? <span className="text-amber-600">Aucun mode sélectionné le téléchargement direct restera disponible</span>
: [
bapExportBrowser && "Ouverture navigateur",
bapExportFolder && `Enregistrement ${exportFolderType === "local" ? "dossier local" : exportFolderType === "teams" ? "Teams" : "SharePoint"}`,
].filter(Boolean).join(" + ")
}
</div>
</CardContent>
</Card>