diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-06-30 00:09:23 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-06-30 00:09:23 +0300 |
commit | ab593c8ded443f7ade3540ff8dac69ee51bc74fd (patch) | |
tree | 1fb8b2e194747f135d8610cd4b77766ac458b3a7 /app/assets/javascripts/header.js | |
parent | 860efb35e24e07a1a22bcafcddb5f0409d40354c (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app/assets/javascripts/header.js')
-rw-r--r-- | app/assets/javascripts/header.js | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/app/assets/javascripts/header.js b/app/assets/javascripts/header.js index 360a8d3bf8d..9b6113c7444 100644 --- a/app/assets/javascripts/header.js +++ b/app/assets/javascripts/header.js @@ -1,4 +1,3 @@ -import $ from 'jquery'; import Vue from 'vue'; import { highCountTrim } from '~/lib/utils/text_utility'; import Tracking from '~/tracking'; @@ -12,12 +11,18 @@ import Translate from '~/vue_shared/translate'; * @param {String} count */ export default function initTodoToggle() { - $(document).on('todo:toggle', (e, count) => { - const updatedCount = count || e?.detail?.count || 0; - const $todoPendingCount = $('.js-todos-count'); + document.addEventListener('todo:toggle', (e) => { + const updatedCount = e.detail.count || 0; + const todoPendingCount = document.querySelector('.js-todos-count'); - $todoPendingCount.text(highCountTrim(updatedCount)); - $todoPendingCount.toggleClass('hidden', updatedCount === 0); + if (todoPendingCount) { + todoPendingCount.textContent = highCountTrim(updatedCount); + if (updatedCount === 0) { + todoPendingCount.classList.add('hidden'); + } else { + todoPendingCount.classList.remove('hidden'); + } + } }); } @@ -85,7 +90,7 @@ function initStatusTriggers() { function trackShowUserDropdownLink(trackEvent, elToTrack, el) { const { trackLabel, trackProperty } = elToTrack.dataset; - $(el).on('shown.bs.dropdown', () => { + el.addEventListener('shown.bs.dropdown', () => { Tracking.event(document.body.dataset.page, trackEvent, { label: trackLabel, property: trackProperty, |