manus-admin/formation-manager-itinova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Améliorations de la gestion des attestations :

Browse Source 
- Affichage de la date de début dans l'en-tête de chaque séquence
- Bouton d'envoi groupé par séquence
- Filtre séquences terminées/à venir
This commit is contained in:
Manus
2026-01-25 09:16:22 -05:00
parent 8e20ac40dd
commit b32487aa4d
3 changed files with 104 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
client/src/pages/AdminGestionAttestations.tsx
View File

@@ -171,6 +171,7 @@ export default function AdminGestionAttestations() {
const [selectedInscriptionId, setSelectedInscriptionId] = useState<number | null>(null);
const [previewUrl, setPreviewUrl] = useState<string | null>(null);
const [previewDialogOpen, setPreviewDialogOpen] = useState(false);
const [filtreStatut, setFiltreStatut] = useState<"toutes" | "terminees" | "a_venir">("toutes");
// Récupérer la liste des formations
const { data: formations, isLoading: loadingFormations } = trpc.formations.list.useQuery();
@@ -353,6 +354,40 @@ export default function AdminGestionAttestations() {
</CardContent>
</Card>
{/* Filtre par statut */}
{selectedFormationId && (
<Card>
<CardHeader>
<CardTitle>Filtrer les séquences</CardTitle>
<CardDescription>
Afficher uniquement les séquences terminées ou à venir
</CardDescription>
</CardHeader>
<CardContent>
<RadioGroup value={filtreStatut} onValueChange={(value: "toutes" | "terminees" | "a_venir") => setFiltreStatut(value)}>
<div className="flex items-center space-x-2">
<RadioGroupItem value="toutes" id="toutes" />
<Label htmlFor="toutes" className="font-normal cursor-pointer">
Toutes les séquences
</Label>
</div>
<div className="flex items-center space-x-2">
<RadioGroupItem value="terminees" id="terminees" />
<Label htmlFor="terminees" className="font-normal cursor-pointer">
Séquences terminées
</Label>
</div>
<div className="flex items-center space-x-2">
<RadioGroupItem value="a_venir" id="a_venir" />
<Label htmlFor="a_venir" className="font-normal cursor-pointer">
Séquences à venir
</Label>
</div>
</RadioGroup>
</CardContent>
</Card>
)}
{/* Configuration */}
{selectedFormationId && (
<Card>
@@ -471,20 +506,64 @@ export default function AdminGestionAttestations() {
const idB = parseInt(b[0]);
return idA - idB;
})
.filter(([sequenceId, sequenceApprenants]) => {
// Filtrer selon le statut sélectionné
if (filtreStatut === "toutes") return true;
const premiereDate = sequenceApprenants[0]?.sequence?.premiereDate;
if (!premiereDate) return true; // Afficher les séquences sans date
const now = new Date();
const sequenceDate = new Date(premiereDate);
if (filtreStatut === "terminees") {
return sequenceDate < now;
} else if (filtreStatut === "a_venir") {
return sequenceDate >= now;
}
return true;
})
.map(([sequenceId, sequenceApprenants]) => {
const sequenceName = sequenceApprenants[0]?.sequence?.nom || 'Séquence inconnue';
const premiereDate = sequenceApprenants[0]?.sequence?.premiereDate;
const dateFormatted = premiereDate ? new Date(premiereDate).toLocaleDateString('fr-FR') : null;
return (
<div key={sequenceId} className="border rounded-lg overflow-hidden">
{/* En-tête de séquence */}
<div className="bg-gradient-to-r from-blue-50 to-indigo-50 border-b px-4 py-3">
<div className="flex items-center justify-between">
<div>
<h3 className="font-semibold text-lg text-blue-900">{sequenceName}</h3>
<h3 className="font-semibold text-lg text-blue-900">
{sequenceName}
{dateFormatted && <span className="text-blue-600 ml-2">- {dateFormatted}</span>}
</h3>
<p className="text-sm text-blue-700">{sequenceApprenants.length} apprenant(s)</p>
</div>
<Badge variant="outline" className="bg-white">
{sequenceApprenants.filter(a => a.attestation?.emailEnvoye).length} / {sequenceApprenants.length} envoyé(es)
</Badge>
<div className="flex items-center gap-3">
<Badge variant="outline" className="bg-white">
{sequenceApprenants.filter(a => a.attestation?.emailEnvoye).length} / {sequenceApprenants.length} envoyé(es)
</Badge>
<Button
size="sm"
variant="default"
className="bg-blue-600 hover:bg-blue-700"
onClick={() => {
const inscriptionIds = sequenceApprenants
.filter(a => a.attestation?.documentUrl && !a.attestation?.emailEnvoye)
.map(a => a.inscription.id);
if (inscriptionIds.length === 0) {
toast.info("Aucune attestation à envoyer pour cette séquence");
return;
}
if (confirm(`Envoyer ${inscriptionIds.length} attestation(s) pour cette séquence ?`)) {
inscriptionIds.forEach(id => {
sendAttestationMutation.mutate({ inscriptionId: id });
});
}
}}
disabled={sendAttestationMutation.isPending}
>
<Send className="h-4 w-4 mr-1" />
Envoyer tout
</Button>
</div>
</div>
</div>