diff options
Diffstat (limited to 'app/assets/javascripts/ci_variable_list/index.js')
-rw-r--r-- | app/assets/javascripts/ci_variable_list/index.js | 26 |
1 files changed, 22 insertions, 4 deletions
diff --git a/app/assets/javascripts/ci_variable_list/index.js b/app/assets/javascripts/ci_variable_list/index.js index 2b4a56a4e6d..a28b52d6b57 100644 --- a/app/assets/javascripts/ci_variable_list/index.js +++ b/app/assets/javascripts/ci_variable_list/index.js @@ -3,9 +3,21 @@ import CiVariableSettings from './components/ci_variable_settings.vue'; import createStore from './store'; import { parseBoolean } from '~/lib/utils/common_utils'; -export default () => { - const el = document.getElementById('js-ci-project-variables'); - const { endpoint, projectId, group, maskableRegex, protectedByDefault } = el.dataset; +export default (containerId = 'js-ci-project-variables') => { + const containerEl = document.getElementById(containerId); + const { + endpoint, + projectId, + group, + maskableRegex, + protectedByDefault, + awsLogoSvgPath, + awsTipDeployLink, + awsTipCommandsLink, + awsTipLearnLink, + protectedEnvironmentVariablesLink, + maskedEnvironmentVariablesLink, + } = containerEl.dataset; const isGroup = parseBoolean(group); const isProtectedByDefault = parseBoolean(protectedByDefault); @@ -15,10 +27,16 @@ export default () => { isGroup, maskableRegex, isProtectedByDefault, + awsLogoSvgPath, + awsTipDeployLink, + awsTipCommandsLink, + awsTipLearnLink, + protectedEnvironmentVariablesLink, + maskedEnvironmentVariablesLink, }); return new Vue({ - el, + el: containerEl, store, render(createElement) { return createElement(CiVariableSettings); |