search functionality in installed plugins

This commit is contained in:
Muhammad Labeeb 2025-02-10 16:59:42 +05:00 committed by Régis Behmo
parent 2ac8d50bd3
commit a1efc9d9f9
2 changed files with 16 additions and 2 deletions

View File

@ -4,4 +4,18 @@ if (window.location.href.indexOf("/plugin/store") > -1) {
} else {
document.querySelectorAll('.sidebar-tab')[1].classList.toggle('sidebar-tab-selected');
document.querySelectorAll('.sidebar-tab-logo')[1].classList.toggle('sidebar-tab-logo-selected');
}
}
document.getElementById("search-input").addEventListener("input", function() {
let filter = this.value.toLowerCase();
let plugins = document.querySelectorAll(".installed-plugin");
plugins.forEach(plugin => {
let name = plugin.querySelector(".name a").textContent.toLowerCase();
if (name.includes(filter)) {
plugin.style.display = "";
} else {
plugin.style.display = "none";
}
});
});

View File

@ -12,6 +12,6 @@
</div>
<div class="search-container">
<i class="fas fa-search search-icon"></i>
<input type="text" class="form-control search-input" placeholder="Search...">
<input id="search-input" type="text" class="form-control search-input" placeholder="Search...">
</div>
{% endblock %}