Create/Edit/Derive MARC record - Retain focus when MARC record validation rules error display

Description

Requirement 1 - Maintain focus on the last field/dropdown/action I was on before hitting Save button

Given I am a creating/editing/deriving a MARC record
When I click on Save button
AND there are MARC record validation rules error
Then keep focus on the last field/dropdown/action I was on before I hit the Save button

Requirement 2 - Display a toast notification regarding MARC record rules validation errors

If Fail MARC record validation rule error only is found
Then display a red toast notification (see below mockup)

If Fail and Warn MARC record validation rule errors are found
Then display a red toast notification (see below mockup)

If Warn MARC record validation rule error only is found
Then display a orange toast notification (see below mockup)

Validate this behavior when

  1. There are Fail + Warn errors and user hits either Save button

  2. There are Warn errors only and user hits either Save button

  3. The user resolves the Fail errors in #1 and hits either Save button again

  4. The user does not update the record in #2 and hits Save & keep editing button as its second Save button

  5. The user does update the record in #2 and hits Save & keep editing button

Mockups

Fail + Warn message:

 

2-updated-errors-with-default-message.png

 

Fail only message: (just omit Warn message)

 

2-updated-errors-with-default-message.png

 

Warn only message:

 

3-updated-warn-errors-with-default-message.png

Environment

None

Potential Workaround

None

Attachments

7
  • 10 Dec 2024, 02:31 PM
  • 10 Dec 2024, 02:31 PM
  • 10 Dec 2024, 02:31 PM
  • 10 Dec 2024, 11:30 AM
  • 09 Dec 2024, 02:21 PM
  • 09 Dec 2024, 08:59 AM
  • 08 Dec 2024, 05:39 PM

Checklist

hide

Activity

Show:

Khalilah Gambrell December 23, 2024 at 12:38 PM

Looks good but we need to discuss the Toast notifications. If it is a warn only then the message goes away rather quickly. If it is a failed message then the user must click on the X thus unable to return to the field they were on.

Denys Bohdan December 16, 2024 at 10:41 AM

Hey is it ok to move this back to PO review?

Kimie Kester December 10, 2024 at 2:03 PM

Hi I think it is fine then to continue to use the Callout component. Thanks for checking in to it. I will update my mocks but still keep the icon and X in the top corners in case some day the alignment is able to be adjusted. Thanks!

Denys Bohdan December 10, 2024 at 11:30 AM

Hi the Message banner components can only be displayed inline like this, so the user has to scroll to the bottom of the page.

If we need to show error messages in red in our case it would be better to change the Callout component to support it. However, I’m concerned about readability, if it could be harder to read for people with color blindness or other visual impariments. What are your thoughts?

cc:

 

image-20241210-112756.png

Denys Bohdan December 9, 2024 at 2:54 PM

Hi oh I see. I’ll check if we can show the Message banner component in this way. I usually see it as an inline component, but for Quick MARC we would have to show it as a popup

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Spitfire

Release

Sunflower (R1 2025)

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs
Created November 6, 2024 at 11:20 PM
Updated December 23, 2024 at 12:38 PM
Resolved December 23, 2024 at 12:38 PM
TestRail: Cases
TestRail: Runs

Flag notifications