Add filter button functionality and clean up recipe template scripts

- Implemented click handler for the filter button in FilterManager to toggle the filter panel.
- Removed redundant recipe filter manager initialization from recipes.html for cleaner code.
- Updated header.html to remove inline JavaScript for filter button, enhancing maintainability.
This commit is contained in:
Will Miao
2025-03-17 17:41:41 +08:00
parent 14a88e2cfa
commit 1bfe12a288
3 changed files with 8 additions and 12 deletions

View File

@@ -26,7 +26,7 @@
<button class="search-options-toggle" id="searchOptionsToggle" title="Search Options">
<i class="fas fa-sliders-h"></i>
</button>
<button class="search-filter-toggle" id="filterButton" onclick="filterManager.toggleFilterPanel()" title="Filter models">
<button class="search-filter-toggle" id="filterButton" title="Filter models">
<i class="fas fa-filter"></i>
<span class="filter-badge" id="activeFiltersCount" style="display: none">0</span>
</button>

View File

@@ -132,17 +132,6 @@
checkInitStatus();
</script>
{% endif %}
<!-- Recipe page specific scripts -->
<script type="module">
import { RecipeFilterManager } from '/loras_static/js/managers/RecipeFilterManager.js';
// Initialize the recipe filter manager
window.recipeFilterManager = new RecipeFilterManager();
// Make it globally available
window.filterManager = window.recipeFilterManager; // For compatibility with existing code
</script>
<script>
// Refresh recipes