Donne aux numéros de revue leur couverture et leur une, et un tiret à l'ISSN

L'ISSN est désormais rangé sous sa forme à tiret, et pas seulement affiché ainsi.
C'est le seul endroit où le projet s'écarte de « la valeur stockée reste nue »,
et il y a une raison : le code-barres produit déjà un ISSN à tiret, et la BnF
interroge `bib.issn` avec le tiret. Un ISSN tapé « 24666718 » ne se rapprochait
donc de rien, et le scan suivant créait une seconde fiche à côté. La canonisation
a lieu avant la recherche, pas seulement à l'écriture. Les champs de saisie, eux,
gardent la valeur tapée : découper à la frappe se battrait avec le curseur.

`ServiceRenormalisation` rattrape les ISSN existants — par un passage dédié, le
mécanisme générique confondant tous les NULL en une seule clé, alors que
l'unicité est ici un index partiel. Une fiche dont la forme canonique est déjà
prise garde la sienne : le serveur doit démarrer.

La couverture d'un numéro est une URL collée, jamais une photo : aucune source ne
peut la fournir, l'ISSN désignant la revue et non la parution, et le projet ne
stocke aucun fichier. Le garde du relais de couvertures a donc été étendu aux
numéros — l'oublier n'aurait produit aucune erreur visible, seulement une image
présente en ligne et absente hors-ligne.

Les articles à la une vivent dans une table à part et non dans `Theme` : un thème
est un vocabulaire qu'on réutilise, un titre d'article est unique à sa parution.
Rien ne se partage, donc pas de n-n — une simple clé étrangère vers le numéro.
Ils se saisissent au point-virgule seul : « Ukraine, deux ans après » serait
coupé en deux par la virgule.

Un PUT sur le numéro était indispensable : on note un numéro le jour où on le
range et on en recopie le sommaire plus tard. Sans lui, couverture et une
n'auraient existé qu'à la création, c'est-à-dire jamais.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

MaBibli.Client/Pages/Revue.razor

@@ -19,7 +19,9 @@ else
     <p class="carte-details">
         @if (!string.IsNullOrWhiteSpace(_revue.Issn))
         {
-            <span class="code-isbn">ISSN @_revue.Issn</span>
+            @* K2 : un ISSN se coupe TOUJOURS au même endroit, contrairement aux tranches d'un
+               ISBN. Aucune table à embarquer, et aucune coupure ne peut être fausse. *@
+            <span class="code-isbn">ISSN @FormatageIssn.Afficher(_revue.Issn)</span>
         }
         @if (!string.IsNullOrWhiteSpace(_revue.Editeur))
         {
@@ -49,32 +51,83 @@ else
             @foreach (var numero in _revue.Numeros)
             {
                 <li class="carte-numero" @key="numero.Id">
-                    <div class="carte-corps">
-                        <p class="carte-titre">N° @numero.Numero</p>
+                    @if (_edition == numero.Id)
+                    {
+                        <div class="carte-corps">
+                            <ChampsNumeroRevue Saisie="_saisieEdition" OnEntree="EnregistrerNumeroAsync" />
 
-                        <p class="carte-details">
-                            @if (numero.DateParution is { } parution)
+                            <div class="actions-formulaire">
+                                <button type="button" class="bouton bouton-principal"
+                                        disabled="@(_enCours || !Reseau.EnLigne || string.IsNullOrWhiteSpace(_saisieEdition.Numero))"
+                                        title="@MotifBlocage"
+                                        @onclick="EnregistrerNumeroAsync">
+                                    Enregistrer ce numéro
+                                </button>
+
+                                <button type="button" class="bouton bouton-discret"
+                                        disabled="@_enCours" @onclick="() => _edition = null">
+                                    Annuler
+                                </button>
+                            </div>
+                        </div>
+                    }
+                    else
+                    {
+                        @* La couverture d'un numéro ne vient d'aucune source — l'ISSN désigne la
+                           revue, pas la parution : sans URL collée, c'est le substitut à
+                           initiale qui s'affiche, et il n'est pas cliquable. *@
+                        <Couverture Url="@numero.CoverUrl" Titre="@($"N° {numero.Numero}")"
+                                    Classe="couverture-petite" Agrandissable="true" />
+
+                        <div class="carte-corps">
+                            <p class="carte-titre">N° @numero.Numero</p>
+
+                            <p class="carte-details">
+                                @if (numero.DateParution is { } parution)
+                                {
+                                    <span>@parution.ToLocalTime().ToString("MMMM yyyy")</span>
+                                }
+                                else
+                                {
+                                    <span>Date de parution inconnue</span>
+                                }
+                            </p>
+
+                            @* Les articles à la une décrivent CE numéro, pas la revue : ils
+                               changent à chaque parution. D'où une étiquette par titre, sur la
+                               fiche du numéro et nulle part ailleurs. *@
+                            @if (numero.Articles.Count > 0)
                             {
-                                <span>@parution.ToLocalTime().ToString("MMMM yyyy")</span>
+                                <p class="carte-details">
+                                    @foreach (var article in numero.Articles)
+                                    {
+                                        <span class="etiquette etiquette-une">@article</span>
+                                    }
+                                </p>
                             }
-                            else
+
+                            @if (!string.IsNullOrWhiteSpace(numero.Note))
                             {
-                                <span>Date de parution inconnue</span>
+                                <p class="souhait-note">@numero.Note</p>
                             }
-                        </p>
+                        </div>
 
-                        @if (!string.IsNullOrWhiteSpace(numero.Note))
-                        {
-                            <p class="souhait-note">@numero.Note</p>
-                        }
-                    </div>
+                        <div class="actions-tome">
+                            <button type="button" class="bouton bouton-compact"
+                                    disabled="@(_enCours || !Reseau.EnLigne)" title="@MotifBlocage"
+                                    aria-label="@($"Modifier le numéro {numero.Numero}")"
+                                    @onclick="() => OuvrirEdition(numero)">
+                                Modifier
+                            </button>
 
-                    <button type="button" class="bouton bouton-compact bouton-danger"
-                            disabled="@(_enCours || !Reseau.EnLigne)" title="@MotifBlocage"
-                            aria-label="@($"Retirer le numéro {numero.Numero}")"
-                            @onclick="() => RetirerAsync(numero)">
-                        Retirer
-                    </button>
+                            <button type="button" class="bouton bouton-compact bouton-danger"
+                                    disabled="@(_enCours || !Reseau.EnLigne)" title="@MotifBlocage"
+                                    aria-label="@($"Retirer le numéro {numero.Numero}")"
+                                    @onclick="() => RetirerAsync(numero)">
+                                Retirer
+                            </button>
+                        </div>
+                    }
                 </li>
             }
         </ul>
@@ -96,28 +149,11 @@ else
         </p>
     }
 
