diff options
Diffstat (limited to 'app/assets/javascripts/commit/pipelines')
-rw-r--r-- | app/assets/javascripts/commit/pipelines/pipelines_bundle.js | 9 | ||||
-rw-r--r-- | app/assets/javascripts/commit/pipelines/utils.js | 11 |
2 files changed, 13 insertions, 7 deletions
diff --git a/app/assets/javascripts/commit/pipelines/pipelines_bundle.js b/app/assets/javascripts/commit/pipelines/pipelines_bundle.js index 8d88b682df2..2109aecdf03 100644 --- a/app/assets/javascripts/commit/pipelines/pipelines_bundle.js +++ b/app/assets/javascripts/commit/pipelines/pipelines_bundle.js @@ -1,4 +1,5 @@ import Vue from 'vue'; +import { initPipelineCountListener } from './utils'; /** * Used in: @@ -12,13 +13,7 @@ export default () => { if (pipelineTableViewEl) { // Update MR and Commits tabs - pipelineTableViewEl.addEventListener('update-pipelines-count', (event) => { - if (event.detail.pipelineCount) { - const badge = document.querySelector('.js-pipelines-mr-count'); - - badge.textContent = event.detail.pipelineCount; - } - }); + initPipelineCountListener(pipelineTableViewEl); if (pipelineTableViewEl.dataset.disableInitialization === undefined) { const table = new Vue({ diff --git a/app/assets/javascripts/commit/pipelines/utils.js b/app/assets/javascripts/commit/pipelines/utils.js new file mode 100644 index 00000000000..52cbe52fa9b --- /dev/null +++ b/app/assets/javascripts/commit/pipelines/utils.js @@ -0,0 +1,11 @@ +export function initPipelineCountListener(el) { + if (!el) return; + + el.addEventListener('update-pipelines-count', (event) => { + if (event.detail.pipelineCount) { + const badge = document.querySelector('.js-pipelines-mr-count'); + + badge.textContent = event.detail.pipelineCount; + } + }); +} |