ui: notification

[Garfield-fr]

• NEW Implements a new notification system (like Toast boostrap).
• FIX closes Flash message: bring user at top of the page #232

Signed-off-by: Bertrand Zuchuat [email protected]

[pronguen]

Fonctionnement ok!

Contenu

• Il faudrait retravailler les textes. Les messages sont structurés en 2 parties, à voir si c'est bien nécessaire, et si oui, harmoniser le titre, c'est-à-dire la première section du message (ex: lors de la validation d'une demande, nous avons "Search L'exemplaire est en transit", alors qu'il n'y a pas de rapport avec la recherche). A première vue, ce titre ne semble pas indispensable. Est-il possible de le supprimer?
• Il manque des traductions de messages (interface patron).
• Couleurs: le texte de la 2e section du message apparaît en vert contrairement à la première section. Peu esthétique. Je propose dans un premier temps d'avoir tous les messages en noir/gris sur blanc. Si l'on souhaite utiliser des couleurs, faire que l'entier du message (fond + texte) soit en vert, orange, bleu ou rouge (cf. alertes bootstrap):
  

[Garfield-fr]

Pour implémenter ces notifications, nous utilisons le system "Toast" de Bootstrap:
https://getbootstrap.com/docs/4.3/components/toasts/

• Il faudrait analyser les choses, mais il n'est pas facile de reproduire les couleurs comme sur les alertes, car cela n'est pas prévu de base.
• Si on veut supprimer le titre, on peut le remplacer par un espace, mais il y aura toujours cette structure.
• Je pense que les traductions n'ont pas été récupérées sur transifex (valider la traduction complète de ui)

[iGormilhit]

@pronguen @Garfield-fr

Pour la couleur, est-ce que ça pourrait être dans la pastille carrée qu'il y a dans les exemples du toast bootstrap ?

Pour la structure, il faudrait trouver en effet trouver le moyen que chaque élément soit pertinent...

[Garfield-fr]

Le dialogue a été modifié:

• Suppression de l'entête
• Couleur de fond en fonction des types + texte en blanc