R E D

NAME	SIZE	PERMISSION
ManageCouse.php	2.36 KB	-rwxr-xr-x
index.css	5.07 KB	-rwxr-xr-x
index.js	5.11 KB	-rwxr-xr-x
index.php	1.08 KB	-rwxr-xr-x
managecouse.js	5.64 KB	-rwxr-xr-x

Code Editor : index.js

var AuthToken = localStorage.getItem('AuthToken');
var page = 1
var show = 1
var showpage = 5
var row = 9
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>`)
    $.ajax({
        url: "API/couse/couseFetch",
        method: "POST",
        contentType: "application/json",
        dataType: "json",
        data: JSON.stringify({
            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("")
    $(`#couse-list`).html("")
    $(`.pagi-frame`).html(`<p class="text-muted"><i class="fa-solid fa-circle-exclamation me-2"></i> ไม่มีข้อมูล</p>`)

}

function insert() {
    $(`#couse-list`).html("")
    var html = "";
    for (let i = 0; i < data.length; i++) {
        var newData = data[i].couse;
        var userData = data[i].user;
        html += `
<div class="col-md-4 col-lg-3 pb-4">

<img src="${newData.filetitle}" class="card-img-top" alt="...">
<div class="card-body">
<div class="title">
<span>${newData.Unitname} <a href="EditCouse?id=${newData.ID}"> <i class="fa-regular fa-pen-to-square text-primary"></i></a></span>

</div>
<div class="detail"><span>${newData.detail}</span> </div>

<div class="count_text">
<span class="text-muted">บทเรียนทั้งหมด ${data[i].lessonCount} บท</span><br>
<span class="text-muted">แบบฝึกหัด ก่อนเรียน-หลังเรียน ${data[i].questionCount} ข้อ</span>
</div>
<div align="right">
<a href="?ID=${newData.ID}&type=delete" onclick="return confirm('ยืนยันการลบข้อมูล!');" class="btn btn-danger">ลบคอร์ส</a>
</div>
<div class="bottom">
<div class="left"><a href="ManageCouse?ID=${newData.ID}">จัดการบทเรียน</a></div>
</div>
</div>
</div>

</div>
`
    }
    $(`#couse-list`).html(html)
    $(`.pagi-frame`).html("")
    var pagination = ""
    pagination += `
        <nav aria-label="Page navigation ">
        <ul class="pagination justify-content-center">
        <li class="page-item next">
        <a class="page-link page" data-id=""><i class="fa-solid fa-chevron-left"></i></a>
        </li>`
    if (showpage > totalpage) {
        showpage = totalpage;
    }
    for (var i = show; i <= showpage; i++) {
        pagination += `<li class="page-item page" data-id="${i}"><span class="page-link">${i}</span></li>`;
    }

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();
    }
});

${this.title}

Code Editor : index.js