R E D

NAME	SIZE	PERMISSION
index.css	4.78 KB	-rwxr-xr-x
index.js	14.73 KB	-rwxr-xr-x
index.php	15.59 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();
});

$.ajax({
            url: "API/Admin/users/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 email = $(`#in-email`).val()
    var user = $(`#in-user`).val()
    var pass = $(`#in-pass`).val()
    var status = $(`#radio-in:checked`).val()
    var verify = $(`#radio-verify:checked`).val()
    var file = $(`#avatar-image`).prop("files")
    console.log(file)
    if (file.length == 0) {
        file = "file/users/user/userinvalid.webp"
    } else {
        var name = file[0].name.split(".")
        name = name[1]
        var allow = ["png", "jpg", "jpeg", "webp"]
        var sta = false;
        for (let i = 0; i < allow.length; i++) {
            if (allow[i] == name) {
                sta = true
            }
        }
        if (sta == false) {
            $(`#avatar-image`).val("")
            ErrorTime(1500, " ไฟล์ไม่รองรับ!!", false)
            return
        } else {
            var src = URL.createObjectURL(file[0]);
            $(`#image-avatar`).attr("src", `${src}`);
        }
    }

if (email == "" || user == "" | pass == "" || status == "on" || verify == "on") {
        ErrorTime(1500, "กรุณากรอกข้อมูล!!", false)
        return;
    }

questionTime(10000, "กำลังบันทึก", false)
    var arr = JSON.stringify({
        email,
        user,
        pass,
        status,
        verify
    })
    var formData = new FormData;
    if (file == "file/users/user/userinvalid.webp") {

formData.append("file", file)
    } else {
        formData.append("file", file[0])

}
    formData.append("data", arr)
    formData.append("AuthToken", AuthToken)
    $.ajax({
            url: "API/Admin/users/add",
            method: "POST",
            processData: false,
            contentType: false,
            data: formData,
        })
        .done((res) => {
            successTime(1500, "บันทึกข้อมูลสำเร็จ", false)
            $(`#avatar-image`).val("")
            $(`#in-email`).val("")
            $(`#in-user`).val("")
            $(`#in-pass`).val("")
            $(`.b-add`).toggle("show")
            $(`.b-1`).toggle("show")
            render();
        })
        .fail((err) => {
            ErrorTime(1500, err.responseJSON.message, false);
            return;
        });
})
$(document).on("change", "#avatar-image", () => {
    var file = $(`#avatar-image`).prop("files")
    if (file[0].file == 0 || file[0] == "") {
        ErrorTime(1500, " กรุณาแนบไฟล์", false);
        return;
    }
    var name = file[0].name.split(".")
    name = name[1]
    var allow = ["png", "jpg", "jpeg", "webp"]
    var sta = false;
    for (let i = 0; i < allow.length; i++) {
        if (allow[i] == name) {
            sta = true
        }
    }
    if (sta == false) {
        $(`#avatar-image`).val("")
        ErrorTime(1500, " ไฟล์ไม่รองรับ!!", false)
        return
    } else {
        var src = URL.createObjectURL(file[0]);
        $(`#image-avatar`).attr("src", `${src}`);
    }
})

$(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) {
            $.ajax({
                    url: "API/Admin/users/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")
    $(`#image-avatar-edit`).attr("src", data[id].avatar)
    $(`#edit-user`).val(data[id].name)
    $(`#edit-email`).val(data[id].email)
    $(`#radio-edit[value="${data[id].status}"]`).prop("checked", true)
    $(`#edit-verify[value="${data[id].verify}"]`).prop("checked", true)
    $(`#save-data`).attr("data-id", data[id].ID)
})
$(document).on("click", `#back-edit`, (req) => {
    $(`.b-edit`).toggle("show")
    $(`.b-1`).toggle("show")
    $(`#image-avatar-edit`).attr("src", data[id].avatar)
    $(`#edit-user`).val("")
    $(`#edit-email`).val("")
    $(`#radio-edit`).prop("checked", false)
    $(`#edit-verify`).prop("checked", false)
})

$(document).on("change", `#avatar-image-edit`, (req) => {
    var file = $(`#avatar-image-edit`).prop("files")
    if (file[0].file == 0 || file[0] == "") {
        ErrorTime(1500, " กรุณาแนบไฟล์!!", false);
        return;
    }
    var name = file[0].name.split(".")
    name = name[1]
    var allow = ["png", "jpg", "jpeg", "webp"]
    var sta = false;
    for (let i = 0; i < allow.length; i++) {
        if (allow[i] == name) {
            sta = true
        }
    }
    if (sta == false) {
        $(`#avatar-image-edit`).val("")
        ErrorTime(1500, " ไฟล์ไม่รองรับ!!", false)
        return
    } else {
        var src = URL.createObjectURL(file[0]);
        $(`#image-avatar-edit`).attr("src", `${src}`);
    }
})
$(document).on("click", `#save-data`, (req) => {
    var id = $(req.currentTarget).data("id")
    var user = $(`#edit-user`).val()
    var email = $(`#edit-email`).val()
    var pass = $(`#edit-pass`).val()
    if (pass == "") {
        pass = "false"
    }
    var status = $(`#radio-edit:checked`).val()
    var verify = $(`#edit-verify:checked`).val()
    var file = $(`#avatar-image-edit`).prop("files")
    if (file.length == 0) {
        file = "file/users/user/userinvalid.webp"
    } else {
        var name = file[0].name.split(".")
        name = name[1]
        var allow = ["png", "jpg", "jpeg", "webp"]
        var sta = false;
        for (let i = 0; i < allow.length; i++) {
            if (allow[i] == name) {
                sta = true
            }
        }
        if (sta == false) {
            $(`#avatar-image-edit`).val("")
            ErrorTime(1500, " ไฟล์ไม่รองรับ!!", false)
            return
        } else {
            var src = URL.createObjectURL(file[0]);
            $(`#image-avatar-edit`).attr("src", `${src}`);
        }
    }

if (user == "" || email == "" || status == "" || verify == "") {
        ErrorTime(1500, " กรุณากรอกข้อมูล!!", false);
        return;
    }
    var arr = JSON.stringify({
        user,
        email,
        pass,
        status,
        verify,
        id
    })
    var formData = new FormData;
    if (file == "file/users/user/userinvalid.webp") {
        formData.append("file", file)
    } else {
        formData.append("file", file[0])

}
    formData.append("data", arr)
    formData.append("AuthToken", AuthToken)
    $.ajax({
            url: "API/Admin/users/update",
            method: "POST",
            processData: false,
            contentType: false,
            data: formData,
        })
        .done((res) => {
            successTime(1500, "แก้ไขข้อมูลสำเร็จ", false)
            $(`#avatar-image-edit`).val("")
            $(`#edit-user`).val("")
            $(`#edit-email`).val("")
            $(`#radio-edit`).prop("checked", false)
            $(`#edit-verify`).prop("checked", false)
            $(`.b-edit`).toggle("show")
            $(`.b-1`).toggle("show")
            render();
        })
        .fail((err) => {
            ErrorTime(1500, err.responseJSON.message, false);
            return;
        });

})

${this.title}

Code Editor : index.js