SHS-6035: Dashboard: Initial design implementation

[mariannuar]

Summary

Implementation of initial design

Need Review By (Date)

01/24

Urgency

medium

Steps to Test

1. Go to admin/structure/dashboard
2. Add a dashboard and enable it (please try to add more than one to see both of them look as expected)
3. Edit the layout of the dasboard
4. Add 1col, 2col 3col and 4 col
5. Add custom block or any block
6. Save it
7. Now go to /admin/dashboard and also check the preview
8. Confirm the general design looks according to what you see in the screenshot below and the Figma design. Just a heads up the way the content is design for each block will be implemented when creating each block in future tickets. This is more a general design of how everything is displayed and the color palette.

Review Tasks

Backend / Functional Validation

Code

• Are the naming conventions following our standards?
• Are PHP functions and variables in snake_case and not camelCase?
• Does Drupal code follow Drupal Coding Standards?
• Does the code have sufficient inline comments?
• Is there anything in this code that would be hidden or hard to discover through the UI?
• Are there any code smells?
• Are tests provided?

Code security

• Is all user input properly sanitized when rendered?
• Any obvious security flaws or new areas for attack?

General

• Is there anything included in this PR that is not related to the problem it is trying to solve?
• Is the approach to the problem appropriate?

[cienvaras]

@mariannuar Looks good, just some small fixes needed.

[ahughes3]

Tugboat has finished building the preview for this pull request!

Links:

• https://pr1719-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com
• https://hs-colorful-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com
• https://hs-traditional-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com
• https://english-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com
• https://history-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com
• https://west-cdazv5rgjykwecxtecslwb2aautecqaa.tugboatqa.com

Dashboard:

• https://dashboard.tugboatqa.com/67895053196cdea1bee1c0d8

Visual Diffs:

• https://dashboard.tugboatqa.com/67895053196cdea1bee1c0d8/visualdiffs

[mariannuar]

@cienvaras This is ready for review again!

[cienvaras]

@mariannuar LGTM!

@ahughes3 Ready for you to review.