Implement yaml loading in the policy editor
What does this MR do?
This MR adds implements policy loading from yaml for the upcoming policy editor(&3403 (closed)). This allows users to switch to the yaml editor and type in kubernetes compatible yaml manually and this will result in UI changes across the policy editor. If yaml is failed to be parsed addition of new rules will be blocked and alert will be presented in the rules builder. Rule builder changes changes will be reflected in yaml editor upon switching to the yaml editor.
yaml editor (network_policy_editor.vue) was updated to make it possible to reuse across the editor and list pages by introducing additional properties and extracting several styles.
Screenshots
| initial | with rules | with an error |
|---|---|---|
 |
 |
 |
Does this MR meet the acceptance criteria?
Conformity
-
Changelog entry -
Documentation (if required) -
Code review guidelines -
Merge request performance guidelines -
Style guides -
Database guides -
Separation of EE specific content
Availability and Testing
-
Review and add/update tests for this feature/bug. Consider all test levels. See the Test Planning Process. -
Tested in all supported browsers -
Informed Infrastructure department of a default or new setting change, if applicable per definition of done
Security
If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:
-
Label as security and @ mention @gitlab-com/gl-security/appsec -
The MR includes necessary changes to maintain consistency between UI, API, email, or other methods -
Security reports checked/validated by a reviewer from the AppSec team