Skip to content

Add loading state to security training config

Samantha Ming requested to merge 346593-loading-config-sec-training into master

What does this MR do and why?

In this MR, we added a loading state when the training providers are being populated and we remove the hardcoded data.

This MR is part of the new security training feature, please see the epic for details and the implementation breakdown > &6176 (closed)

Screenshots or screen recordings

Loading Loaded
image image

How to set up and validate locally

This feature is behind a feature flag, to enable

rails c

Feature.enable(:secure_vulnerability_training)
  1. Navigate to Security & Compliance > Configuration
  2. Click on the "Vulnerability Management" tab
  3. You will see the loading state.

Note: the actual backend implementation of the GraphQL query will be developed in this issue > #346480 (closed). So in the meantime, to test this, we need to manually adjust the code to force the loading state:

// app/assets/javascripts/security_configuration/components/app.vue
<training-provider-list
  :loading="true"
  :providers="[]"
/>

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #346593 (closed)

Edited by Samantha Ming

Merge request reports