circulation: display circulation notes automatically.

[zannkukai]

When circulation operations are done, if item contains the corresponding
circulation note, this note will be displayed as a permanent toastr
message.

• refactoring item circulation collapsed informations design.
• adds postprocessRecord behavior to avoid empty notes array on item.

Co-authored-by : Renaud Michotte renaud.michotte@gmail.com

Why are you opening this PR?

https://tree.taiga.io/project/rero21-reroils/us/1352?milestone=266303

Dependencies

(backend) rero/rero-ils#1026

How to test?

• Identify some items with checkin/checkout notes OR add checkin/checkout notes for some circulating items
• Do some checkin/checkout operation on these items.
• If a checkin/checkout notes are defined on an item, then a permanent toastr message should be display.

Code review check list

• Commit message template compliance.
• Commit message without typos.
• File names.
• Functions names.
• Functions docstrings.
• Unnecessary commited files?
• Extracted translations?

[pronguen]

Two comments

1. Should we have an upper case on "Exemplaire" in the checkin and checkout note?
   
   Actually I would simplify, remove this text and the item barcode, and display only the note content.

2. If there is a checkin/checkout note, I would add a small icon next to the barcode in the loan line. It is easier to find the relation than to compare barcodes. @iGormilhit This was your proposal during last discussion, right?

[iGormilhit]

@pronguen Yes, as I remember, I proposed this also for the document detailed view (item barcode in the holdings). But, that was to identify item with note. To make the link between the toast message and the item, I don't know if it enough. The barcode is indeed not so easy to remember quickly (I would not, most of the time, but I'm old, you know 😉 ).

[JoelleDosimont]

1. Should we have an upper case on "Exemplaire" in the checkin and checkout note?
   Actually I would simplify, remove this text and the item barcode, and display only the note content.

I would let the barcode. If we check-in several items and don't see immediately the note, it's easier to find back the good item with it, no ?

[zannkukai]

@JoelleDosimont It seems we found a good solution with a "callout" wrapper adding a warning border around the item with a note + sticky icon.
https://files.gitter.im/zannkukai/95sC/image.png