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

checkpoint

Browse Source
This commit is contained in:
Will Miao
2025-03-09 15:42:00 +08:00
parent 250e8445bb
commit d69406c4cb
12 changed files with 174 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
templates/recipes.html
View File

@@ -119,29 +119,11 @@
</style>
</head>
<body>
<div class="corner-controls">
<div class="corner-controls-toggle">
<i class="fas fa-ellipsis-v"></i>
<span class="update-badge corner-badge hidden"></span>
</div>
<div class="corner-controls-items">
<div class="theme-toggle" onclick="toggleTheme()" title="Toggle theme">
<img src="/loras_static/images/theme-toggle-light.svg" alt="Theme" class="theme-icon light-icon">
<img src="/loras_static/images/theme-toggle-dark.svg" alt="Theme" class="theme-icon dark-icon">
</div>
<div class="update-toggle" id="updateToggleBtn" title="Check Updates">
<i class="fas fa-bell"></i>
<span class="update-badge hidden"></span>
</div>
<div class="support-toggle" id="supportToggleBtn" title="Support">
<i class="fas fa-heart"></i>
</div>
<div class="settings-toggle" onclick="settingsManager.toggleSettings()" title="Settings">
<i class="fas fa-cog"></i>
</div>
</div>
</div>
{% include 'components/header.html' %}
<!-- Reuse corner controls component -->
{% include 'components/corner_controls.html' %}
<!-- Reuse modals, loading, context menu -->
{% include 'components/modals.html' %}
{% include 'components/loading.html' %}
{% include 'components/context_menu.html' %}
@@ -163,8 +145,9 @@
</div>
</div>
<!-- Recipe controls -->
<!-- Recipe controls - can reuse structure from loras controls -->
<div class="controls">
<!-- Recipe tags container - similar to folder tags -->
<div class="folder-tags-container">
<div class="recipe-tag-container">
{% if recipe_tags %}
@@ -180,56 +163,12 @@
</button>
</div>
<div class="actions">
<div title="Sort recipes by..." class="control-group">
<select id="sortSelect">
<option value="date">Date</option>
<option value="name">Name</option>
</select>
</div>
<div title="Refresh recipes list" class="control-group">
<button onclick="refreshRecipes()"><i class="fas fa-sync"></i> Refresh</button>
</div>
<div class="search-container">
<input type="text" id="searchInput" placeholder="Search recipes..." />
<i class="fas fa-search search-icon"></i>
<button class="search-filter-toggle" id="filterButton" onclick="recipeFilterManager.toggleFilterPanel()" title="Filter recipes">
<i class="fas fa-filter"></i>
<span class="filter-badge" id="activeFiltersCount" style="display: none">0</span>
</button>
</div>
</div>
<!-- Search container - similar structure to loras search -->
{% include 'components/search_controls.html' %}
</div>
<!-- Recipe filter panel -->
<div id="filterPanel" class="filter-panel hidden">
<div class="filter-header">
<h3>Filter Recipes</h3>
<button class="close-filter-btn" onclick="recipeFilterManager.closeFilterPanel()">
<i class="fas fa-times"></i>
</button>
</div>
<div class="filter-section">
<h4>Base Model</h4>
<div class="filter-tags" id="baseModelTags">
<!-- Tags will be dynamically inserted here -->
</div>
</div>
<div class="filter-section">
<h4>LoRAs</h4>
<div class="filter-tags" id="loraModelTags">
<!-- LoRA tags will be dynamically inserted here -->
</div>
</div>
<div class="filter-actions">
<button class="clear-filters-btn" onclick="recipeFilterManager.clearFilters()">
Clear All Filters
</button>
</div>
</div>
<!-- Recipe gallery container -->
<div class="recipe-grid" id="recipeGrid">
<!-- Recipe grid - similar to lora grid -->
<div class="card-grid recipe-grid" id="recipeGrid">
{% if recipes and recipes|length > 0 %}
{% for recipe in recipes %}
<div class="recipe-card" data-file-path="{{ recipe.file_path }}" data-title="{{ recipe.title }}" data-created="{{ recipe.created_date }}">
@@ -370,4 +309,4 @@
};
</script>
</body>
</html>
</html>