Shaped devices page has more consistent colours.

This commit is contained in:
Herbert Wolverson 2024-07-24 08:43:52 -05:00
parent 35b436f48b
commit 9f58c746a9

View File

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