re-render when children's checkbox toggles
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
David 2023-10-14 16:57:22 -04:00
parent f282b10c05
commit e8c3da4ac8
1 changed files with 16 additions and 9 deletions

View File

@ -9,21 +9,28 @@ function init() {
.then((books) => { .then((books) => {
// prepare response // prepare response
books.forEach(apiResponseParsing); books.forEach(apiResponseParsing);
document.getElementById("search").addEventListener("input", (e) => { document
renderTable( .getElementById("search")
search( .addEventListener("input", triggerUpdate);
books, document
e.target.value, .getElementById("childrens")
document.getElementById("childrens").checked .addEventListener("change", triggerUpdate);
)
);
});
renderTable( renderTable(
search(books, "", document.getElementById("childrens").checked) search(books, "", document.getElementById("childrens").checked)
); );
}); });
} }
function triggerUpdate() {
renderTable(
search(
books,
document.getElementById("search").value,
document.getElementById("childrens").checked
)
);
}
function renderTable(books, sortField) { function renderTable(books, sortField) {
if (sortField) { if (sortField) {
if (sortState.sortBy === sortField && sortState.sortOrder === "asc") { if (sortState.sortBy === sortField && sortState.sortOrder === "asc") {