ui: Release Resources

[jgwhite]

Why the change?

Closes #2386

What’s the plan?

• Add resource list to release detail page
• Add release resource detail page
• Add release resources to deployment detail page
• Add suitable demo data to default mirage scenario

What does it look like?

CleanShot.2021-10-01.at.00.05.42.mp4

How do I test it?

Using Mirage

1. Check out the branch:

   git checkout ui/release-resources

2. Boot the dev server

   cd ui && ember serve

3. Visit the app
4. Browse different releases and deployments
5. Verify that when resources are available they render correctly
6. Verify that when resources aren’t available the empty state makes sense

For realsies

1. Check out the branch:

   git checkout ui/release-resources

2. Build the ember app

   (cd ui && make)

3. Bundle the static assets

   make static-assets

4. Build the dev server

   make docker/server

5. Build the CLI

   make bin

6. Install waypoint on your platform of choice, i.e.

   ./waypoint install -platform=kubernetes -accept-tos -k8s-server-image=waypoint:dev -k8s-odr-image=waypoint-odr:dev

7. Open the UI

   ./waypoint ui -authenticate
   

8. Try out an example app of your choice (i.e. kubernetes/nodejs)
9. Browse different releases and deployments
10. Verify that when resources are available they render correctly
11. Verify that when resources aren’t available the empty state makes sense

[gregone]

is this withMargin related to the styling when used within a Section component? if so, wouldn't it be simpler to style this within the styles/component/section.scss file as a descendent selector?

Unless of course you foresee the table needing this elsewhere too... in that case, disregard my comment.

[jgwhite]

I must admit I hadn’t considered using a descendent selector. But yeah, I can see the table needing this in other situations. This is where a mb-4 utility class would be handy.

[gregone]

Looks great. Just a minor question about the approach to styling