LCFS - Fuel code, Allocation agreement, and Notational transfer Input and Validation Enhancements

[StuartGALL]

Describe the task
Implement new functionality for fuel code, allocation agreement, and notational transfer input fields, including look-up type search features and sequential form completion with error handling.

Purpose
Enhance the user experience and ensure accessibility compliance by streamlining the input process for fuel code, allocation agreement, and notational transfer input fields while minimizing input errors.

Acceptance Criteria

• Allow pressing the “Enter” key to confirm the value selected from the search results.
• Implement search-as-you-type functionality to populate names after one (1) character is entered (current is three).
• Cells should turn grey until the user completes inputs sequentially from left to right.
• Enable each cell sequentially from left to right as inputs are completed in the previous cells.

Error Handling

• Highlight invalid or incomplete inputs with red borders.
• Display an error message when invalid inputs are detected or required fields are left blank. Do this at the end when the user completes form.

Additional Context

• As the cell populates after each input, all other cells should be grey until the user has filled out the form from left to right. Once the form has been filled in, any errors can be displayed in the cells with a red border and an error message can pop up to alert the user.

Notes

• Prioritize user-friendly, accessible, and intuitive workflows.
• Ensure that system updates allow future scalability for additional fuel types or regulatory changes.
• This task is critical for reducing user confusion.

[StuartGALL]

Please refer to card #1684 as we will be implementing new functionality after testing each new change.