Display when inherited group variables are protected
Problem to solve
My pipeline inherits some group variables but then fails because they are protected. This is not shown in the UI.
Intended users
User experience goal
The user should be able to use the UI with GitLab to tell which environment variables will be available in their pipelines.
Proposal
Design Proposal in #222367[group_table_changes.png]
![#222367[group_table_changes.png]](https://gitlab.com/gitlab-org/gitlab/-/issues/222367/designs/group_table_changes.png){kind=link}
Add a table similar to the project level variables to show variables inherited from group level with options and environments column.
Permissions and Security
There may be different permissions to operate on these secrets. But whoever can build pipelines should be able to consume them directly or at least know whether he can consume them in their pipelines (or only with someone else's blessing because of protection).
Implementation Details
We will migrate this page to Vue and use the shared table component used for the CI Variables settings. We might be able to use the group variables query, but if not, we can pass the information through Rails injection for now.
The table will be just for showing information (no edit or add variable button included just yet). This will be under a feature flag and will be rolled out incrementally.