Merge branch...

Merge branch '17969-add-affected-projects-feature-to-instance-security-dashboard-frontend' into 'master'

Add vulnerable projects widget to instance security dashboard - frontend

See merge request gitlab-org/gitlab!24557

ee/app/assets/javascripts/pages/security/dashboard/show/index.js

@@ -18,6 +18,7 @@ if (gon.features && gon.features.securityDashboard) {
       vulnerabilitiesEndpoint,
       vulnerabilitiesHistoryEndpoint,
       vulnerabilityFeedbackHelpPath,
+      vulnerableProjectsEndpoint,
     } = el.dataset;
     const router = createRouter();
     const store = createStore({ plugins: [projectSelector, syncWithRouter(router)] });
@@ -41,6 +42,7 @@ if (gon.features && gon.features.securityDashboard) {
             vulnerabilitiesEndpoint,
             vulnerabilitiesHistoryEndpoint,
             vulnerabilityFeedbackHelpPath,
+            vulnerableProjectsEndpoint,
           },
         });
       },

ee/app/assets/javascripts/security_dashboard/components/instance_security_dashboard.vue

@@ -52,6 +52,11 @@ export default {
       type: String,
       required: true,
     },
+    vulnerableProjectsEndpoint: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   data() {
     return {
@@ -143,6 +148,7 @@ export default {
           :vulnerabilities-count-endpoint="vulnerabilitiesCountEndpoint"
           :vulnerabilities-history-endpoint="vulnerabilitiesHistoryEndpoint"
           :vulnerability-feedback-help-path="vulnerabilityFeedbackHelpPath"
+          :vulnerable-projects-endpoint="vulnerableProjectsEndpoint"
         />
       </template>
     </template>

ee/spec/frontend/security_dashboard/components/instance_security_dashboard_spec.js

@@ -17,6 +17,7 @@ const vulnerabilitiesEndpoint = '/vulnerabilities';
 const vulnerabilitiesCountEndpoint = '/vulnerabilities_summary';
 const vulnerabilitiesHistoryEndpoint = '/vulnerabilities_history';
 const vulnerabilityFeedbackHelpPath = '/vulnerabilities_feedback_help';
+const vulnerableProjectsEndpoint = '/vulnerable_projects_endpoint';
 
 describe('Instance Security Dashboard component', () => {
   let store;
@@ -60,6 +61,7 @@ describe('Instance Security Dashboard component', () => {
         vulnerabilitiesCountEndpoint,
         vulnerabilitiesHistoryEndpoint,
         vulnerabilityFeedbackHelpPath,
+        vulnerableProjectsEndpoint,
       },
     });
   };
@@ -164,6 +166,7 @@ describe('Instance Security Dashboard component', () => {
         vulnerabilitiesCountEndpoint,
         vulnerabilitiesHistoryEndpoint,
         vulnerabilityFeedbackHelpPath,
+        vulnerableProjectsEndpoint,
       });
     });