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

And the device/circuit page is redactable.

Browse Source
This commit is contained in:
Herbert Wolverson
2024-07-17 10:29:42 -05:00
parent e058b955f2
commit d543d361d9
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/rust/lqosd/src/node_manager/js_build/src/circuit.js
View File

@@ -274,6 +274,7 @@ function initialDevices(circuits) {
// Device Information Section // Device Information Section
let name = document.createElement("h5"); let name = document.createElement("h5");
name.classList.add("redactable");
name.innerHTML = "<i class='fa fa-computer'></i> " + circuit.device_name; name.innerHTML = "<i class='fa fa-computer'></i> " + circuit.device_name;
d.appendChild(name); d.appendChild(name);
@@ -287,6 +288,7 @@ function initialDevices(circuits) {
td.innerHTML = "<b>MAC Address</b>"; td.innerHTML = "<b>MAC Address</b>";
tr.appendChild(td); tr.appendChild(td);
td = document.createElement("td"); td = document.createElement("td");
td.classList.add("redactable");
td.colSpan = 2; td.colSpan = 2;
td.innerHTML = circuit.mac; td.innerHTML = circuit.mac;
tr.appendChild(td); tr.appendChild(td);
@@ -445,7 +447,7 @@ function initialDevices(circuits) {
throughputGraph.style.height = "250px"; throughputGraph.style.height = "250px";
throughputGraph.innerHTML = "<i class='fa fa-spinner fa-spin'></i> Loading..."; throughputGraph.innerHTML = "<i class='fa fa-spinner fa-spin'></i> Loading...";
target.appendChild(throughputGraph); target.appendChild(throughputGraph);
deviceGraphs[throughputGraph.id] = new CircuitTotalGraph(throughputGraph.id, circuit.device_name + " Throughput"); deviceGraphs[throughputGraph.id] = new CircuitTotalGraph(throughputGraph.id, "Throughput");
// Graph for TCP Retransmits // Graph for TCP Retransmits
let tcpRetransmitsGraph = document.createElement("div"); let tcpRetransmitsGraph = document.createElement("div");
@@ -454,7 +456,7 @@ function initialDevices(circuits) {
tcpRetransmitsGraph.style.height = "250px"; tcpRetransmitsGraph.style.height = "250px";
tcpRetransmitsGraph.innerHTML = "<i class='fa fa-spinner fa-spin'></i> Loading..."; tcpRetransmitsGraph.innerHTML = "<i class='fa fa-spinner fa-spin'></i> Loading...";
target.appendChild(tcpRetransmitsGraph); target.appendChild(tcpRetransmitsGraph);
deviceGraphs[tcpRetransmitsGraph.id] = new CircuitRetransmitGraph(tcpRetransmitsGraph.id, circuit.device_name + " Retransmits"); deviceGraphs[tcpRetransmitsGraph.id] = new CircuitRetransmitGraph(tcpRetransmitsGraph.id, "Retransmits");
// Ping Graph Section // Ping Graph Section
let pingGraph = document.createElement("div"); let pingGraph = document.createElement("div");
@@ -493,6 +495,7 @@ function initialFunnel(parentNode) {
let col = document.createElement("div"); let col = document.createElement("div");
col.classList.add("col-12"); col.classList.add("col-12");
let heading = document.createElement("h5"); let heading = document.createElement("h5");
heading.classList.add("redactable");
heading.innerHTML = "<i class='fa fa-sitemap'></i> " + data[parent][1].name; heading.innerHTML = "<i class='fa fa-sitemap'></i> " + data[parent][1].name;
col.appendChild(heading); col.appendChild(heading);
row.appendChild(col); row.appendChild(col);
@@ -525,8 +528,8 @@ function initialFunnel(parentNode) {
// Ugly hack to defer until the DOM is updated // Ugly hack to defer until the DOM is updated
requestAnimationFrame(() => {setTimeout(() => { requestAnimationFrame(() => {setTimeout(() => {
immediateParent.parents.reverse().forEach((parent) => { immediateParent.parents.reverse().forEach((parent) => {
let tpGraph = new CircuitTotalGraph("funnel_tp_" + parent, data[parent][1].name + " Throughput"); let tpGraph = new CircuitTotalGraph("funnel_tp_" + parent, "Throughput");
let rxmitGraph = new CircuitRetransmitGraph("funnel_rxmit_" + parent, data[parent][1].name + " Retransmits"); let rxmitGraph = new CircuitRetransmitGraph("funnel_rxmit_" + parent, "Retransmits");
let rttGraph = new DevicePingHistogram("funnel_rtt_" + parent); let rttGraph = new DevicePingHistogram("funnel_rtt_" + parent);
funnelGraphs[parent] = { funnelGraphs[parent] = {
tp: tpGraph, tp: tpGraph,

4
src/rust/lqosd/src/node_manager/static2/circuit.html
View File

@@ -1,10 +1,10 @@
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">
<h5><i class="fa fa-user"></i> <span id="circuitName"></span></h5> <h5><i class="fa fa-user"></i> <span id="circuitName" class="redactable"></span></h5>
<table class="table"> <table class="table">
<tr> <tr>
<td style="font-weight: bold">Parent Node</td> <td style="font-weight: bold">Parent Node</td>
<td><span id="parentNode"></span></td> <td><span id="parentNode" class="redactable"></span></td>
</tr> </tr>
<tr> <tr>
<td style="font-weight: bold">Maximum Speed</td> <td style="font-weight: bold">Maximum Speed</td>