Flow Result
No flow run yet.
@@ -298,6 +338,8 @@ HTML = """
const stateUser = document.getElementById("stateUser");
const stateSession = document.getElementById("stateSession");
const stateExpires = document.getElementById("stateExpires");
+ const usersSummary = document.getElementById("usersSummary");
+ const usersList = document.getElementById("usersList");
const usernameInput = document.getElementById("username");
const buttons = Array.from(document.querySelectorAll("button"));
@@ -337,18 +379,70 @@ HTML = """
return data;
}
+ function renderUsers(users) {
+ usersList.innerHTML = "";
+ if (!users.length) {
+ usersSummary.textContent = "No registered users in k_proxy.";
+ return;
+ }
+ usersSummary.textContent = `${users.length} registered user${users.length === 1 ? "" : "s"} visible in k_proxy.`;
+ for (const user of users) {
+ const row = document.createElement("div");
+ row.className = "user-row";
+
+ const meta = document.createElement("div");
+ meta.className = "user-meta";
+ meta.innerHTML =
+ `
${user.username}
` +
+ `
Credential present: ${user.has_credential ? "yes" : "no"}
`;
+
+ const actions = document.createElement("div");
+ actions.className = "user-actions";
+
+ const useBtn = document.createElement("button");
+ useBtn.className = "ghost small";
+ useBtn.textContent = "Use";
+ useBtn.addEventListener("click", () => {
+ usernameInput.value = user.username;
+ flowResult.textContent = `Selected user ${user.username}.`;
+ });
+
+ const deleteBtn = document.createElement("button");
+ deleteBtn.className = "secondary small";
+ deleteBtn.textContent = "Unregister";
+ deleteBtn.addEventListener("click", async () => {
+ setBusy(true);
+ try { await deleteUser(user.username); } finally { setBusy(false); }
+ });
+
+ actions.appendChild(useBtn);
+ actions.appendChild(deleteBtn);
+ row.appendChild(meta);
+ row.appendChild(actions);
+ usersList.appendChild(row);
+ }
+ }
+
+ async function refreshUsers() {
+ const resp = await fetch("/api/enrollments");
+ const data = await resp.json();
+ renderUsers(data.users || []);
+ return data;
+ }
+
async function registerUser() {
hintBox.innerHTML = "Card step: if the card shows a
registration prompt, press
yes to enroll this user.";
const result = await api("/api/enroll", {username: username()});
log("Register user", result);
flowResult.textContent = result.status === 200 ? "User registration succeeded." : "User registration failed.";
await refreshState();
+ await refreshUsers();
return result;
}
async function loginUser() {
hintBox.innerHTML = "Card step: if the card shows an
authentication prompt, press
yes to allow login or
no to deny it.";
- const result = await api("/api/login", {});
+ const result = await api("/api/login", {username: username()});
log("Login", result);
await refreshState();
return result;
@@ -372,6 +466,21 @@ HTML = """
return result;
}
+ async function deleteUser(usernameToDelete) {
+ const result = await api("/api/enroll/delete", {username: usernameToDelete});
+ log("Unregister user", result);
+ flowResult.textContent =
+ result.status === 200
+ ? `User ${usernameToDelete} was unregistered.`
+ : `Could not unregister ${usernameToDelete}.`;
+ if (result.status === 200 && username() === usernameToDelete) {
+ usernameInput.value = "";
+ }
+ await refreshState();
+ await refreshUsers();
+ return result;
+ }
+
async function runFlow() {
setBusy(true);
flowResult.textContent = "Flow running...";
@@ -421,12 +530,13 @@ HTML = """
setBusy(true);
try {
const state = await refreshState();
- log("State refreshed", state);
+ const users = await refreshUsers();
+ log("State refreshed", {state, users});
} finally { setBusy(false); }
});
- refreshState().then((state) => {
- log("Client flow page ready", state);
+ Promise.all([refreshState(), refreshUsers()]).then(([state, users]) => {
+ log("Client flow page ready", {state, users});
});