FrederikBaerentsen/BrickTracker
4
4
Fork 3
Code Issues 9 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

Search only works on title and set number (fixed #15)

Browse Source
This commit is contained in:
FrederikBaerentsen 2024-06-19 17:43:59 +02:00
parent 4472412e3e
commit d65a73cd97
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/index.html
View File

@ -168,7 +168,7 @@
<div class="search-container"> <div class="search-container">
<input class="input"type="text" id="searchInput" onkeyup="searchFunction()" placeholder="Search..."> <input class="input"type="text" id="searchInput" onkeyup="searchFunction()" placeholder="Search title or set number...">
<!-- <center hidden="true"> <!-- <center hidden="true">
<button class="button button-outline" onclick="dynamicSort('set_id')">Sort by ID</button> <button class="button button-outline" onclick="dynamicSort('set_id')">Sort by ID</button>
<button class="button button-outline" onclick="dynamicSort('set_year')">Sort by Year</button> <button class="button button-outline" onclick="dynamicSort('set_year')">Sort by Year</button>
@ -193,7 +193,7 @@
<div class="card"> <div class="card">
<div class="columns" style=""> <div class="columns" style="">
<div class="column is-two-thirds" style="text-align: left;"> <div class="column is-two-thirds" style="text-align: left;">
<p class="is-size-5"> <p class="is-size-5 searchTitle">
<span style="font-weight: bold;" class="set_id">{{ i[0] }}</span> <span style="font-weight: bold;" class="set_name">{{ i[1] }}</span><br> <span style="font-weight: bold;" class="set_id">{{ i[0] }}</span> <span style="font-weight: bold;" class="set_name">{{ i[1] }}</span><br>
<a class="is-size-7 set_theme" style="color: #363636;">{{ i[3] }}</a> <a class="is-size-7" style="color: #363636;"> (<span class='set_year'>{{ i[2] }}</span>)</a> <a class="is-size-7 set_theme" style="color: #363636;">{{ i[3] }}</a> <a class="is-size-7" style="color: #363636;"> (<span class='set_year'>{{ i[2] }}</span>)</a>
</p> </p>
@ -328,9 +328,9 @@ window.addEventListener('DOMContentLoaded', function() {
filter = input.value.toUpperCase(); filter = input.value.toUpperCase();
gridContainer = document.getElementById('gridContainer'); gridContainer = document.getElementById('gridContainer');
gridItems = gridContainer.getElementsByClassName('grid-item'); gridItems = gridContainer.getElementsByClassName('grid-item');
searchTerm = gridContainer.getElementsByClassName('searchTitle');
for (i = 0; i < gridItems.length; i++) { for (i = 0; i < searchTerm.length; i++) {
txtValue = gridItems[i].textContent || gridItems[i].innerText; txtValue = searchTerm[i].textContent || searchTerm[i].innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) { if (txtValue.toUpperCase().indexOf(filter) > -1) {
gridItems[i].style.display = ""; gridItems[i].style.display = "";
} else { } else {