Filter Summary by Excerpt

Description

• filter summary items (list layout) by number in Excerpt

(before)

(after adding code)

#1. Install Code

Hover on page where you use Gear icon

Next, click Advanced > Paste this code

<script>
(function() {
  const CONFIG = {
    hideOrderNumbers: false
  };
  
  function reorderSummaryItems() {
    const summaryBlocks = document.querySelectorAll('.summary-block-wrapper');
    
    summaryBlocks.forEach(block => {
      const container = block.querySelector('.summary-item-list');
      if (!container) return;
      
      const items = Array.from(container.querySelectorAll('.summary-item'));
      if (items.length === 0) return;
      
      const itemsWithOrder = items.map(item => {
        const excerpt = item.querySelector('.summary-excerpt');
        let order = Infinity;
        
        if (excerpt) {
          const text = excerpt.textContent;
          const match = text.match(/##\s*(\d+)/);
          if (match) {
            order = parseInt(match[1], 10);
            if (CONFIG.hideOrderNumbers) {
              excerpt.innerHTML = excerpt.innerHTML.replace(/##\s*\d+/g, '');
            }
          }
        }
        
        return { element: item, order: order };
      });
      
      itemsWithOrder.sort((a, b) => a.order - b.order);
      
      itemsWithOrder.forEach(({ element }) => {
        container.appendChild(element);
      });
    });
  }
  
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', reorderSummaryItems);
  } else {
    reorderSummaryItems();
  }
  
  window.addEventListener('mercury:load', reorderSummaryItems);
})();
</script>

#2. Customize

#2.1. To hide ##01, ##02…in Excerpt, change this line (line 04)

hideOrderNumbers: false

to true

hideOrderNumbers: true