Skip to content

Show when something is pending after you clicked on a button #128

Open
@jankeromnes

Description

@jankeromnes

Today, when you click on a button on Janitor, chances are you won't see any UI changes for anywhere between a few seconds to like a minute or so (after that, when the server replies, you see whether the action has succeeded or failed, and you might see a message box appear with more information).

This is bad UX, because users don't know if the click worked, or if the server is doing anything at all. This caused some users to take on the habit of clicking some buttons multiple times, "just to be sure".

Instead, once an async action has been triggered, we should show a pending state (e.g. a spinner), and disable the button until the server replies (or the action fails some other way).

This should be pretty easy to do, by adding a spinner to the auto-generated .form-control-feedback element, and by showing it and disabling all form controls whenever an action is triggered.

If anyone is interested in taking this, I can mentor this bug, and show you where in the code this fix could be implemented.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions