Bug 37939 - Replace alert messages with toasts
Summary: Replace alert messages with toasts
Status: NEW
Alias: None
Product: Koha
Classification: Unclassified
Component: Staff interface (show other bugs)
Version: unspecified
Hardware: All All
: P5 - low enhancement
Assignee: Bugs List
QA Contact: Testopia
URL:
Keywords:
Depends on: 37911 35402 37812
Blocks:
  Show dependency treegraph
 
Reported: 2024-09-17 09:16 UTC by Jonathan Druart
Modified: 2024-09-19 20:17 UTC (History)
5 users (show)

See Also:
GIT URL:
Change sponsored?: ---
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:
Circulation function:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Jonathan Druart 2024-09-17 09:16:21 UTC
https://getbootstrap.com/docs/5.0/components/toasts/

For Vue apps and all other areas of Koha.

Is it something we want?
Comment 1 Paul Derscheid 2024-09-17 09:20:22 UTC
Yes, my question is: do we want to do that via:
- vue islands (check Bug 37911)
- wrappers/includes
- both
Comment 2 Owen Leonard 2024-09-17 10:29:17 UTC
I wonder if we can replace Greybox with this as well?
Comment 3 Michał 2024-09-17 13:17:54 UTC
> Is it something we want?

I would say it could work only for something unimportant, such as confirmation that something was added/created/done/succeeded. Anything else might invite trouble, as the appearance of something in a corner might have the user very easily missing it. Sometimes people have relatively large screens and focus very hard on some other part of the screen (such as the form they'd just filled out and its submit button that they just interacted with for example).

Basically what happened here: https://youtu.be/ENBu9_xTrWU?t=824

So overall I advice to be careful with this.
Comment 4 Julian Maurice 2024-09-17 13:26:20 UTC
(In reply to Michał from comment #3)
> So overall I advice to be careful with this.

I agree. I experimented a bit with toasts in another app, trying different locations (corners, centered top/bottom, or center) none of which was entirely satisfying. Either it was hiding an important part of the page, like a menu for instance, and it became annoying to have to dismiss the toast before being able to reach the menu, or I was missing the toast entirely.