Retours et chargement

Erreur de page

nouveauClasses hb-error

Quand l'utiliser

Réseau coupé sans cache, droits insuffisants, fiche introuvable, erreur serveur. Pour une erreur de champ, hb-hint-error ; pour une erreur locale à une carte, hb-alert-danger ; pour un état hors ligne qui laisse travailler, une bannière.

Les factures n'ont pas pu être chargées

Le serveur n'a pas répondu. Vos saisies sont conservées ; réessayez dans un instant.

Détail technique

GET /api/factures?mois=2026-10 → 504 Gateway Timeout
trace-id: 6f2c1a…

Code

<div class="hb-card" style="max-width:640px">
  <div class="hb-error">
    <i class="material-icons">cloud_off</i>
    <h2>Les factures n'ont pas pu être chargées</h2>
    <p>Le serveur n'a pas répondu. Vos saisies sont conservées ; réessayez dans un instant.</p>
    <div class="hb-row"><button class="hb-btn">Retour aux achats</button><button class="hb-btn hb-btn-primary"><i class="material-icons">refresh</i>Réessayer</button></div>
    <details class="hb-details" style="width:100%;text-align:left;margin-top:var(--space-4)"><summary>Détail technique</summary><div class="hb-details-body"><pre class="hb-code">GET /api/factures?mois=2026-10 → 504 Gateway Timeout
trace-id: 6f2c1a…</pre></div></details>
  </div>
</div>

Règles

Le titre dit ce qui n'a pas marché pour l'utilisateur, pas le code HTTP ; la cause en une phrase, puis ce qu'il peut faire.
Toujours une sortie : réessayer, revenir, ou les deux. Le détail technique est replié et copiable pour le support.
Une 404 de fiche propose de revenir à la liste ; une erreur de droits dit à qui demander.