Function sortTable

codeclash/viewer/static/js/picker.js:1235–1291

(column)

let currentSort = { column: null, ascending: true };

function sortTable(column) {
  // Toggle sort order if clicking the same column
  if (currentSort.column === column) {
    currentSort.ascending = !currentSort.ascending;
  } else {
    currentSort.column = column;
    currentSort.ascending = true;
  }

  const rows = Array.from(document.querySelectorAll(".game-row"));

  // Comparison function based on selected column
  function compareRows(a, b) {
    let aValue, bValue;

    if (column === "name") {
      // For name sorting, use just the folder name (not full path)
      aValue = a.dataset.path.split("/").pop() || "";
      bValue = b.dataset.path.split("/").pop() || "";
      return currentSort.ascending
        ? aValue.localeCompare(bValue)
        : bValue.localeCompare(aValue);
    } else if (column === "date") {
      // Get timestamps, treat empty/missing as 0 (will sort to the end when ascending)
      aValue = parseInt(a.dataset.timestamp) || 0;
      bValue = parseInt(b.dataset.timestamp) || 0;

      // Put entries without timestamps at the end
      if (aValue === 0 && bValue === 0) return 0;
      if (aValue === 0) return 1;
      if (bValue === 0) return -1;

      return currentSort.ascending ? aValue - bValue : bValue - aValue;
    }

    return 0;
  }

  // Sort all rows
  rows.sort(compareRows);

  // Get the table header element
  const tableHeader = document.querySelector(".table-header");

  // Remove all existing rows
  rows.forEach((row) => row.remove());

  // Re-insert rows in sorted order
  let previousElement = tableHeader;
  rows.forEach((row) => {
    previousElement.after(row);
    previousElement = row;
  });

  // Re-apply filters to maintain visibility state
  applyFilters();
}