MVC (layered variant)

MVC-SimpleCRUD-Layered/MVC-SimpleCRUD-Layered.Web/wwwroot/js/pager.js

@@ -0,0 +1,48 @@
+(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;
+        }
+
+        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 || "";
+        }
+    });
+})();