From 11fbdab9d93ae1d9ad150cb4fe2a41cb262afcde Mon Sep 17 00:00:00 2001
From: mathieu <mathieu@limonier.be>
Date: Sat, 12 Sep 2026 20:30:04 +0200
Subject: [PATCH] =?UTF-8?q?On=20affiche=20l'=C3=A9tat=20de=20la=20s=C3=A9r?=
 =?UTF-8?q?ie=20(abandonn=C3=A9e=20ou=20termin=C3=A9e)=20dans=20vue=20Cata?=
 =?UTF-8?q?logue=20et=20S=C3=A9rie.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 MaBibli.Api/Services/Series/ServiceSeries.cs  |  2 ++
 MaBibli.Client/Composants/ArbreSerie.razor    |  7 +++++++
 .../Composants/GroupeCatalogue.razor          |  7 +++++++
 MaBibli.Client/wwwroot/css/app.css            | 19 +++++++++++++++++++
 4 files changed, 35 insertions(+)

diff --git a/MaBibli.Api/Services/Series/ServiceSeries.cs b/MaBibli.Api/Services/Series/ServiceSeries.cs
index de1bb44..dd2998f 100644
--- a/MaBibli.Api/Services/Series/ServiceSeries.cs
+++ b/MaBibli.Api/Services/Series/ServiceSeries.cs
@@ -176,6 +176,7 @@ public sealed class ServiceSeries(MaBibliDbContext db, IServiceSouhaits souhaits
         }
 
         serie.Titre = titre;
+        serie.Etat = saisie.Etat;
         serie.RecalculerFormes();
 
         await db.SaveChangesAsync(ct);
@@ -497,6 +498,7 @@ public sealed class ServiceSeries(MaBibliDbContext db, IServiceSouhaits souhaits
         SerieParenteId = serie.SerieParenteId,
         Position = serie.Position,
         AjoutePar = serie.AjoutePar,
+        Etat = serie.Etat,
         Elements = serie.Elements
             .OrderBy(e => e.Position)
             .ThenBy(e => e.Id)
diff --git a/MaBibli.Client/Composants/ArbreSerie.razor b/MaBibli.Client/Composants/ArbreSerie.razor
index 0292e7e..99f5b0d 100644
--- a/MaBibli.Client/Composants/ArbreSerie.razor
+++ b/MaBibli.Client/Composants/ArbreSerie.razor
@@ -1,4 +1,5 @@
 @using MaBibli.Shared.Dtos
+@using MaBibli.Shared.Entites
 
 @*
     L'arbre des séries : rien d'autre que la descendance.
@@ -30,6 +31,12 @@
         }
 
         <a class="arbre-titre" href="@($"series/{Serie.Id}")">@Serie.Titre</a>
+        @if (Serie.Etat != EtatSerie.EnCours)
+        {
+            <span class="arbre-etat">
+                @(Serie.Etat == EtatSerie.Terminee ? "terminée" : "abandonnée")
+            </span>
+        }
         <span class="arbre-compte">@Avancement()</span>
 
         @if (ActionsActives)
diff --git a/MaBibli.Client/Composants/GroupeCatalogue.razor b/MaBibli.Client/Composants/GroupeCatalogue.razor
index 1dfc0b5..c4489b6 100644
--- a/MaBibli.Client/Composants/GroupeCatalogue.razor
+++ b/MaBibli.Client/Composants/GroupeCatalogue.razor
@@ -1,4 +1,5 @@
 @using MaBibli.Client.Services
+@using MaBibli.Shared.Entites
 
 @*
     Un bloc de série au catalogue, replié ou déplié — et récursif, parce qu'un cycle est une
@@ -30,6 +31,12 @@
            ce que le catalogue ne peut pas faire. *@
         <a class="groupe-serie-titre" href="@($"series/{Entree.Serie!.Id}")">
             <span class="groupe-serie-nom">@Entree.Serie!.Titre</span>
+            @if (Entree.Serie!.Etat != EtatSerie.EnCours)
+            {
+                <span class="groupe-serie-etat">
+                    @(Entree.Serie!.Etat == EtatSerie.Terminee ? "terminée" : "abandonnée")
+                </span>
+            }
             <span class="groupe-serie-compte">
                 @Libelles.CompteBloc(Entree.NombreLivres, Possedes, Total)
             </span>
diff --git a/MaBibli.Client/wwwroot/css/app.css b/MaBibli.Client/wwwroot/css/app.css
index f04e25f..bec90c8 100644
--- a/MaBibli.Client/wwwroot/css/app.css
+++ b/MaBibli.Client/wwwroot/css/app.css
@@ -482,6 +482,15 @@ body {
     overflow-wrap: anywhere;
 }
 
+.groupe-serie-etat {
+    font-size: 0.75rem;
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.25rem;
+    background-color: var(--mb-fond-discret);
+    color: var(--mb-texte-doux);
+    white-space: nowrap;
+}
+
 .groupe-serie-compte {
     color: var(--mb-texte-doux);
     font-size: 0.85rem;
@@ -1374,6 +1383,16 @@ body {
     white-space: nowrap;
 }
 
+.arbre-etat {
+    flex: 0 0 auto;
+    font-size: 0.75rem;
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.25rem;
+    background-color: var(--mb-fond-discret);
+    color: var(--mb-texte-doux);
+    white-space: nowrap;
+}
+
 .arbre-actions {
     flex: 0 0 auto;
     display: flex;