-    <div class="champs-numero">
-        <label class="champ">
-            <span class="champ-libelle">Numéro</span>
-            <input class="champ-saisie" type="text" placeholder="43" @bind="_numero"
-                   @bind:event="oninput" @onkeydown="SurTouche" autocomplete="off" />
-        </label>
-
-        <label class="champ">
-            <span class="champ-libelle">Parution <span class="champ-aide">(facultatif)</span></span>
-            <input class="champ-saisie" type="date" @bind="_parution" />
-        </label>
-
-        <label class="champ">
-            <span class="champ-libelle">Note <span class="champ-aide">(facultatif)</span></span>
-            <input class="champ-saisie" type="text" @bind="_note" @bind:event="oninput"
-                   placeholder="dossier sur l'eau" autocomplete="off" />
-        </label>
-    </div>
+    <ChampsNumeroRevue Saisie="_saisie" OnEntree="AjouterAsync" />
 
     <div class="actions-formulaire">
         <button type="button" class="bouton bouton-principal"
-                disabled="@(_enCours || !Reseau.EnLigne || string.IsNullOrWhiteSpace(_numero))"
+                disabled="@(_enCours || !Reseau.EnLigne || string.IsNullOrWhiteSpace(_saisie.Numero))"
                 title="@MotifBlocage"
                 @onclick="AjouterAsync">
             Ajouter ce numéro
@@ -132,7 +168,9 @@ else
     </label>
 
     <label class="champ">
-        <span class="champ-libelle">ISSN <span class="champ-aide">(identifiant de la revue)</span></span>
+        <span class="champ-libelle">
+            ISSN <span class="champ-aide">(identifiant de la revue ; le tiret est posé à l'enregistrement)</span>
+        </span>
         <input class="champ-saisie" type="text" @bind="_issn" @bind:event="oninput"
                placeholder="2466-6718" autocomplete="off" />
     </label>
@@ -194,9 +232,12 @@ else
     private string? _issn;
     private string? _editeur;
 
-    private string _numero = string.Empty;
-    private DateTime? _parution;
-    private string? _note;
+    /// <summary>Saisie du numéro qu'on ajoute.</summary>
+    private AjoutNumeroRevue _saisie = new();
+
+    /// <summary>Numéro en cours de modification, et sa saisie — <c>null</c> = aucun.</summary>
+    private int? _edition;
+    private AjoutNumeroRevue _saisieEdition = new();
 
     private string? MotifBlocage => Reseau.EnLigne ? null : EtatReseau.MotifHorsLigne;
 
@@ -228,7 +269,7 @@ else
         if (!_numeroPropose && !string.IsNullOrWhiteSpace(NumeroScanne))
         {
             _numeroPropose = true;
-            _numero = NumeroScanne.Trim();
+            _saisie.Numero = NumeroScanne.Trim();
         }
     }
 
