Skip to content

Add visual feedback indicating the outcome of a requested change #25

@jsnfwlr

Description

@jsnfwlr

Add/Edit form submission

Change the Save and Cancel buttons on all the Add and Edit forms:

  • Save buttons colour Green -> Blue
  • Cancel buttons colour Blue -> Light Grey

Clicking the Save button should disable both of the buttons (and change their colours and the icon of the Save button) until the request it triggered is completed

  • if it fails, the error should be displayed in the same way errors encountered when loading data are and then both buttons can be re-enabled
  • if it succeeds, the icon and colour of the Save button should be swapped to something that confirms the save was successful and then both buttons can be re-enabled

Bonus points:
- if the change adds a row to a table, the row's background could be added with a green tint that fades it's normal colour
- if the change removes (marking a Spool as empty) a row from a table, the row's background could change to a red tint and the row opacity changes and once it fades to zero, the row gets removed

Edit/Delete row action trigger

Clicking the Edit button could invert the buttons colouring, making the foreground Dark and the background Green for the duration of the time that row is being editted.

Clicking the Delete button could invert the buttons colouring, making the foreground Dark and the background Red for the duration of the time the prompt to delete is open - reverting to the normal when the prompt is declined or then the row's background could change to a red tint and the row opacity changes and once it fades to zero, the row gets removed

Metadata

Metadata

Assignees

Labels

scope:UItype:ImprovementThis isn't a bug but the functionaluty be better

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions