mirror of
https://github.com/LibreQoE/LibreQoS.git
synced 2024-11-22 08:16:25 -06:00
Adjust sizing on some dash tables.
This commit is contained in:
parent
843f27faec
commit
b6cb7614d6
@ -35,9 +35,10 @@ export class Top10EndpointsByCountry extends BaseDashlet {
|
||||
let target = document.getElementById(this.id);
|
||||
|
||||
let t = document.createElement("table");
|
||||
t.classList.add("table", "table-striped", "tiny");
|
||||
t.classList.add("table", "table-sm", "small");
|
||||
|
||||
let th = document.createElement("thead");
|
||||
th.classList.add("small");
|
||||
th.appendChild(theading("Country"));
|
||||
th.appendChild(theading("DL ⬇️"));
|
||||
th.appendChild(theading("UL ⬆️"));
|
||||
@ -46,8 +47,13 @@ export class Top10EndpointsByCountry extends BaseDashlet {
|
||||
t.appendChild(th);
|
||||
|
||||
let tbody = document.createElement("tbody");
|
||||
let count = 0;
|
||||
msg.data.forEach((r) => {
|
||||
if (count >= 10) {
|
||||
return;
|
||||
}
|
||||
let row = document.createElement("tr");
|
||||
row.classList.add("small");
|
||||
|
||||
let country = document.createElement("td");
|
||||
country.innerText = r[0];
|
||||
@ -70,6 +76,7 @@ export class Top10EndpointsByCountry extends BaseDashlet {
|
||||
row.appendChild(rttu);
|
||||
|
||||
t.appendChild(row);
|
||||
count++;
|
||||
});
|
||||
t.appendChild(tbody);
|
||||
|
||||
|
@ -35,9 +35,10 @@ export class EtherProtocols extends BaseDashlet {
|
||||
let target = document.getElementById(this.id);
|
||||
|
||||
let t = document.createElement("table");
|
||||
t.classList.add("table", "table-striped", "tiny");
|
||||
t.classList.add("table", "table-sm", "small");
|
||||
|
||||
let th = document.createElement("thead");
|
||||
th.classList.add("small");
|
||||
th.appendChild(theading("Protocol"));
|
||||
th.appendChild(theading("DL ⬇️"));
|
||||
th.appendChild(theading("UL ⬆️"));
|
||||
@ -49,6 +50,7 @@ export class EtherProtocols extends BaseDashlet {
|
||||
|
||||
let tbody = document.createElement("tbody");
|
||||
let row = document.createElement("tr");
|
||||
row.classList.add("small");
|
||||
row.appendChild(simpleRow("IPv4"));
|
||||
row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.down)));
|
||||
row.appendChild(simpleRow(scaleNumber(msg.data.v4_bytes.up)));
|
||||
|
@ -35,9 +35,10 @@ export class IpProtocols extends BaseDashlet {
|
||||
let target = document.getElementById(this.id);
|
||||
|
||||
let t = document.createElement("table");
|
||||
t.classList.add("table", "table-striped", "tiny");
|
||||
t.classList.add("table", "table-sm", "small");
|
||||
|
||||
let th = document.createElement("thead");
|
||||
th.classList.add("small");
|
||||
th.appendChild(theading("Protocol"));
|
||||
th.appendChild(theading("DL ⬇️"));
|
||||
th.appendChild(theading("UL ⬆️"));
|
||||
@ -47,6 +48,7 @@ export class IpProtocols extends BaseDashlet {
|
||||
|
||||
msg.data.forEach((r) => {
|
||||
let row = document.createElement("tr");
|
||||
row.classList.add("small");
|
||||
|
||||
row.appendChild(simpleRow(r[0]));
|
||||
row.appendChild(simpleRow(scaleNumber(r[1].down)));
|
||||
|
Loading…
Reference in New Issue
Block a user