Atay-Makhzan/web_src/js/features/tablesort.ts

export function initTableSort() {
  for (const header of document.querySelectorAll('th[data-sortt-asc]') || []) {
    const sorttAsc = header.getAttribute('data-sortt-asc')!;
    const sorttDesc = header.getAttribute('data-sortt-desc')!;
    const sorttDefault = header.getAttribute('data-sortt-default')!;
    header.addEventListener('click', () => {
      tableSort(sorttAsc, sorttDesc, sorttDefault);
    });
  }
}

function tableSort(normSort: string, revSort: string, isDefault: string) {
  if (!normSort) return;
  if (!revSort) revSort = '';

  const url = new URL(window.location.href);
  let urlSort = url.searchParams.get('sort');
  if (!urlSort && isDefault) urlSort = normSort;

  url.searchParams.set('sort', urlSort !== normSort ? normSort : revSort);
  window.location.replace(url.href);
}