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
Add/Edit form submission
Change the
SaveandCancelbuttons on all theAddandEditforms:Savebuttons colour Green -> BlueCancelbuttons colour Blue -> Light GreyClicking the
Savebutton should disable both of the buttons (and change their colours and the icon of theSavebutton) until the request it triggered is completedSavebutton should be swapped to something that confirms the save was successful and then both buttons can be re-enabledBonus 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
Editbutton 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
Deletebutton 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