aprog 1.4.0 → 1.4.2

package/index.js

@@ -11,3 +11,4 @@ export { encrypt, decrypt } from './src/shifrator.js';
 export { gemini } from './src/OpenAI.js';
 export { mathInput } from './src/math.js';
 export { cookie, storage } from './src/storage.js';
+export { Paginate, parseData } from './src/Paginate.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aprog",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Допоміжна бібліотека js",
   "main": "index.js",
   "scripts": {

package/src/Paginate.js

@@ -0,0 +1,86 @@
+import {storage} from "./storage.js";
+import {button} from "./aprog.js";
+
+export const Paginate = ({count = 0, currentPage = 1, onPageChange = () => {}}) => {
+    const generatePageButtons = () => {
+        const buttons = [];
+        if (count <= 5) {
+            for (let i = 1; i <= count; i++) {
+                buttons.push(createPageButton(i));
+            }
+        } else {
+            buttons.push(createPageButton(1));
+            if (currentPage > 3) {
+                buttons.push(createDotsButton());
+            }
+            for (
+                let i = Math.max(2, currentPage - 1);
+                i <= Math.min(count - 1, currentPage + 1);
+                i++
+            ) {
+                buttons.push(createPageButton(i));
+            }
+            if (currentPage < count - 2) {
+                buttons.push(createDotsButton());
+            }
+            buttons.push(createPageButton(count));
+        }
+        return buttons;
+    }
+
+    const createPageButton = (page) => button({
+        class: `paginate-btn ${page === currentPage ? "active" : ""}`,
+        value: `${page}`,
+        onClick: () => onPageChange(page),
+    });
+
+    const createDotsButton = () => button({
+        class: "paginate-dots",
+        disabled: true,
+        value: "...",
+    });
+
+    // const navigateTo = (path) => {
+    //     window.history.pushState("", "", path);
+    // }
+    //
+    // navigateTo(`${window.location.pathname}?page=${currentPage || 1}${!isEmpty(_get("filter", null))
+    //         ? `&filter=${_get("filter")}`
+    //         : ""
+    //     }${!isEmpty(_get("sort", null))
+    //         ? `&sort=${_get('sort')}`
+    //         : ""
+    //     }`
+    // );
+
+    return div({
+        class: "paginate-block",
+        value: [
+            button({
+                class: "paginate-prev",
+                value: "<<<",
+                onClick: () => onPageChange(currentPage > 1 ? currentPage - 1 : 1),
+                disabled: currentPage === 1 || currentPage === 0,
+            }),
+            ...generatePageButtons(),
+            button({
+                class: "paginate-next",
+                value: ">>>",
+                onClick: () => onPageChange(currentPage < count ? currentPage + 1 : count),
+                disabled: currentPage === count,
+            }),
+        ],
+    });
+};
+
+export const parseData = (data, page) => {
+    const pageSize = storage.get("pageSize");
+    const totalData = data.length;
+    const pages = Math.ceil(totalData / pageSize);
+    if (page > pages) {
+        page = pages;
+    }
+    const cutData = data.slice((page - 1) * pageSize, page * pageSize);
+
+    return [pages, cutData, page];
+};