1 files changed, 102 insertions, 0 deletions

diff --git a/templates/assets/site.js b/templates/assets/site.js
new file mode 100644
index 0000000..485a4cd
--- /dev/null
+++ b/templates/assets/site.js
@@ -0,0 +1,102 @@
+function fillTemplate(templateId, values) {
+    var tpl = document.getElementById(templateId).text;
+
+    Object.keys(values).forEach(function(key) {
+        tpl = tpl.replace(new RegExp("\\[\\[ \\." + key + " \\]\\]", "g"), values[key]);
+    });
+
+    var out = [];
+    tpl.split("\n").forEach(function(line) {
+        line = line.replace(/^\s+/, "").replace(/\s+$/, "");
+        if (line !== "") {
+            out.push(line);
+        }
+    });
+
+    return out.join("\n");
+}
+
+function getJSON(response) {
+    if (!response.ok) {
+        document.getElementById("api-error").style.display = "block";
+        throw new Error("Error loading api");
+    }
+
+    return response.json();
+}
+
+function accountTableLinkClick(event) {
+    event.preventDefault();
+
+    var thisRow = event.target.parentElement.parentElement;
+    var template = event.target.getAttribute("data-template");
+    var account = thisRow.getAttribute("data-account-name");
+    var credentialEndpoint = thisRow.getAttribute("data-global-credential-endpoint");
+    var oldText = event.target.text;
+
+    var existingTr = document.getElementById("credentials-for-" + account);
+    if (existingTr) {
+        existingTr.remove();
+    }
+
+    event.target.text = "Loading...";
+
+    fetch(credentialEndpoint).then(getJSON).then(function(vals) {
+        vals["ShortName"] = account;
+
+        var newTr = fillTemplate("credential_row_template", {
+            "Account": account,
+            "Content": fillTemplate(template, vals)
+        });
+
+        event.target.text = oldText;
+        thisRow.insertAdjacentHTML("afterend", newTr);
+        thisRow.nextElementSibling.getElementsByTagName("button")[0].addEventListener("click", function(event) {
+            event.target.parentNode.parentNode.remove();
+        });
+    });
+
+    return false;
+}
+
+function populateAccountTable() {
+    fetch("/api/account").then(getJSON).then(function(response) {
+        response.forEach(populateAccountRow);
+    });
+}
+
+function populateAccountRow(row) {
+    var out = fillTemplate("account_row_template", row);
+    document.querySelector("#account-table tr").insertAdjacentHTML("afterend", out);
+
+    document.querySelectorAll("#account-row-" + row["short_name"] + " a[data-template]").forEach(function(element) {
+        element.addEventListener("click", accountTableLinkClick);
+    });
+}
+
+function getCookie(name) {
+    return document.cookie.match(new RegExp(name + "=\"?([^;\"]*)\"?;?"))[1];
+}
+
+function parseJWT(token) {
+    return JSON.parse(atob(token.split(".")[1]));
+}
+
+function parseJWTExpires(token) {
+    return new Date(parseJWT(token)["exp"] * 1000);
+}
+
+function isAdmin(token) {
+    return parseJWT(token)["admin"];
+}
+
+function populateAPIKey() {
+    document.querySelector("#api-key textarea").innerText = getCookie("github-token");
+    document.querySelector("#session-expires").innerText = parseJWTExpires(getCookie("github-token"));
+}
+
+function setAdminClass() {
+    if (isAdmin(getCookie("github-token"))) {
+        document.body.classList.add("isAdmin");
+    }
+}