46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
|
---
|
||
|
|
layout: default
|
||
|
|
permalink: audio
|
||
|
|
---
|
||
|
|
|
||
|
|
<div class="publication">
|
||
|
|
<div>
|
||
|
|
<input type="text" id="searchBox" placeholder="Buscar arquivos..." onkeyup="filterList()">
|
||
|
|
</div>
|
||
|
|
<div class="pub-header">
|
||
|
|
|
||
|
|
{% for item in site.data.audio %}
|
||
|
|
<li data-filename="{{ item.name }}" data-username="{{ item.user }}" data-path="{{ item.directory }}">
|
||
|
|
{{ item.user }}
|
||
|
|
<a href="{{ item.url }}">{{ item.name }}</a> {{ item.directory }}
|
||
|
|
<br>
|
||
|
|
<audio controls src="{{ item.url }}"></audio>
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
function filterList() {
|
||
|
|
// Pega o valor do campo de busca
|
||
|
|
var filter = document.getElementById('searchBox').value.toLowerCase();
|
||
|
|
var ul = document.getElementById('fileList');
|
||
|
|
var li = ul.getElementsByTagName('li');
|
||
|
|
|
||
|
|
// Itera sobre os itens da lista e esconde os que não correspondem
|
||
|
|
for (var i = 0; i < li.length; i++) {
|
||
|
|
var filename = li[i].getAttribute('data-filename').toLowerCase();
|
||
|
|
var username = li[i].getAttribute('data-username').toLowerCase();
|
||
|
|
var path = li[i].getAttribute('data-path').toLowerCase();
|
||
|
|
|
||
|
|
if (filename.indexOf(filter) > -1 || username.indexOf(filter) > -1 || path.indexOf(filter) > -1) {
|
||
|
|
li[i].style.display = "";
|
||
|
|
} else {
|
||
|
|
li[i].style.display = "none";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|