Function loadTrajectoryDetails

codeclash/viewer/static/js/trajectory.js:16–76

(playerName, roundNum)

}

function loadTrajectoryDetails(playerName, roundNum) {
  // Get the folder from URL params
  const urlParams = new URLSearchParams(window.location.search);
  const folder = urlParams.get("folder");

  if (!folder) {
    console.error("No folder parameter in URL");
    return;
  }

  // Find the trajectory foldout container
  const foldout = document.querySelector(
    `.trajectory-details-foldout[data-player="${playerName}"][data-round="${roundNum}"]`,
  );

  if (!foldout) {
    console.error("Trajectory foldout not found");
    return;
  }

  // Show loading spinner, hide placeholder
  const placeholder = foldout.querySelector(".trajectory-load-placeholder");
  const spinner = foldout.querySelector(".trajectory-loading-spinner");
  const content = foldout.querySelector(".trajectory-details-content");

  placeholder.style.display = "none";
  spinner.style.display = "flex";

  // Fetch trajectory details
  fetch(
    `/load-trajectory-details?folder=${encodeURIComponent(
      folder,
    )}&player=${encodeURIComponent(playerName)}&round=${encodeURIComponent(
      roundNum,
    )}`,
  )
    .then((response) => response.json())
    .then((data) => {
      if (data.success) {
        // Populate the messages
        renderMessages(
          foldout,
          data.messages,
          playerName,
          roundNum,
          data.trajectory_file_path,
        );

        // Hide spinner, show content
        spinner.style.display = "none";
        content.style.display = "block";
      } else {
        console.error("Error loading trajectory:", data.error);
        spinner.innerHTML = `<div class="alert alert-danger">Error: ${data.error}</div>`;
      }
    })
    .catch((error) => {
      console.error("Error loading trajectory:", error);