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 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);
|
||||||
|
|
||||||
|
@ -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)));
|
||||||
|
@ -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)));
|
||||||
|
Loading…
Reference in New Issue
Block a user