You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
640 B
20 lines
640 B
1 month ago
|
{% extends "/Bases/StandardWebPage.html.twig" %}
|
||
|
|
|
||
|
|
{% block content %}
|
||
|
|
<div class="InnerContent">
|
||
|
|
<h1>Folk Tune Search</h1>
|
||
|
|
<input type="text" id="SearchInput" placeholder="Search for a tune...">
|
||
|
|
<div id="AlgoliaResults"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
document.getElementById("SearchInput").addEventListener("input", (event) => {
|
||
|
|
const query = event.target.value;
|
||
|
|
if (query.trim().length > 0) {
|
||
|
|
searchTunes(query);
|
||
|
|
} else {
|
||
|
|
document.getElementById("AlgoliaResults").innerHTML = "";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{% endblock %}
|