asanaのlistビューで全部開いたり閉じたりするボタンを出すブックマークレット

asana-list-open-close-all.js

javascript:(() => {
  const closeAllButtonContainer = document.createElement('div');
  document.querySelector('.AddTaskDropdownButton').parentElement.appendChild(closeAllButtonContainer);
  closeAllButtonContainer.classList.add('SecondarySplitDropdownMenuButton', 'AddTaskDropdownButton');

  const closeAllButton = document.createElement('div');
  closeAllButtonContainer.appendChild(closeAllButton);
  closeAllButton.classList.add(...'ThemeableRectangularButtonPresentation--isEnabled ThemeableRectangularButtonPresentation ThemeableRectangularButtonPresentation--medium SecondarySplitDropdownMenuButton-leftButton SecondarySplitDropdownMenuButton-leftButton'.split(' '));
  closeAllButton.setAttribute('role', 'button');
  closeAllButton.textContent = 'Close/Open all sections';

  const makeSelector = has => `.TaskGroup--withHeader .TaskGroupHeader-toggleButton:has(${has})`;
  closeAllButton.addEventListener('click', e => {
    /* 1個でも開いてるなら全部閉じる (全部閉じてたら全部開く) */
    const selectorHas = document.querySelector(makeSelector('.DownTriangleIcon')) ? '.DownTriangleIcon' : '.RightTriangleIcon';
    document.querySelectorAll(makeSelector(selectorHas)).forEach(button => button.click());
  });
})()