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

Shaped devices page has more consistent colours.

Browse Source
This commit is contained in:
Herbert Wolverson 2024-07-24 08:43:52 -05:00
parent 35b436f48b
commit 9f58c746a9
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/rust/lqosd/src/node_manager/js_build/src/shaped-devices.js
View File

@ -120,13 +120,14 @@ function filterDevices() {
function fillTable() { function fillTable() {
let table = make_table(); let table = make_table();
let pages = document.createElement("div"); let pages = document.createElement("div");
pages.classList.add("mt-2", "mb-1");
let numPages = (displayDevices.length / devicesPerPage) - 2; let numPages = (displayDevices.length / devicesPerPage) - 2;
if (numPages > 1) { if (numPages > 1) {
if (page > 0) { if (page > 0) {
let left = document.createElement("button"); let left = document.createElement("button");
left.classList.add("btn", "btn-sm", "btn-primary"); left.classList.add("btn", "btn-sm", "btn-secondary", "me-2");
left.innerHTML = "<i class='fa fa-arrow-left'></i>"; left.innerHTML = "<i class='fa fa-arrow-left'></i>";
left.onclick = () => { left.onclick = () => {
page -= 1; page -= 1;
@ -135,11 +136,12 @@ function fillTable() {
pages.appendChild(left); pages.appendChild(left);
} }
let counter = document.createElement("span"); let counter = document.createElement("span");
counter.classList.add("text-secondary");
counter.innerText = page + " / " + numPages.toFixed(0); counter.innerText = page + " / " + numPages.toFixed(0);
pages.appendChild(counter); pages.appendChild(counter);
if (page < numPages - 2) { if (page < numPages - 2) {
let right = document.createElement("button"); let right = document.createElement("button");
right.classList.add("btn", "btn-sm", "btn-primary"); right.classList.add("btn", "btn-sm", "btn-secondary", "ms-2");
right.innerHTML = "<i class='fa fa-arrow-right'></i>"; right.innerHTML = "<i class='fa fa-arrow-right'></i>";
right.onclick = () => { right.onclick = () => {
page += 1; page += 1;
@ -151,6 +153,7 @@ function fillTable() {
let filter = document.createElement("div"); let filter = document.createElement("div");
let label = document.createElement("label"); let label = document.createElement("label");
label.classList.add("text-secondary");
label.innerText = "Search"; label.innerText = "Search";
label.htmlFor = "sdSearch"; label.htmlFor = "sdSearch";
let sdSearch = document.createElement("input"); let sdSearch = document.createElement("input");
@ -177,8 +180,8 @@ function fillTable() {
let target = document.getElementById("deviceTable"); let target = document.getElementById("deviceTable");
clearDiv(target); clearDiv(target);
target.appendChild(filter); target.appendChild(filter);
target.appendChild(table);
target.appendChild(pages); target.appendChild(pages);
target.appendChild(table);
} }
function countCircuits() { function countCircuits() {