"use strict";

function getApplicationId() {
  const match = window.location.hash.match(/^#\/job-procedures\/record\/([0-9a-z]{8}-[0-9a-z]{4}-[0-9a-z]{4}-[0-9a-z]{4}-[0-9a-z]{12})/)
  if (match != null) {
    return match[1]
  }
  throw "Unable to retrieve Application ID";
}

async function getXSRFToken() {
  // we need to go through the background script to get the XSRF-TOKEN cookie
  return browser.runtime.sendMessage(
    { type: "COOKIE", url: "https://personal.uni-graz.at", key: "XSRF-TOKEN" }
  ).then((cookie) => {
    return cookie.value;
  })
}

async function getApplicant(applicant, token) {
  content.fetch(`https://personal.uni-graz.at/api/erec/job-applications/${applicant.id}`,
    {
      headers: { "X-XSRF-TOKEN": token }
    })
    .then((response) => {
      if (response.ok) {
        return response.json()
      }
      throw `Failed to get applicant ${applicant.id}`
    })
    .then((jsonData) => {
      return jsonData
    })
}

async function getApplicants() {
  const aid = getApplicationId()
  const token = await getXSRFToken()
  content.fetch(`https://personal.uni-graz.at/api/erec/job-applications/procedure/${aid}`,
    {
      credentials: "same-origin",
      headers: { "X-XSRF-TOKEN": token }
    }
  )
    .then((response) => {
      if (response.ok) {
        return response.json()
      }
      throw "Failed to get list of applications"
    })
    .then((jsonData) => {
      const sliced = jsonData.slice(0, 10);
      return Promise.allSettled(sliced.map(async (applicant) => getApplicant(applicant, token)))
    })
}

function rip(event) {
  const btn = event.target;
  btn.textContent = "working ..."
  btn.classList.add("loading")
  btn.disabled = true;
  getApplicants().then((applicants) => {
    btn.textContent = "done"
  })
}

// injection of rip button
function install() {
  const titleTag = document.querySelector("scrm-module-title")

  if (titleTag != null) {
    const a = document.createElement("button")
    a.textContent = "rip"
    a.classList.add("ripper-btn")
    a.addEventListener("click", rip, {
      once: true
    })
    titleTag.append(" (", a, ")")
  } else {
    console.log("could not install button")
  }
}

// we need the observer to restore the button after each page load
const contentObserver = new MutationObserver((mutations) => {
  mutations.forEach(mu => {
    for (const node of mu.removedNodes) {
      if (node.nodeName == "APP-FULL-PAGE-SPINNER") {
        install();
      }
    }
  });
})

contentObserver.observe(document.querySelector("app-root"), { subtree: true, childList: true });