maemachinebroke/hakurei
1
0
Fork 0
forked from security/hakurei
Code Pull Requests Activity

cmd/pkgserver: add sort orders, change pagination rules

Browse Source
This commit is contained in:
mae
2026-03-10 05:18:55 -05:00
parent 469bd1ee99
commit b104ad6e2d
3 changed files with 58 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
cmd/pkgserver/ui/static/index.js
View File

@@ -27,8 +27,8 @@ class InfoPayload {
}
async function infoRequest() {
const res = await fetch(`${ENDPOINT}/info`);
const res_1 = await res.json();
return res_1;
const payload = await res.json();
return payload;
}
class GetPayload {
count;
@@ -43,36 +43,27 @@ var SortOrders;
})(SortOrders || (SortOrders = {}));
async function getRequest(limit, index, sort) {
const res = await fetch(`${ENDPOINT}/get?limit=${limit}&index=${index}&sort=${sort.valueOf()}`);
const res_1 = await res.json();
return res_1;
const payload = await res.json();
return payload;
}
class State {
entriesPerPage = 10;
currentPage = 1;
entryIndex = 0;
maxEntries = 0;
sort = SortOrders.DeclarationAscending;
getEntriesPerPage() {
return this.entriesPerPage;
}
setEntriesPerPage(entriesPerPage) {
this.entriesPerPage = entriesPerPage;
if (this.currentPage > this.getMaxPage()) {
this.setCurrentPage(this.getMaxPage());
}
}
getCurrentPage() {
return this.currentPage;
}
setCurrentPage(page) {
this.currentPage = page;
this.setEntryIndex((this.getCurrentPage() - 1) * this.getEntriesPerPage());
document.getElementById("page-number").innerText = String(this.getCurrentPage());
this.setEntryIndex(Math.floor(this.getEntryIndex() / entriesPerPage) * entriesPerPage);
}
getEntryIndex() {
return this.entryIndex;
}
setEntryIndex(entryIndex) {
this.entryIndex = entryIndex;
this.updatePage();
this.updateRange();
this.updateListings();
}
@@ -82,15 +73,23 @@ class State {
setMaxEntries(max) {
this.maxEntries = max;
}
getMaxPage() {
return Math.ceil(this.getMaxEntries() / this.getEntriesPerPage());
getSortOrder() {
return this.sort;
}
setSortOrder(sortOrder) {
this.sort = sortOrder;
this.setEntryIndex(0);
}
updatePage() {
let page = Math.ceil(((this.getEntryIndex() + this.getEntriesPerPage()) - 1) / this.getEntriesPerPage());
document.getElementById("page-number").innerText = String(page);
}
updateRange() {
let max = Math.min(this.getEntryIndex() + this.getEntriesPerPage(), this.getMaxEntries());
document.getElementById("entry-counter").innerText = `${this.getEntryIndex() + 1}-${max} of ${this.getMaxEntries()}`;
}
updateListings() {
getRequest(this.getEntriesPerPage(), this.entryIndex, 0)
getRequest(this.getEntriesPerPage(), this.getEntryIndex(), this.getSortOrder())
.then(res => {
let table = document.getElementById("pkg-list");
table.innerHTML = '';
@@ -102,16 +101,12 @@ class State {
}
let STATE;
function prevPage() {
let current = STATE.getCurrentPage();
if (current > 1) {
STATE.setCurrentPage(STATE.getCurrentPage() - 1);
}
let index = STATE.getEntryIndex();
STATE.setEntryIndex(Math.max(0, index - STATE.getEntriesPerPage()));
}
function nextPage() {
let current = STATE.getCurrentPage();
if (current < STATE.getMaxPage()) {
STATE.setCurrentPage(STATE.getCurrentPage() + 1);
}
let index = STATE.getEntryIndex();
STATE.setEntryIndex(Math.min((Math.ceil(STATE.getMaxEntries() / STATE.getEntriesPerPage()) * STATE.getEntriesPerPage()) - STATE.getEntriesPerPage(), index + STATE.getEntriesPerPage()));
}
function escapeHtml(str) {
return str
@@ -133,4 +128,7 @@ document.addEventListener("DOMContentLoaded", () => {
document.getElementById("count").addEventListener("change", (event) => {
STATE.setEntriesPerPage(parseInt(event.target.value));
});
document.getElementById("sort").addEventListener("change", (event) => {
STATE.setSortOrder(parseInt(event.target.value));
});
});