add manage html

html/manage.js

@@ -0,0 +1,77 @@
+
+import { testStr, restartAPP } from './manage-utils.js'
+
+const main = document.querySelector("#main");
+const template = document.querySelector('#app-list');
+const save2Local = document.querySelector("#save2Local")
+// const accounts = [];
+const accountsStr = localStorage.getItem("accounts");
+const accounts = new Set(JSON.parse(accountsStr) || []);
+for (const account of accounts) {
+    addAccount(account);
+}
+document.querySelector("#addKey")?.addEventListener(
+    'click',
+    async () => {
+        /** @type string*/
+        const key = document.getElementById("key")?.value;
+        if (key && accounts.has(key) === false) {
+            await addAccount(key);
+        }
+    }
+)
+
+
+async function addAccount(key) {
+    const clone = template.content.cloneNode(true);
+    const keySpan = clone.querySelector("div>.key");
+    keySpan.textContent = "****" + key.slice(4);
+
+    const resp = await fetch("https://api.heroku.com/apps", {
+        method: "Get",
+        headers: {
+            Accept: "application/vnd.heroku+json; version=3",
+            Authorization: `Bearer ${key}`
+        }
+    });
+
+    /** @type any[] */
+    const jsonContent = await resp.json();
+    console.log(jsonContent);
+
+    if (save2Local.checked) {
+        const appStr = localStorage.getItem("accounts") || '[]';
+        const appSet = new Set(JSON.parse(appStr)).add(key);
+        const apps = [...appSet];
+        localStorage.setItem("accounts", JSON.stringify(apps));
+
+        console.log(localStorage.getItem("accounts"));
+    }
+
+    const appsUl = clone.querySelector("UL.app-list");
+    for (const app of jsonContent) {
+        const appli = document.createElement('li');
+        appli.classList.add("appli");
+        const restartBtn = document.createElement('button');
+        restartBtn.dataset.appname = app.name;
+
+        restartBtn.addEventListener('click', (event) => {
+            restartAPP(app.name, key);
+        });
+        restartBtn.textContent = "restart";
+        const url = document.createElement('a');
+        url.href = app.web_url;
+        url.textContent = app.web_url;
+
+        appli.textContent = `app: ${app.name}`;
+        appli.appendChild(url);
+        appli.appendChild(restartBtn);
+        appsUl.appendChild(appli);
+
+
+    }
+    main.appendChild(clone);
+    accounts.add(key);
+    console.log(testStr);
+}
+