Temporarily remove the label column.

This commit is contained in:
Herbert Wolverson 2024-07-26 16:32:23 -05:00
parent 7877b8f5ae
commit f37c95612e

View File

@ -127,11 +127,11 @@ function renderAsn(asn, data) {
} }
ht += "</p>"; ht += "</p>";
headingCol.innerHTML = ht; headingCol.innerHTML = ht;
div.appendChild(headingCol); //div.appendChild(headingCol);
// Build a canvas div, we'll decorate this later // Build a canvas div, we'll decorate this later
let canvasCol = document.createElement("div"); let canvasCol = document.createElement("div");
canvasCol.classList.add("col-11"); canvasCol.classList.add("col-12");
let canvas = document.createElement("canvas"); let canvas = document.createElement("canvas");
canvas.id = "flowCanvas" + i; canvas.id = "flowCanvas" + i;
canvas.style.width = "100%"; canvas.style.width = "100%";
@ -171,24 +171,28 @@ function renderAsn(asn, data) {
target.appendChild(heading); target.appendChild(heading);
let nextButton = document.createElement("button"); let nextButton = document.createElement("button");
nextButton.classList.add("btn", "btn-primary"); nextButton.classList.add("btn", "btn-secondary", "btn-sm", "ms-2");
nextButton.innerText = "Next"; nextButton.innerHTML = "<i class='fa fa-arrow-right'></i> Next";
nextButton.onclick = () => { nextButton.onclick = () => {
page++; page++;
if (page * itemsPerPage >= data.length) page = Math.floor(data.length / itemsPerPage); if (page * itemsPerPage >= data.length) page = Math.floor(data.length / itemsPerPage);
renderAsn(asn, data); renderAsn(asn, data);
}; };
target.appendChild(nextButton);
let prevButton = document.createElement("button"); let prevButton = document.createElement("button");
prevButton.classList.add("btn", "btn-primary"); nextButton.classList.add("btn", "btn-secondary", "btn-sm", "me-2");
prevButton.innerText = "Previous"; prevButton.innerHTML = "<i class='fa fa-arrow-left'></i> Previous";
prevButton.onclick = () => { prevButton.onclick = () => {
page--; page--;
if (page < 0) page = 0; if (page < 0) page = 0;
renderAsn(asn, data); renderAsn(asn, data);
} }
target.appendChild(prevButton); let controlDiv = document.createElement("div");
controlDiv.classList.add("mb-2");
controlDiv.appendChild(prevButton);
controlDiv.appendChild(nextButton);
target.appendChild(controlDiv);
target.appendChild(flowsDiv); target.appendChild(flowsDiv);
@ -274,6 +278,7 @@ function drawTimeline() {
ctx.stroke(); ctx.stroke();
x = timeToX(row.start, width); x = timeToX(row.start, width);
ctx.moveTo(x, height/2);
row.throughput.forEach((value, index) => { row.throughput.forEach((value, index) => {
let upPercent = value.up / throughputUpMax; let upPercent = value.up / throughputUpMax;
let y = (height/2) + (upPercent * (trimmedHeight / 2)); let y = (height/2) + (upPercent * (trimmedHeight / 2));