1 files changed, 14 insertions, 0 deletions
diff --git a/app/assets/javascripts/header.js.es6 b/app/assets/javascripts/header.js.es6
new file mode 100644
index 00000000000..0dd0cebf3a3
--- /dev/null
+++ b/app/assets/javascripts/header.js.es6
@@ -0,0 +1,14 @@
+document.addEventListener('todo:toggle', (event) => {
+  const todoPendingCount = document.querySelector('.todos-pending-count');
+  const count = event.detail.count;
+
+  if (todoPendingCount !== null) {
+    todoPendingCount.textContent = gl.text.addDelimiter(count);
+  }
+
+  if (count === 0 && !todoPendingCount.classList.contains('hidden')) {
+    todoPendingCount.classList.add('hidden');
+  } else if (count !== 0 && todoPendingCount.classList.contains('hidden')) {
+    todoPendingCount.classList.remove('hidden');
+  }
+});