Describe the task
After feedback from users, the design team made some necessary adjustments, this task aims to implement these changes on the FE.
The changes are listed below (information extracted from ticket #827)
Changes inside "Parent tree and SMP" step for A-class seedlot registration
Changes inside seedlot details page
Global changes for A-class seedlot registration
Changes inside "Parent tree and SMP" step for A-class seedlot registration
1.1 - Tab styleWas: inline
Change to: container style
Reference:new tab style on figmaRequested by: user feedback
Goal: give tabs more visibility
1.2 - New page structureWas: content over background
Change to: table, summary and genetic worth over a container component. background color changed to layer-01 and a border was added to card/table.
Reference:new page layoutRequested by: user feedback
Goal: give tabs more visibility - background and structure change due to container tab style
1.3 - Summary sectionWas: over background
Change to: a separate card section
Reference:new summaryRequested by:Goal:
1.4 - Genetic worth and effective population sizeWas: over background, genetic worth and effective population size were separated, calculate genetic worth and effective population size was bellow both sections
Change to: genetic worth and effective population size are under the same card section now, the button to calculate the genetic worth and effective population size is incorporated to the card.
Reference:new genetic worth and effective population sectionRequested by:Goal: improve usability and make the action to calculate results more intuitive
1.5 - Calculate genetic worth and effective population sizeWas: genetic worth and percent of tested parent tree contribution, and effective population size and diversity fields were always visible
Change to: Typography style and hierarchy are different. Label and title changed to "tested parent tree contribution". Results will only show if button is triggered, then button's label will change to "Recalculate".
Reference:new calculated results sectionRequested by:Goal: improve usability and make the action to calculate results more intuitive
1.6 - New alert for missing parental contributionWas: --
Change to: New alert condition for when there is not enough parental contribution to calculate specific genetic trait (it should have at least 70% for system to be able to show the genetic worth results for each trait. Show banner with warning message. Change input color to red if value is below 70% and show warning icon besides it.
Reference:new parental contribution alertRequested by: Business rule update
Goal: let users know why there is no genetic worth results for a specific genetic trait
1.7 - Table styleWas: using table style according to DS
Change to: new table style should be applied. Zebra style is using layer-01 color. Action buttons inside table's header are aligned to the left. Using ghost buttons with label, not only icon. "Clear data table" is outside the "more actions" and visible on screen. Table's background changed to layer-02 (white). Reference:new table styleRequested by: Design leaders
Goal: standardize table across applications
PS: maybe this is a DS task - table's styles will be updated across applications and new pattern was defined by designer lead.(e.g. all tables will have zebra style, all tables should have buttons aligned to left, all tables should have label + icon if there is enough space, etc.)
1.8 - Instruction at the topWas: --
Change to: add accordion component to display instruction on how to fill up/edit/upload file to table. Instructions should guide users on how to proceed with table fill. Also remove the info banner.
Reference:new instructions sectionRequested by: suggested by design leaders and PO
Goal: give more clarity to users
Changes inside seedlot details page
2.1 - Remove review form sectionWas: There was a review form section
Change to: Remove review form section from seedlot details page for every user besides TSC ADM
Reference:seedlot detailsRequested: MVP 1
Goal: make the screen easier to build and less repetitive.
2.2 - Can't edit when submitted or approved statusWas: There was a "edit seedlot" and "edit applicant" button for every seedlot status
Change to: Users should not be able to edit the form or the applicant information when the seedlot is submitted or approved. Remove the "edit applicant" button from "Check your applicant and seedlot information" section. Change the "edit seedlot form" button's label to "View seedlot form", inside the "see where you are in the registration process" and at the combo-button action.
Reference:seedlot details - submitted and approved statusRequested: business rule
Goal: make the interface follow the determined business rule.
Global changes for A-class seedlot registration
3.1 - Title changeWas: Seedlot registration
Change to: Registration for seedlot ##### [number]
Reference: [new title]
Requested: user feedback
Goal: increase seedlot number's legibility by putting the number on the title
3.2 - subtitle changeWas: Seedlot ##### [number]
Change to: display only "smartsave" toggletip (all changes saved)
Reference: [new subtitle]
Requested: user feedback
Goal: increase seedlot number's legibility by putting the number on the title
Additional Changes (already implemented on Figma, check links above):
Get ride of "estimative the" and change to "Enter the cone and pollen count (required)"
I wonder if it is worth removing a couple of the subheadings? For example, with the button this one might be redundant and removing it would clear up the form:
Describe the task After feedback from users, the design team made some necessary adjustments, this task aims to implement these changes on the FE.
The changes are listed below (information extracted from ticket #827)
Changes inside "Parent tree and SMP" step for A-class seedlot registration
Changes inside seedlot details page
Global changes for A-class seedlot registration
Additional Changes (already implemented on Figma, check links above):
Sub-tasks
Acceptance Criteria