From 5313d3a3d2ce9c9eee5b7e8ca220fabf14384013 Mon Sep 17 00:00:00 2001
From: Dave Pisek <dpisek@gitlab.com>
Date: Wed, 27 Apr 2022 20:00:45 +1000
Subject: [PATCH] Add instance-names to security root applications
This change makes it easier to debug vue-apps in the browser, as tools
like vue-devtools can now see the instance-names of the root apps.
---
app/assets/javascripts/security_configuration/index.js | 1 +
ee/app/assets/javascripts/license_compliance/index.js | 1 +
.../security_dashboard/instance_dashboard_settings_init.js | 1 +
.../javascripts/threat_monitoring/security_policies_list.js | 1 +
4 files changed, 4 insertions(+)
diff --git a/app/assets/javascripts/security_configuration/index.js b/app/assets/javascripts/security_configuration/index.js
index 65cf1ec27a3e3..dcc41a38067f1 100644
--- a/app/assets/javascripts/security_configuration/index.js
+++ b/app/assets/javascripts/security_configuration/index.js
@@ -37,6 +37,7 @@ export const initSecurityConfiguration = (el) => {
return new Vue({
el,
apolloProvider,
+ name: 'SecurityConfigurationRoot',
provide: {
projectFullPath,
upgradePath,
diff --git a/ee/app/assets/javascripts/license_compliance/index.js b/ee/app/assets/javascripts/license_compliance/index.js
index 4be345015e840..f382165abdad3 100644
--- a/ee/app/assets/javascripts/license_compliance/index.js
+++ b/ee/app/assets/javascripts/license_compliance/index.js
@@ -43,6 +43,7 @@ export default () => {
return new Vue({
el,
+ name: 'LicenseComplianceAppRoot',
store,
components: {
LicenseComplianceApp,
diff --git a/ee/app/assets/javascripts/security_dashboard/instance_dashboard_settings_init.js b/ee/app/assets/javascripts/security_dashboard/instance_dashboard_settings_init.js
index f96718e2b82b4..9b6c011ba9bfb 100644
--- a/ee/app/assets/javascripts/security_dashboard/instance_dashboard_settings_init.js
+++ b/ee/app/assets/javascripts/security_dashboard/instance_dashboard_settings_init.js
@@ -12,6 +12,7 @@ export default (el) => {
return new Vue({
el,
+ name: 'SecurityDashboardSettingsRoot',
apolloProvider,
render(createElement) {
return createElement(ProjectManager, {
diff --git a/ee/app/assets/javascripts/threat_monitoring/security_policies_list.js b/ee/app/assets/javascripts/threat_monitoring/security_policies_list.js
index 125795f68a56b..c76a06eb6978e 100644
--- a/ee/app/assets/javascripts/threat_monitoring/security_policies_list.js
+++ b/ee/app/assets/javascripts/threat_monitoring/security_policies_list.js
@@ -25,6 +25,7 @@ export default (el, namespaceType) => {
return new Vue({
apolloProvider,
el,
+ name: 'PoliciesAppRoot',
provide: {
assignedPolicyProject: JSON.parse(assignedPolicyProject),
disableSecurityPolicyProject: parseBoolean(disableSecurityPolicyProject),
--
GitLab