62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
(function () {
|
|
function validRange(value, min, max) {
|
|
if (!/^\d+$/.test(value)) {
|
|
return false;
|
|
}
|
|
|
|
var page = parseInt(value, 10);
|
|
return page >= min && page <= max;
|
|
}
|
|
|
|
function goToPage(input) {
|
|
var value = input.value.trim();
|
|
var min = parseInt(input.dataset.min, 10);
|
|
var max = parseInt(input.dataset.max, 10);
|
|
|
|
if (!validRange(value, min, max)) {
|
|
input.value = input.dataset.current || "";
|
|
return;
|
|
}
|
|
|
|
var url = (input.dataset.urlTemplate || "").replace("__page__", value);
|
|
if (!url) {
|
|
return;
|
|
}
|
|
|
|
var target = input.dataset.target;
|
|
var swap = input.dataset.swap || "outerHTML";
|
|
var pushUrl = input.dataset.pushUrl === "true";
|
|
|
|
if (window.htmx && target) {
|
|
htmx.ajax("GET", url, {
|
|
target: target,
|
|
swap: swap,
|
|
pushUrl: pushUrl
|
|
});
|
|
return;
|
|
}
|
|
|
|
window.location.href = url;
|
|
}
|
|
|
|
document.addEventListener("focusin", function (event) {
|
|
if (event.target.matches(".pagebox")) {
|
|
event.target.select();
|
|
}
|
|
});
|
|
|
|
document.addEventListener("keydown", function (event) {
|
|
if (!event.target.matches(".pagebox")) {
|
|
return;
|
|
}
|
|
|
|
if (event.key === "Enter") {
|
|
event.preventDefault();
|
|
goToPage(event.target);
|
|
}
|
|
else if (event.key === "Escape") {
|
|
event.target.value = event.target.dataset.current || "";
|
|
}
|
|
});
|
|
})();
|