Merge pull request 'main' (#3) from Ashley/poketube:main into main

Reviewed-on: https://codeberg.org/Korbs/poketube/pulls/3
This commit is contained in:
Korbs 2023-11-25 11:11:59 +00:00
commit b6ed61d65a
2 changed files with 29 additions and 6 deletions

View file

@ -610,8 +610,9 @@ white-space: nowrap;text-decoration: none;" href="/feeds/videos.xml?channel_id=<
</div> </div>
<% if (!isMobile) { %> <% if (!isMobile) { %>
<div style="display: flex;
<div class="tabs tabs-center" style="margin-top: 26px;"> flex-direction: row;">
<div class="tabs tabs-center" style="margin-top: 26px;">
<% if (!tab) { %> <% if (!tab) { %>
<a href="/channel?id=<%=ID%>" class="tab active" style="color:#cfe2f3;">Videos</a> <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> </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> </a>
<% if (isMobile) { %> <% if (isMobile) { %>
@ -1347,6 +1349,7 @@ width: fit-content;
<script src="/css/custom-css.js"> </script> <script src="/css/custom-css.js"> </script>
<script> <script>
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-3.0-or-later
var anchor = document.getElementById("sub"); var anchor = document.getElementById("sub");
@ -1362,6 +1365,22 @@ if (userID) {
// Optionally, you can set a default href or display an error message. // 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> </script>
</body> </body>

File diff suppressed because one or more lines are too long