UI - Remove badges from DAST site validations
What does this MR do?
Implement #299513 (closed)
- Remove badges from validation status column
- Adjust spacing between icons and text
Screenshots (strongly suggested)
Before | After |
---|---|
Does this MR meet the acceptance criteria?
Conformity
How to test this
- Apply the follow patch -
pbpaste | git apply
diff --git a/ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles.vue b/ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles.vue
index 38ae0cc3c72..fd211fba3c8 100644
--- a/ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles.vue
+++ b/ee/app/assets/javascripts/security_configuration/dast_profiles/components/dast_profiles.vue
@@ -103,7 +103,19 @@ export default {
if (!error) {
const { project } = data;
const profileEdges = project?.[profileType]?.edges ?? [];
- const profiles = profileEdges.map(({ node }) => node);
+ const profiles = profileEdges.map(({ node }, index) => ({
+ ...node,
+ validationStatus:
+ index < 2
+ ? 'PASSED_VALIDATION'
+ : index > 4
+ ? index > 6
+ ? 'INPROGRESS_VALIDATION'
+ : 'PENDING_VALIDATION'
+ : index < 3
+ ? 'NONE'
+ : 'FAILED_VALIDATION',
+ }));
const pageInfo = project?.[profileType].pageInfo;
this.profileTypes[profileType].profiles = profiles;
- Navigate to the DAST profile library page in your GDK:
/:namespace/:project/-/security/configuration/dast_profiles#site-profiles
Edited by Dheeraj Joshi