UI: Project-level Config Variables

[gregone]

Fixes #1512

This PR adds Config Variables management to the project settings screen.

The list view displays both static and dynamic variables, with the latter in an abridged form, but only static variables are editable.

Editable attributes:

• key
• value
• internal
• use key as file path

Variables can also be edited from the UI.

Screen.Recording.2021-09-03.at.13.20.29.mov

[gregone]

Note for other reviewers: dynamic config vars aren’t added to the database until the first time they’re used in a deployment operation. I tried simply adding the config var to my waypoint.hcl, running waypoint init, and checking the UI and was surprised to find it didn’t work. If you subsequently run a waypoint up, then you’ll see it:

So this is because config syncing run on deploy (and after editing variables)

[jgwhite]

Is it safe to do this without set, given controller.project isn’t a @tracked property? I would guess it’s OK but I’m not 100% sure.

[gregone]

good question 🤔. I'll verify and update tomorrow

[gregone]

looked into it: it's fine and the route updates the controller properly every time. The only concern would be if we were interacting with this controller from outside the route, but we're not.

[jgwhite]

Works great 🎉

I left one tiny comment which I think we should fix but it’s not worth holding up the PR for.