Noratrieb/haesli
1
0
Fork 0
mirror of https://github.com/Noratrieb/haesli.git synced 2026-01-14 19:55:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add channel open support

Browse source
This commit is contained in:
nora 2022-02-19 23:25:06 +01:00
parent dc8efd4e4e
commit 46cccab748
10 changed files with 1950 additions and 1462 deletions
Download patch file Download diff file Expand all files Collapse all files

63
amqp_dashboard/assets/script.js
View file

@ -1,41 +1,48 @@
const renderTable = (colNames, rows) => {
const table = document.createElement("table");
const table = document.createElement('table');
const headerRow = document.createElement("tr");
const headerRow = document.createElement('tr');
colNames.forEach((name) => {
const th = document.createElement("th");
th.innerText = name;
colNames.forEach((name) => {
const th = document.createElement('th');
th.innerText = name;
headerRow.append(th);
headerRow.append(th);
});
table.append(headerRow);
rows.forEach((row) => {
const contentRow = document.createElement('tr');
row.forEach((cell) => {
const td = document.createElement('td');
td.innerText = cell;
contentRow.append(td);
});
table.append(headerRow);
table.append(contentRow);
});
rows.forEach((row) => {
const contentRow = document.createElement("tr");
row.forEach((cell) => {
const td = document.createElement("td");
td.innerText = cell;
contentRow.append(td);
});
table.append(contentRow);
})
return table;
}
return table;
};
const renderConnections = (connections) => {
const wrapper = document.getElementById("connection-wrapper");
const wrapper = document.getElementById('connection-wrapper');
const table = renderTable(['Connection ID', 'Client Address'], connections.map((conn) =>
[conn.id, conn.peer_addr]));
wrapper.replaceChildren(table)
}
const table = renderTable(
['Connection ID', 'Client Address', 'Channels'],
connections.map((conn) => {
const channels = conn.channels
.map((chan) => `${chan.number} - ${chan.id}`)
.join('\n');
return [conn.id, conn.peer_addr, channels];
})
);
wrapper.replaceChildren(table);
};
const refresh = async () => {
const fetched = await fetch('http://localhost:3000/api/data');
const data = await fetched.json();
renderConnections(data.connections);
}
const fetched = await fetch('http://localhost:3000/api/data');
const data = await fetched.json();
renderConnections(data.connections);
};
setInterval(refresh, 1000);