Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/queuepro/public/assets/task/   drwxr-xr-x
Free 13.42 GB of 57.97 GB (23.15%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     satege_template.js (4.61 KB)      -rw-r--r--

var perPage = 5;

//Table
var options = {
    valueNames: [
        "id",
        "customer_name",
        "amount",

    ],
    page: perPage,
    pagination: true,
    plugins: [
        ListPagination({
            left: 2,
            right: 2,
        }),
    ],
};
const container = document.querySelector("#orderList");

// Init list
var orderList = new List("orderList", options).on("updated", function(list) {
    list.matchingItems.length == 0 ?
        (container.getElementsByClassName("noresult")[0].style.display = "block") :
        (container.getElementsByClassName("noresult")[0].style.display = "none");
    var isFirst = list.i == 1;
    var isLast = list.i > list.matchingItems.length - list.page;
    // make the Prev and Nex buttons disabled on first and last pages accordingly
    container.querySelector(".pagination-prev.disabled") ?
    container.querySelector(".pagination-prev.disabled").classList.remove("disabled") : "";
    container.querySelector(".pagination-next.disabled") ?
    container.querySelector(".pagination-next.disabled").classList.remove("disabled") : "";
    if (isFirst) {
        container.querySelector(".pagination-prev").classList.add("disabled");
    }
    if (isLast) {
        container.querySelector(".pagination-next").classList.add("disabled");
    }
    if (list.matchingItems.length <= perPage) {
        container.querySelector(".pagination-wrap").style.display = "none";
    } else {
        container.querySelector(".pagination-wrap").style.display = "flex";
    }

    if (list.matchingItems.length == perPage) {
        container.querySelector(".pagination.listjs-pagination").firstElementChild.children[0].click()
    }

    if (list.matchingItems.length > 0) {
        container.getElementsByClassName("noresult")[0].style.display = "none";
    } else {
        container.getElementsByClassName("noresult")[0].style.display = "block";
    }
});

// data into
$.ajax({
    type:'get',
    url:'/get_orders',
    success:function(data) {
     //   $("#msg").html(data.msg);
        var json_records = JSON.parse(data);
        Array.from(json_records).forEach(function(element) {
            var st;
            if (element.status=="0") {
                st="Open";
            }else{
                st="Done";
            }
            orderList.add({
                id: '<a href="apps-ecommerce-order-details" class="fw-medium link-primary">#VZ' + element.id + '</a>',
                customer_name: element.customer_name,
                amount: element.amount,
                status: '<span class="badge badge-soft-success text-uppercase">' +
                st +
                "</span>"
            });
            orderList.sort('id', { order: "desc" });
            // refreshCallbacks();
        });
    orderList.remove("id", `<a href="apps-ecommerce-order-details" class="fw-medium link-primary">#VZ2101</a>`);
    }
});

isCount = new DOMParser().parseFromString(
    orderList.items.slice(-1)[0]._values.id,
    "text/html"
);

var isValue = isCount.body.firstElementChild.innerHTML;

var tabEl = container.querySelectorAll('a[data-bs-toggle="tab"]');
Array.from(tabEl).forEach(function(item) {
    item.addEventListener("shown.bs.tab", function(event) {
        filterOrder(event.target.id);
    });
});

function filterOrder(isValue) {
    var values_status = isValue;
    orderList.filter(function(data) {
        var statusFilter = false;
        matchData = new DOMParser().parseFromString(
            data.values().status,
            "text/html"
        );
        var status = matchData.body.firstElementChild.innerHTML;
        if ( status =="All" || values_status == "All") {
            statusFilter = true;
        } else {
            statusFilter = status == values_status;
        }
        return statusFilter;
    });

    orderList.update();
}

container.querySelector(".pagination-next").addEventListener("click", function() {
    container.querySelector(".pagination.listjs-pagination") ?
    container.querySelector(".pagination.listjs-pagination").querySelector(".active") ?
    container.querySelector(".pagination.listjs-pagination").querySelector(".active").nextElementSibling.children[0].click() : "" : "";
});
container.querySelector(".pagination-prev").addEventListener("click", function() {
    container.querySelector(".pagination.listjs-pagination") ?
    container.querySelector(".pagination.listjs-pagination").querySelector(".active") ?
    container.querySelector(".pagination.listjs-pagination").querySelector(".active").previousSibling.children[0].click() : "" : "";
});