Function applyFiltersAndRender

website/src/scripts/pages/instructions.ts:50–74

()

}

function applyFiltersAndRender(): void {
  const countEl = document.getElementById('results-count');
  let results = [...allItems];

  if (currentFilters.extensions.length > 0) {
    results = results.filter((item) => {
      if (
        currentFilters.extensions.includes('(none)') &&
        (!item.extensions || item.extensions.length === 0)
      ) {
        return true;
      }
      return item.extensions?.some((ext) => currentFilters.extensions.includes(ext));
    });
  }

  results = sortItems(results);

  renderItems(results);
  let countText = `${results.length} instruction${results.length === 1 ? '' : 's'}`;
  if (currentFilters.extensions.length > 0) {
    countText = `${results.length} of ${allItems.length} instructions (filtered by ${currentFilters.extensions.length} extension${currentFilters.extensions.length > 1 ? 's' : ''})`;
  }
  if (countEl) countEl.textContent = countText;
}

function renderItems(items: Instruction[]): void {
  const list = document.getElementById('resource-list');