Adjust sizing on some dash tables.

This commit is contained in:
Herbert Wolverson 2024-07-18 12:06:46 -05:00
parent 843f27faec
commit b6cb7614d6
3 changed files with 14 additions and 3 deletions

View File

@ -35,9 +35,10 @@ export class Top10EndpointsByCountry extends BaseDashlet {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = document.createElement("table");
t.classList.add("table", "table-striped", "tiny"); t.classList.add("table", "table-sm", "small");
let th = document.createElement("thead"); let th = document.createElement("thead");
th.classList.add("small");
th.appendChild(theading("Country")); th.appendChild(theading("Country"));
th.appendChild(theading("DL ⬇️")); th.appendChild(theading("DL ⬇️"));
th.appendChild(theading("UL ⬆️")); th.appendChild(theading("UL ⬆️"));
@ -46,8 +47,13 @@ export class Top10EndpointsByCountry extends BaseDashlet {
t.appendChild(th); t.appendChild(th);
let tbody = document.createElement("tbody"); let tbody = document.createElement("tbody");
let count = 0;
msg.data.forEach((r) => { msg.data.forEach((r) => {
if (count >= 10) {
return;
}
let row = document.createElement("tr"); let row = document.createElement("tr");
row.classList.add("small");
let country = document.createElement("td"); let country = document.createElement("td");
country.innerText = r[0]; country.innerText = r[0];
@ -70,6 +76,7 @@ export class Top10EndpointsByCountry extends BaseDashlet {
row.appendChild(rttu); row.appendChild(rttu);
t.appendChild(row); t.appendChild(row);
count++;
}); });
t.appendChild(tbody); t.appendChild(tbody);

View File

@ -35,9 +35,10 @@ export class EtherProtocols extends BaseDashlet {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = document.createElement("table");
t.classList.add("table", "table-striped", "tiny"); t.classList.add("table", "table-sm", "small");
let th = document.createElement("thead"); let th = document.createElement("thead");
th.classList.add("small");
th.appendChild(theading("Protocol")); th.appendChild(theading("Protocol"));
th.appendChild(theading("DL ⬇️")); th.appendChild(theading("DL ⬇️"));
th.appendChild(theading("UL ⬆️")); th.appendChild(theading("UL ⬆️"));
@ -49,6 +50,7 @@ export class EtherProtocols extends BaseDashlet {
let tbody = document.createElement("tbody"); let tbody = document.createElement("tbody");
let row = document.createElement("tr"); let row = document.createElement("tr");
row.classList.add("small");
row.appendChild(simpleRow("IPv4")); row.appendChild(simpleRow("IPv4"));
row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.down))); row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.down)));
row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.up))); row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.up)));

View File

@ -35,9 +35,10 @@ export class IpProtocols extends BaseDashlet {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = document.createElement("table");
t.classList.add("table", "table-striped", "tiny"); t.classList.add("table", "table-sm", "small");
let th = document.createElement("thead"); let th = document.createElement("thead");
th.classList.add("small");
th.appendChild(theading("Protocol")); th.appendChild(theading("Protocol"));
th.appendChild(theading("DL ⬇️")); th.appendChild(theading("DL ⬇️"));
th.appendChild(theading("UL ⬆️")); th.appendChild(theading("UL ⬆️"));
@ -47,6 +48,7 @@ export class IpProtocols extends BaseDashlet {
msg.data.forEach((r) => { msg.data.forEach((r) => {
let row = document.createElement("tr"); let row = document.createElement("tr");
row.classList.add("small");
row.appendChild(simpleRow(r[0])); row.appendChild(simpleRow(r[0]));
row.appendChild(simpleRow(scaleNumber(r[1].down))); row.appendChild(simpleRow(scaleNumber(r[1].down)));