Update static/user.js

static/user.js

@@ -1,14 +1,43 @@
-document.getElementById("testApiButton").addEventListener("click", async function() {
-    // Prompt for the user API key
-    const apiKey = prompt("Enter your API key:");
-    
+document.addEventListener("DOMContentLoaded", function() {
+  // Prompt for user API key (used for all user requests)
+  const userApiKey = prompt("Enter your API key:");
+
+  // Generate API Key Form submission
+  document.getElementById("generateKeyForm").addEventListener("submit", async function(e) {
+    e.preventDefault();
+    let expiry_date = document.getElementById("expiry_date").value;
+    expiry_date = expiry_date ? expiry_date : null;
+    const response = await fetch("/user/generate_key", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-Key": userApiKey
+      },
+      body: JSON.stringify({ expiry_date })
+    });
+    const result = await response.json();
+    alert("New API Key: " + result.key);
+  });
+
+  // Load API Keys Button
+  document.getElementById("loadApiKeys").addEventListener("click", async function() {
+    const response = await fetch("/user/api_keys", {
+      headers: {
+        "X-API-Key": userApiKey
+      }
+    });
+    const result = await response.json();
+    document.getElementById("apiKeysList").innerText = JSON.stringify(result, null, 2);
+  });
+
+  // Test API Button
+  document.getElementById("testApiButton").addEventListener("click", async function() {
     const response = await fetch("/user/test_api", {
-        method: "GET",
-        headers: {
-            "X-API-Key": apiKey
-        }
+      headers: {
+        "X-API-Key": userApiKey
+      }
     });
-    
     const result = await response.json();
-    document.getElementById("apiResult").innerText = JSON.stringify(result, null, 2);
+    document.getElementById("apiTestResult").innerText = JSON.stringify(result, null, 2);
+  });
 });