41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
import { runtime } from "./runtime.mjs";
|
|
|
|
const runtimeGrid = document.querySelector("#runtime-grid");
|
|
const steps = document.querySelector("#mvp-steps");
|
|
const projectsBody = document.querySelector("#projects-body");
|
|
const status = document.querySelector("#status");
|
|
|
|
status.textContent = "dev skeleton";
|
|
|
|
const runtimePairs = [
|
|
["Endpoint", runtime.endpoints.dev],
|
|
["Route", runtime.serviceRoute.join(" -> ")],
|
|
["Closed loops", runtime.closedLoops.join(" / ")],
|
|
["Evidence", runtime.evidence[0].uri]
|
|
];
|
|
|
|
for (const [label, value] of runtimePairs) {
|
|
const dt = document.createElement("dt");
|
|
dt.textContent = label;
|
|
const dd = document.createElement("dd");
|
|
dd.textContent = value;
|
|
runtimeGrid.append(dt, dd);
|
|
}
|
|
|
|
for (const step of runtime.mvpSteps) {
|
|
const li = document.createElement("li");
|
|
li.textContent = step;
|
|
steps.append(li);
|
|
}
|
|
|
|
for (const project of runtime.projects) {
|
|
const row = document.createElement("tr");
|
|
row.innerHTML = `
|
|
<td>${project.projectId}<br /><strong>${project.name}</strong></td>
|
|
<td>${project.status}</td>
|
|
<td>${project.environment}</td>
|
|
<td>${project.updatedAt}</td>
|
|
`;
|
|
projectsBody.append(row);
|
|
}
|