R E D

NAME	SIZE	PERMISSION
index.css	4.78 KB	-rwxr-xr-x
index.js	9.02 KB	-rwxr-xr-x
index.php	5.14 KB	-rwxr-xr-x

Code Editor : index.js

$(document).on(`click`, `#slide-serch`, () => {
    $("html,body").animate({
            scrollTop: $(".product-content").offset().top,
        },
        "slow"
    );
});

var AuthToken = localStorage.getItem("AuthToken");
var page = 1;
var show = 1;
var showpage = 5;
var row = $(`#select-row`).val();
var totalpage = 0;
var limit = 5;
var data;
document.addEventListener("DOMContentLoaded", function(event) {
    var scrollpos = localStorage.getItem("scrollpos");
    if (scrollpos) window.scrollTo(0, scrollpos);
});

window.onbeforeunload = function(e) {
    localStorage.setItem("scrollpos", window.scrollY);
};
$(document).ready(() => {
    render();
});

function render() {
    $(`.pagi-frame`).html(`<span class="loader"></span>`);
    $(`#tbody`).html("");
    var srcVal = $(`#srcVal`).val()
    var arr = {
        val: srcVal,
    }
    if (srcVal == "") {
        arr = "false";
    }

$.ajax({
            url: "API/category/fetch",
            method: "POST",
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify({
                arr,
                page,
                row,
                AuthToken,
            }),
        })
        .done((res) => {
            data = res.data;
            totalpage = res.row;
            if (data.length == 0 && totalpage !== 0) {
                page = page - 1;
                render();
            } else if (data.length == 0 && totalpage == 0) {
                ValidData();
            } else {
                insert();
            }
        })
        .fail((err) => {
            ErrorTime(1500, err.responseJSON.message, false);
            return;
        });
}

function ValidData() {
    $(`.pagi-frame`).html("");
    $(`#tbody`).html("");
    $(`.pagi-frame`).html(
        `<p class="text-muted"><i class="fa-solid fa-circle-exclamation me-2"></i> ไม่มีข้อมูล</p>`
    );
}

pagination += `
        <li class="page-item">
        <a class="page-link Previous" ><i class="fa-solid fa-chevron-right"></i></a>
        </li>
        </ul>
        </nav>
    `;

$(`.pagi-frame`).html(pagination);
}

$("#ulpage").on("click", ".next", function(e) {
    if (page == totalpage) {
        return;
    }
    page = page + 1;
    checkpage(page);
    if (serch == false) {
        render();
    } else {
        serchData();
    }
});
$("#ulpage").on("click", ".Previous", function(e) {
    if (page == 1) {
        return;
    }
    page = page - 1;

checkpage(page);
    if (serch == false) {
        render();
    } else {
        serchData();
    }
});

if (page > showpage) {
        showpage = showpage + 5;
        show = showpage - 6;
    }
}
$("#ulpage").on("click", ".page", function(e) {
    var cu_page = Number(e.currentTarget.attributes["1"].nodeValue);
    if (cu_page == page || cu_page > totalpage) {
        return;
    }

show = 0;
    showpage = Math.round(cu_page / 10) * 10;
    limit = showpage;
    page = cu_page;
    if (showpage == 0) {
        showpage = showpage + 5;
        show = showpage - 5 + 1;
    } else if (page == limit) {
        showpage = showpage + 5;
        show = showpage - 5 - 1;
    } else {
        show = showpage - 6;
    }
    if (showpage > totalpage) {
        showpage = totalpage;
    }

if (page > showpage) {
        showpage = showpage + 5;
        show = showpage - 6;
    }
    if (serch == false) {
        render();
    } else {
        serchData();
    }
});

// add

$(document).on("click", ".btn-plus", () => {
    $(`.b-add`).toggle("show")
    if ($(`.b-1[style="display: none;"]`).length < 1) {
        $(`.b-1`).toggle("show")
    }
    if ($(`.b-edit[style="display: none;"]`).length == 0) {
        $(`.b-edit`).toggle("show")
    }
    $(`.btn-plus`).hide()
})
$(document).on("click", "#back-plus", () => {
    $(`.b-add`).toggle("show")
    $(`.b-1`).toggle("show")
    $(`.btn-plus`).show()
})

$(document).on("click", "#ins-data", () => {
    var user = $(`#in-user`).val()
    if (user == "") {
        ErrorTime(1500,"กรุณากรอกข้อมูล",false);
        return;
    }
    questionTime(10000, "กำลังบันทึก", false)
    $.ajax({
            url: "API/category/add",
            method: "POST",
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify({
                user,
                page,
                row,
                AuthToken,
            }),
        })
        .done((res) => {
            successTime(1500,"เพิ่มข้อมูลสำเร็จ",false)
            $(`#in-user`).val("")
            $(`.b-add`).toggle("show")
            $(`.b-1`).toggle("show")
            $(`.btn-plus`).show()
            render();
        })
        .fail((err) => {
            ErrorTime(1500, err.responseJSON.message, false);
            return;
        });
})

$(document).on("click", `#del`, (req) => {
    var id = Number($(req.currentTarget).data("id"))
    Swal.fire({
        title: 'ต้องการลบข้อมูลหรือไม่?',
        text: "ข้อมูลหายถาวร!!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: 'ตกลง!',
        cancelButtonText: 'ยกเลิก!',
        reverseButtons: true
    }).then((result) => {
        if (result.isConfirmed) {
    questionTime(10000, "กำลังดำเนินการ", false)
    $.ajax({
                    url: "API/category/del",
                    method: "POST",
                    contentType: "application/json",
                    dataType: "json",
                    data: JSON.stringify({
                        id,
                        AuthToken,
                    }),
                })
                .done((res) => {
                    successTime(1500, "ลบข้อมูลสำเร็จ", false)
                    render();
                })
                .fail((err) => {
                    ErrorTime(1500, err.responseJSON.message, false);
                    return;
                });
        }
    })
})
$(document).on("click", `#edit`, (req) => {
    var id = Number($(req.currentTarget).data("id"))
    $(`.b-edit`).toggle("show")
    $(`.b-1`).toggle("show")
    $(`#edit-user`).val(data[id].name)
    $(`#save-data`).attr("data-id", data[id].id)
})
$(document).on("click", `#back-edit`, (req) => {
    $(`.b-edit`).toggle("show")
    $(`.b-1`).toggle("show")
    $(`#edit-user`).val("")
})

$(document).on("click", `#save-data`, (req) => {
    var id = $(req.currentTarget).data("id")
    var user = $(`#edit-user`).val()
    if (user == "" ) {
        ErrorTime(1500, " กรุณากรอกข้อมูล!!", false);
        return;
    }
    questionTime(10000, "กำลังดำเนินการ", false)
    $.ajax({
            url: "API/category/update",
            method: "POST",
            contentType: "application/json",
            dataType: "json",
            data: JSON.stringify({
                id,
                user,
                page,
                row,
                AuthToken,
            }),
        })
        .done((res) => {
            successTime(1500, "แก้ไขข้อมูลสำเร็จ", false)
            $(`#edit-user`).val("")
            $(`.b-edit`).toggle("show")
            $(`.b-1`).toggle("show")
            render();
        })
        .fail((err) => {
            ErrorTime(1500, err.responseJSON.message, false);
            return;
        });

})

${this.title}

Code Editor : index.js