alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-21 21:22:11 -03:00
Code Issues Packages Projects Releases Wiki Activity

Enhance LoRA and Recipe templates by adding request context to template rendering. Update JavaScript to initialize search managers with context-specific options and improve header navigation with dynamic search placeholders. Refactor header component for better context awareness in search functionality.

Browse Source
This commit is contained in:
Will Miao
2025-03-17 10:11:50 +08:00
parent b0a8b0cc6f
commit 1034282161
8 changed files with 631 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/recipes.html
View File

@@ -35,7 +35,7 @@
<!-- Resource loading strategy -->
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
</head>
<body>
<body data-page="recipes">
{% include 'components/header.html' %}
<div class="page-content">
@@ -134,6 +134,16 @@
{% 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
function refreshRecipes() {
@@ -141,29 +151,14 @@
window.location.reload();
}
// Placeholder for recipe filter manager
const recipeFilterManager = {
toggleFilterPanel() {
const panel = document.getElementById('filterPanel');
panel.classList.toggle('hidden');
},
closeFilterPanel() {
document.getElementById('filterPanel').classList.add('hidden');
},
clearFilters() {
// Clear filters and reset UI
document.querySelectorAll('.filter-tags .tag.active').forEach(tag => {
tag.classList.remove('active');
});
document.getElementById('activeFiltersCount').style.display = 'none';
// Reapply default view
refreshRecipes();
// Import recipes
function importRecipes() {
// Show import modal
const importModal = document.getElementById('importModal');
if (importModal) {
importModal.classList.remove('hidden');
}
};
}
</script>
</body>
</html>