IntenseWebs/LibreQoS
3
0
Fork 0
mirror of https://github.com/LibreQoE/LibreQoS.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Continue unifying the table system.

Browse Source
This commit is contained in:
Herbert Wolverson 2024-07-17 09:57:04 -05:00
parent 779f14e646
commit e247231de0
4 changed files with 20 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/rust/lqosd/src/node_manager/js_build/src/dashlets/top10_downloaders.js
View File

@ -1,6 +1,6 @@
import {BaseDashlet} from "./base_dashlet"; import {BaseDashlet} from "./base_dashlet";
import {RttHistogram} from "../graphs/rtt_histo"; import {RttHistogram} from "../graphs/rtt_histo";
import {clearDashDiv, theading, topNTableHeader, topNTableRow} from "../helpers/builders"; import {clearDashDiv, theading, TopNTableFromMsgData, topNTableHeader, topNTableRow} from "../helpers/builders";
import {scaleNumber, rttCircleSpan, formatThroughput, formatRtt, formatRetransmit} from "../helpers/scaling"; import {scaleNumber, rttCircleSpan, formatThroughput, formatRtt, formatRetransmit} from "../helpers/scaling";
import {redactCell} from "../helpers/redact"; import {redactCell} from "../helpers/redact";
@ -36,16 +36,7 @@ export class Top10Downloaders extends BaseDashlet {
if (msg.event === "TopDownloads") { if (msg.event === "TopDownloads") {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = TopNTableFromMsgData(msg);
t.classList.add("table", "table-striped", "table-sm");
t.appendChild(topNTableHeader());
let tbody = document.createElement("tbody");
msg.data.forEach((r) => {
t.appendChild(topNTableRow(r));
});
t.appendChild(tbody);
// Display it // Display it
clearDashDiv(this.id, target); clearDashDiv(this.id, target);

13
src/rust/lqosd/src/node_manager/js_build/src/dashlets/worst10_downloaders.js
View File

@ -1,6 +1,6 @@
import {BaseDashlet} from "./base_dashlet"; import {BaseDashlet} from "./base_dashlet";
import {RttHistogram} from "../graphs/rtt_histo"; import {RttHistogram} from "../graphs/rtt_histo";
import {clearDashDiv, theading, topNTableHeader, topNTableRow} from "../helpers/builders"; import {clearDashDiv, theading, TopNTableFromMsgData, topNTableHeader, topNTableRow} from "../helpers/builders";
import {scaleNumber, rttCircleSpan, formatThroughput, formatRtt} from "../helpers/scaling"; import {scaleNumber, rttCircleSpan, formatThroughput, formatRtt} from "../helpers/scaling";
import {redactCell} from "../helpers/redact"; import {redactCell} from "../helpers/redact";
@ -36,16 +36,7 @@ export class Worst10Downloaders extends BaseDashlet {
if (msg.event === "WorstRTT") { if (msg.event === "WorstRTT") {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = TopNTableFromMsgData(msg);
t.classList.add("table", "table-striped", "small");
t.appendChild(topNTableHeader());
let tbody = document.createElement("tbody");
msg.data.forEach((r) => {
t.appendChild(topNTableRow(r));
});
t.appendChild(tbody);
// Display it // Display it
clearDashDiv(this.id, target); clearDashDiv(this.id, target);

13
src/rust/lqosd/src/node_manager/js_build/src/dashlets/worst10_retransmits.js
View File

@ -1,6 +1,6 @@
import {BaseDashlet} from "./base_dashlet"; import {BaseDashlet} from "./base_dashlet";
import {RttHistogram} from "../graphs/rtt_histo"; import {RttHistogram} from "../graphs/rtt_histo";
import {clearDashDiv, theading, topNTableHeader, topNTableRow} from "../helpers/builders"; import {clearDashDiv, theading, TopNTableFromMsgData, topNTableHeader, topNTableRow} from "../helpers/builders";
import {scaleNumber, rttCircleSpan, formatRtt, formatThroughput} from "../helpers/scaling"; import {scaleNumber, rttCircleSpan, formatRtt, formatThroughput} from "../helpers/scaling";
import {redactCell} from "../helpers/redact"; import {redactCell} from "../helpers/redact";
@ -36,16 +36,7 @@ export class Worst10Retransmits extends BaseDashlet {
if (msg.event === "WorstRetransmits") { if (msg.event === "WorstRetransmits") {
let target = document.getElementById(this.id); let target = document.getElementById(this.id);
let t = document.createElement("table"); let t = TopNTableFromMsgData(msg);
t.classList.add("table", "table-striped", "tiny");
t.appendChild(topNTableHeader());
let tbody = document.createElement("tbody");
msg.data.forEach((r) => {
t.appendChild(topNTableRow(r));
});
t.appendChild(tbody);
// Display it // Display it
clearDashDiv(this.id, target); clearDashDiv(this.id, target);

14
src/rust/lqosd/src/node_manager/js_build/src/helpers/builders.js
View File

@ -157,4 +157,18 @@ export function topNTableRow(r) {
row.append(tcp_xmit_up); row.append(tcp_xmit_up);
return row; return row;
}
export function TopNTableFromMsgData(msg) {
let t = document.createElement("table");
t.classList.add("table", "table-striped", "table-sm");
t.appendChild(topNTableHeader());
let tbody = document.createElement("tbody");
msg.data.forEach((r) => {
t.appendChild(topNTableRow(r));
});
t.appendChild(tbody);
return t;
} }