voussoir/ycdl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Let the user paste video ids into the filter box.

Browse source
This commit is contained in:
voussoir 2022-01-13 17:24:35 -08:00
parent f35a2c7750
commit 7f18a2b9f7
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 18 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
frontends/ycdl_flask/templates/channel.html
View file

@ -335,28 +335,34 @@ function filter_video_cards(search_term)
Apply the search filter textbox by hiding the mismatched cards. Apply the search filter textbox by hiding the mismatched cards.
*/ */
let count = 0; let count = 0;
let video_cards = document.getElementById("video_cards"); const video_card_list = document.getElementById("video_cards");
video_cards.classList.add("hidden"); video_card_list.classList.add("hidden");
search_term = search_term.toLocaleLowerCase(); const search_term_lower = search_term.toLocaleLowerCase();
let state_class = "video_card_" + STATE; const state_class = "video_card_" + STATE;
Array.from(video_cards.getElementsByClassName("video_card")).forEach(function(video_card) const video_cards = Array.from(video_card_list.getElementsByClassName("video_card"))
video_cards.forEach(function(video_card)
{ {
let title = video_card.getElementsByClassName("video_title")[0].innerText.toLocaleLowerCase();
if (STATE && !video_card.classList.contains(state_class)) if (STATE && !video_card.classList.contains(state_class))
{ {
video_cards.removeChild(video_card); video_cards.removeChild(video_card);
return;
} }
else if (search_term !== "" && title.indexOf(search_term) == -1) const title_lower = video_card.getElementsByClassName("video_title")[0].innerText.toLocaleLowerCase();
{ const matches = (
video_card.classList.add("hidden"); title_lower.indexOf(search_term_lower) > -1 ||
} search_term === video_card.dataset.ytid
else );
if (matches)
{ {
video_card.classList.remove("hidden"); video_card.classList.remove("hidden");
count += 1; count += 1;
} }
else
{
video_card.classList.add("hidden");
}
}); });
video_cards.classList.remove("hidden"); video_card_list.classList.remove("hidden");
document.getElementById("search_filter_count").innerText = count; document.getElementById("search_filter_count").innerText = count;
} }