1 files changed, 25 insertions, 26 deletions

diff --git a/templates/assets/site.js b/templates/assets/site.js
index ebf9f5f..7ba4b15 100644
--- a/templates/assets/site.js
+++ b/templates/assets/site.js
@@ -1,12 +1,12 @@
 function fillTemplate(templateId, values) {
     var tpl = document.getElementById(templateId).text;
 
-    Object.keys(values).forEach(function(key) {
+    Object.keys(values).forEach(key => {
         tpl = tpl.replace(new RegExp("\\[\\[ \\." + key + " \\]\\]", "g"), values[key]);
     });
 
     var out = [];
-    tpl.split("\n").forEach(function(line) {
+    tpl.split("\n").forEach(line => {
         line = line.replace(/^\s+/, "").replace(/\s+$/, "");
         if (line !== "") {
             out.push(line);
@@ -43,7 +43,7 @@ function accountTableLinkClick(event) {
         "headers": {
             "Accept": event.target.dataset["contentType"]
         }
-    }).then(r => r.text()).then(function(text) {
+    }).then(r => r.text()).then(text => {
         var newTr = fillTemplate("credential_row_template", {
             "Account": account,
             "Content": text,
@@ -51,25 +51,19 @@ function accountTableLinkClick(event) {
 
         event.target.text = oldText;
         thisRow.insertAdjacentHTML("afterend", newTr);
-        thisRow.nextElementSibling.getElementsByTagName("button")[0].addEventListener("click", function(event) {
-            event.target.parentNode.parentNode.remove();
+        thisRow.nextElementSibling.getElementsByTagName("button")[0].addEventListener("click", e => {
+            e.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.querySelector("#account-table tr").insertAdjacentHTML("afterend",
+        fillTemplate(row["vendor"] + "_account_row_template", row));
 
-    document.querySelectorAll(".account-row a[data-content-type]").forEach(function(e) {
+    document.querySelectorAll(".account-row a[data-content-type]").forEach(e => {
         e.addEventListener("click", accountTableLinkClick);
     });
 }
@@ -78,25 +72,30 @@ function getCookie(name) {
     return document.cookie.match(new RegExp(name + "=\"?([^;\"]*)\"?;?"))[1];
 }
 
-function parseJWT(token) {
-    return JSON.parse(atob(token.split(".")[1]));
+function parseJWT() {
+    return JSON.parse(atob(getCookie("github-token").split(".")[1]));
 }
 
-function parseJWTExpires(token) {
-    return new Date(parseJWT(token)["exp"] * 1000);
+function parseJWTExpires() {
+    return new Date(parseJWT()["exp"] * 1000);
 }
 
-function isAdmin(token) {
-    return parseJWT(token)["admin"];
+function isAdmin() {
+    return parseJWT()["admin"];
 }
 
-function populateAPIKey() {
-    document.querySelector("#api-key textarea").innerText = getCookie("github-token");
-    document.querySelector("#session-expires").innerText = parseJWTExpires(getCookie("github-token"));
-}
+function setupHomePage() {
+    fetch("/api/account").then(getJSON).then(r => r.forEach(populateAccountRow));
 
-function setAdminClass() {
-    if (isAdmin(getCookie("github-token"))) {
+    document.getElementById("username").innerText = parseJWT()["sub"];
+
+    if (isAdmin()) {
         document.body.classList.add("isAdmin");
     }
+
+    document.getElementById("show-api-key").addEventListener("click", _ => {
+        document.querySelector("#api-key textarea").innerText = getCookie("github-token");
+        document.querySelector("#session-expires").innerText = parseJWTExpires();
+        document.getElementById("api-key-block").style.display = "block";
+    });
 }