33 lines
800 B
JavaScript
33 lines
800 B
JavaScript
|
function populateByName(source, target) {
|
||
|
|
let posts = [];
|
||
|
|
for (let post of source.children) {
|
||
|
|
let title = post.firstElementChild.innerText;
|
||
|
|
posts.push([title, post.cloneNode(true)]);
|
||
|
|
}
|
||
|
|
posts.sort(([a, _1], [b, _2]) => a.toLocaleLowerCase().localeCompare(b.toLocaleLowerCase()));
|
||
|
|
for (let [_, post] of posts) {
|
||
|
|
target.appendChild(post);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function sort(by, dateEl, nameEl) {
|
||
|
|
console.log("sorting by", by);
|
||
|
|
switch (by) {
|
||
|
|
case "date":
|
||
|
|
dateEl.style.display = "block";
|
||
|
|
nameEl.style.display = "none";
|
||
|
|
break;
|
||
|
|
case "name":
|
||
|
|
nameEl.style.display = "block";
|
||
|
|
dateEl.style.display = "none";
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function handleSort(form, dateEl, nameEl) {
|
||
|
|
for (let el of form.sort)
|
||
|
|
el.addEventListener("change", () => {
|
||
|
|
if (el.checked) sort(el.value, dateEl, nameEl);
|
||
|
|
});
|
||
|
|
}
|