@@ -240,32 +281,19 @@ else
         _editeur = revue.Editeur;
     }
 
-    private async Task SurTouche(KeyboardEventArgs e)
-    {
-        if (e.Key == "Enter" && !string.IsNullOrWhiteSpace(_numero) && Reseau.EnLigne)
-        {
-            await AjouterAsync();
-        }
-    }
-
     private async Task AjouterAsync()
     {
+        if (string.IsNullOrWhiteSpace(_saisie.Numero) || !Reseau.EnLigne || _enCours)
+        {
+            return;
+        }
+
         _enCours = true;
         _erreur = null;
 
-        // Comme pour les prêts : le <input type="date"> produit une date SANS fuseau. Elle est
-        // déclarée locale avant conversion, sans quoi la parution se décalerait d'un jour pour
-        // la moitié du globe.
-        var parution = _parution is { } date
-            ? DateTime.SpecifyKind(date, DateTimeKind.Local).ToUniversalTime()
-            : (DateTime?)null;
-
-        var resultat = await Api.AjouterNumeroAsync(Id, new AjoutNumeroRevue
-        {
-            Numero = _numero,
-            DateParution = parution,
-            Note = _note,
-        });
+        // La conversion de la date en UTC vit dans ChampsNumeroRevue : les deux formulaires qui
+        // s'en servent ne peuvent donc pas l'oublier chacun de leur côté.
+        var resultat = await Api.AjouterNumeroAsync(Id, _saisie);
 
         _enCours = false;
 
@@ -276,9 +304,56 @@ else
         }
 
         Appliquer(resultat.Valeur!);
-        _numero = string.Empty;
-        _parution = null;
-        _note = null;
+        _saisie = new AjoutNumeroRevue();
+    }
+
+    /// <summary>
+    /// Ouvre la modification d'un numéro, en recopiant ce qu'il porte déjà.
+    /// </summary>
+    /// <remarks>
+    /// La couverture et les articles à la une <b>ne peuvent pas</b> être connus à l'achat : on
+    /// note un numéro quand on le range, et on en recopie la une plus tard. Sans cet écran, ces
+    /// deux champs n'auraient existé qu'à la création, c'est-à-dire jamais.
+    /// </remarks>
+    private void OuvrirEdition(NumeroRevueDto numero)
+    {
+        _erreur = null;
+        _edition = numero.Id;
+        _saisieEdition = new AjoutNumeroRevue
+        {
+            Numero = numero.Numero,
+            DateParution = numero.DateParution,
+            Note = numero.Note,
+            CoverUrl = numero.CoverUrl,
+            Articles = [.. numero.Articles],
+        };
+    }
+
+    private async Task EnregistrerNumeroAsync()
+    {
+        if (_edition is not { } numeroId
+            || string.IsNullOrWhiteSpace(_saisieEdition.Numero)
+            || !Reseau.EnLigne
+            || _enCours)
+        {
+            return;
+        }
+
+        _enCours = true;
+        _erreur = null;
+
+        var resultat = await Api.ModifierNumeroAsync(numeroId, _saisieEdition);
+
+        _enCours = false;
+
+        if (!resultat.EstOk)
+        {
+            _erreur = resultat.Erreur;
+            return;
+        }
+
+        Appliquer(resultat.Valeur!);
+        _edition = null;
     }
 
     private async Task RetirerAsync(NumeroRevueDto numero)
@@ -287,6 +362,13 @@ else
         _erreur = await Api.RetirerNumeroAsync(numero.Id);
         _enCours = false;
 
+        // Le numéro retiré était peut-être celui qu'on modifiait : un formulaire ouvert sur une
+        // ligne disparue n'aurait plus rien à enregistrer.
+        if (_edition == numero.Id)
+        {
+            _edition = null;
+        }
+
         if (_erreur is null)
         {
             await ChargerAsync();