mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 21:37:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add channel search !!!

Browse source
This commit is contained in:
Ashley 2023-11-24 15:28:58 +00:00
parent a60fda1a2b
commit da501ed44c
1 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
html/channel.ejs
View file

@ -610,8 +610,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
</div>
<% if (!isMobile) { %>
<div class="tabs tabs-center" style="margin-top: 26px;">
<div style="display: flex;
flex-direction: row;">
<div class="tabs tabs-center" style="margin-top: 26px;">
<% if (!tab) { %>
<a href="/channel?id=<%=ID%>" class="tab active" style="color:#cfe2f3;">Videos</a>
@ -761,7 +762,7 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
<% } %>
</div>
<input type="text" id="search" placeholder="Search vids :3" style="margin-top: 2em;height: 1em;color: #fff;background: #111;border-radius: 1em;padding: 7px;margin-left: auto;margin-right: 1em;"> </div>
<% } %>
@ -810,6 +811,7 @@ width: fit-content;
</a>
<% if (isMobile) { %>
@ -1347,6 +1349,7 @@ width: fit-content;
<script src="/css/custom-css.js"> </script>
<script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
var anchor = document.getElementById("sub");
@ -1362,6 +1365,22 @@ if (userID) {
// Optionally, you can set a default href or display an error message.
}
document.getElementById('search').addEventListener('keyup', function () {
var value = this.value.toLowerCase();
var videos = document.querySelectorAll('.video');
videos.forEach(function (video) {
var text = video.textContent.toLowerCase();
if (text.indexOf(value) > -1) {
video.style.visibility = 'visible';
video.style.display = 'grid';
} else {
video.style.visibility = 'hidden';
video.style.display = 'none';
}
});
});
// @license-end
</script>
</body>