parra/TDTChannels
parra/TDTChannels
1
0
Fork 0
mirror of https://github.com/LaQuay/TDTChannels.git synced 2024-11-23 01:13:25 +01:00
Code Releases Activity

filter channels

Browse source
This commit is contained in:
Marc 2019-02-03 19:10:08 +01:00
parent 5838c5d6f4
commit ddd9756bb6
2 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
script/public/index.html
View file

@ -30,7 +30,9 @@
target="_blank">LinkedIn</a> target="_blank">LinkedIn</a>
<div class="row" style="margin-top: 40px;"> <div class="row" style="margin-top: 40px;">
<div class="col-xs-4 col-md-4"> <div class="col-xs-4 col-md-4">
<div class="list-group channels-list"></div> <input id="searchInput" class="form-control" type="text" onkeyup="filterChannelsList()"
placeholder="Search..." style="margin-bottom: 1px">
<div id="channel-list" class="list-group channels-list"></div>
</div> </div>
<div class="col-xs-8 col-md-8"> <div class="col-xs-8 col-md-8">
<div id="video"> <div id="video">

18
script/public/index.js
View file

@ -174,6 +174,24 @@ function checkIfWebsiteWorks(sUrl){
}); });
} }
function filterChannelsList() {
var input, filter, div, li, a, i, txtValue;
input = document.getElementById("searchInput");
filter = input.value.toUpperCase();
div = document.getElementById("channel-list");
elements = div.getElementsByTagName("a");
for (i = 0; i < elements.length; i++) {
txtValue = elements[i].textContent || elements[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
elements[i].style.display = "";
} else {
elements[i].style.display = "none";
}
}
}
function onChannelClick(channel){ function onChannelClick(channel){
channel = JSON.parse(channel); channel = JSON.parse(channel);
reproduceVideo(channel['options'][0]['url']) reproduceVideo(channel['options'][0]['url'])