Gerer les prets : API, ecrans et contrainte en base
L'entite Pret existait depuis le squelette sans jamais etre exploitee. Cette
phase la met en service de bout en bout.
API
- GET /api/prets/en-cours ce qui n'est pas a la maison, du plus ancien
au plus recent : on cherche le livre oublie,
pas celui prete hier
- POST /api/livres/{id}/prets preter
- GET /api/livres/{id}/prets historique complet, du plus recent au plus
ancien
- POST /api/prets/{id}/retour clore le pret sans le supprimer
Un livre deja sorti ne peut pas etre prete une seconde fois. Le service le
verifie et nomme celui qui l'a deja, mais entre sa verification et l'insertion
il reste une fenetre : un index unique PARTIEL (LivreId WHERE DateRetour IS
NULL) la ferme, tout en laissant l'historique accumuler autant de prets clos
que necessaire sur le meme livre.
Les ebooks sont refuses cote API, pas seulement grises dans l'interface : une
fiche n'a pas d'exemplaire a confier.
Les prets sont COMMUNS au foyer, symetrique inverse du statut de lecture. Le
service ne recoit meme pas d'identite, pour qu'on ne puisse pas s'en servir
par inadvertance.
Interface, pensee mobile d'abord
- ecran « Prets en cours » avec bouton « Rendu » a meme la liste
- bloc pret sur la fiche d'un livre : etat courant, action, puis historique
- etiquette « Prete a X » dans le catalogue
- la barre d'actions passe sur deux lignes plutot que de comprimer ses
libelles maintenant qu'elle compte quatre entrees
Toutes les dates sont en UTC ; le client convertit la date locale du
<input type="date"> avant l'envoi, faute de quoi le pret se decalerait d'un
jour pour la moitie du globe.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -297,14 +297,17 @@ body {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
padding: 0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom));
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
border-top: 1px solid var(--mb-bord);
|
||||
}
|
||||
|
||||
/* Base de 8rem : au-delà de trois entrées la barre passe sur deux lignes plutôt que de
|
||||
comprimer chaque libellé sur trois lignes de texte. Mesuré sur 375 px de large. */
|
||||
.actions-flottantes .bouton {
|
||||
flex: 1;
|
||||
flex: 1 1 8rem;
|
||||
}
|
||||
|
||||
/* --- Couvertures --- */
|
||||
@@ -450,6 +453,81 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* --- Prêts --- */
|
||||
|
||||
/* Le prêt est une information du foyer, pas de l'utilisateur : sa couleur est
|
||||
volontairement différente de celles des statuts de lecture, qui sont personnels. */
|
||||
.etiquette-prete {
|
||||
background: #fdecd8;
|
||||
color: #7a4a00;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.bloc-prets {
|
||||
margin-top: 1.5rem;
|
||||
padding-top: 1rem;
|
||||
border-top: 1px solid var(--mb-bord);
|
||||
}
|
||||
|
||||
.titre-section {
|
||||
font-size: 1.1rem;
|
||||
margin: 0 0 0.5rem;
|
||||
}
|
||||
|
||||
.titre-sous-section {
|
||||
font-size: 0.95rem;
|
||||
margin: 1.25rem 0 0.35rem;
|
||||
color: var(--mb-texte-doux);
|
||||
}
|
||||
|
||||
.bandeau-pret {
|
||||
background: #fff8ef;
|
||||
border-left: 3px solid #c98a2e;
|
||||
border-radius: 4px;
|
||||
padding: 0.6rem 0.75rem;
|
||||
margin: 0.5rem 0;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.pret-duree {
|
||||
color: var(--mb-texte-doux);
|
||||
font-size: 0.85rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.avertissement-fort {
|
||||
display: block;
|
||||
margin-top: 0.35rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* L'historique se lit, il ne se manipule pas : rien n'y est cliquable. */
|
||||
.liste-historique {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.liste-historique li {
|
||||
padding: 0.4rem 0;
|
||||
border-bottom: 1px solid var(--mb-bord);
|
||||
}
|
||||
|
||||
.historique-dates {
|
||||
display: block;
|
||||
color: var(--mb-texte-doux);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* Bouton d'action au sein d'une carte : il ne doit pas peser autant qu'un bouton de page,
|
||||
tout en gardant une cible tactile utilisable. */
|
||||
.bouton-compact {
|
||||
min-height: 2.25rem;
|
||||
padding: 0.35rem 0.8rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* --- Scan du code-barres --- */
|
||||
|
||||
.scanner-cadre {
|
||||
|
||||
Reference in New Issue
Block a user