BCIERS Dashboard

[shon-button]

Description:

For the IA (copy/text, links, navigation, etc.), please refer to the frames in Figma below:

• BCIERS External - Dashboard page
• BCIERS Internal - Dashboard page

For the styling (font, colour, margin, padding, etc.), please refer to this frame on the BCIERS Design Guidelines page in Figma.

Acceptance Criteria:

Given I'm an Operator Admin When I log into BCIERS Then I see the BCIERS dashboard with all 4 tiles as in the design When I click on the sub links of each tile Then I'm navigated to the proper page as in the prototype

Given I'm an IRC Admin When I log into BCIERS Then I see the BCIERS dashboard with all 5 tiles as in the design When I click on the sub links of each tile Then I'm navigated to the proper page as in the prototype

Development Checklist:

• [ ] When creating placeholder pages, carefully consider the folder structure and file naming. The structure determines our routes and breadcrumbs (both can be tweaked but it's better if the structure is as organized as possible)
• [ ] Checklist item
• [ ] Checklist item
• [ ] Meets the DOD

Definition of Ready (Note: If any of these points are not applicable, mark N/A)

• [ ] User story is included
• [ ] User role and type are identified
• [ ] Acceptance criteria are included
• [ ] Wireframes are included (if required)
• [ ] Design / Solution is accepted by Product Owner
• [ ] Dependencies are identified (technical, business, regulatory/policy)
• [ ] Story has been estimated (under 13 pts)

·Definition of Done (Note: If any of these points are not applicable, mark N/A)

• [ ] Acceptance criteria are tested by the CI pipeline
• [ ] UI meets accessibility requirements
• [ ] Configuration changes are documented, documentation and designs are updated
• [ ] Passes code peer-review
• [ ] Passes QA of Acceptance Criteria with verification in Dev and Test
• [ ] Ticket is ready to be merged to main branch
• [ ] Can be demoed in Sprint Review
• [ ] Bugs or future work cards are identified and created
• [ ] Reviewed and approved by Product Owner

Notes:

Dependencies

• Blocked by #1621
• Blocking

[suhafa]

Is this ticket just for capturing the links? Or is it for the styling? @nanyangpro and I had discussed that the styling of this is not the way we are are going about this. This is the lastest external user common dashboard design @shon-button @hannavovk

[hannavovk]

@nanyangpro, can you update and refine this ticket? e.g. update the screenshots, include AC and current links, etc. (cc: @suhafa, @patrickisaac )

[nanyangpro]

Hi @shon-button (cc: @hannavovk, @suhafa) - I have updated the ticket description with

• the links to the proper frames / prototypes in Figma to show the page details and styling details separately.
• the AC

Please note that this ticket covers scenarios when the user is an admin and can access all tiles in the BCIERS dashboard, we'll take care of user access management in another ticket when time comes.

Happy to hop on a call if you have questions or need help fine-tuning the AC together.

[suhafa]

Note for devs who will be working on this, the Internal dashboard design linked here will follow the same design style as the External dashboard as mentioned by Nan. For the 'Clean Growth User Access Management' tile in the Internal side, you can use the first icon that appears when you click this link @shon-button