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

Show a few more data items per queue

Browse Source
This commit is contained in:
Herbert Wolverson 2023-01-05 21:59:44 +00:00
parent dbfee1f079
commit 0422384b21
1 changed files with 45 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/rust/lqos_node_manager/static/circuit_queue.html
View File

@ -54,6 +54,30 @@
<div class="card bg-light"> <div class="card bg-light">
<div class="card-body"> <div class="card-body">
<div id="raw"></div> <div id="raw"></div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card bg-light">
<div class="card-body">
Queue Memory: <span id="memory"></span><br />
Queue Length: <span id="qlen"></span>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card bg-light">
<div class="card-body">
Average Delay: <span id="avgDelay"></span><br />
Peak Delay: <span id="peakDelay"></span>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="card bg-light">
<div class="card-body">
Backlog: <span id="backlog"></span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -134,6 +158,27 @@
if (params.id != null) { if (params.id != null) {
$("#raw").html("<a class='btn btn-sm btn-info' href='/api/raw_queue_by_circuit/" + encodeURI(params.id) + "'><i class='fa fa-search'></i> Raw Data</a>"); $("#raw").html("<a class='btn btn-sm btn-info' href='/api/raw_queue_by_circuit/" + encodeURI(params.id) + "'><i class='fa fa-search'></i> Raw Data</a>");
$.get("/api/raw_queue_by_circuit/" + encodeURI(params.id), (data) => { $.get("/api/raw_queue_by_circuit/" + encodeURI(params.id), (data) => {
// Fill Base Information
let total_memory = data.current_download.Cake.memory_used + data.current_upload.Cake.memory_used;
$("#memory").text(scaleNumber(total_memory));
let queue_length = data.current_download.Cake.qlen + data.current_upload.Cake.qlen;
$("#qlen").text(scaleNumber(queue_length));
let avgDelay = "";
let peakDelay = "";
let backlog = "";
for (let i=0; i<4; i++) {
avgDelay += data.current_download.Cake.tins[i].avg_delay_us + " / ";
peakDelay += data.current_download.Cake.tins[i].peak_delay_us + " / ";
backlog += data.current_download.Cake.tins[i].backlog_bytes + " / ";
}
avgDelay = avgDelay.substring(0, avgDelay.length - 2) + " us";
peakDelay = peakDelay.substring(0, peakDelay.length - 2) + " us";
backlog = backlog.substring(0, backlog.length - 2);
$("#avgDelay").text(avgDelay);
$("#peakDelay").text(peakDelay);
$("#backlog").text(backlog);
// Fill Tin Graphs
for (let tin=0; tin<4; tin++) { for (let tin=0; tin<4; tin++) {
let entries = { let entries = {
x: [[], [], [], [], [], []], x: [[], [], [], [], [], []],