mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-22 05:32:12 -03:00
68 lines
2.8 KiB
HTML
68 lines
2.8 KiB
HTML
<div class="controls">
|
|
<div class="folder-tags-container">
|
|
<div class="folder-tags">
|
|
{% for folder in folders %}
|
|
<div class="tag" data-folder="{{ folder }}">{{ folder }}</div>
|
|
{% endfor %}
|
|
</div>
|
|
<button class="toggle-folders-btn" onclick="toggleFolderTags()" title="Collapse folder tags">
|
|
<i class="fas fa-chevron-up"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<div title="Sort models by..." class="control-group">
|
|
<select id="sortSelect">
|
|
<option value="name">Name</option>
|
|
<option value="date">Date</option>
|
|
</select>
|
|
</div>
|
|
<div title="Refresh model list" class="control-group">
|
|
<button onclick="refreshLoras()"><i class="fas fa-sync"></i> Refresh</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button onclick="fetchCivitai()" class="secondary" title="Fetch from Civitai"><i class="fas fa-download"></i> Fetch</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button onclick="downloadManager.showDownloadModal()" title="Download from URL">
|
|
<i class="fas fa-cloud-download-alt"></i> Download
|
|
</button>
|
|
</div>
|
|
<div class="search-container">
|
|
<input type="text" id="searchInput" placeholder="Search models..." />
|
|
<!-- 清空按钮将由JavaScript动态添加到这里 -->
|
|
<i class="fas fa-search search-icon"></i>
|
|
<button class="search-mode-toggle" id="searchModeToggle" title="Toggle recursive search in folders">
|
|
<i class="fas fa-folder"></i>
|
|
</button>
|
|
<button class="search-filter-toggle" id="filterButton" onclick="filterManager.toggleFilterPanel()" title="Filter models">
|
|
<i class="fas fa-filter"></i>
|
|
<span class="filter-badge" id="activeFiltersCount" style="display: none">0</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add filter panel -->
|
|
<div id="filterPanel" class="filter-panel hidden">
|
|
<div class="filter-header">
|
|
<h3>Filter Models</h3>
|
|
<button class="close-filter-btn" onclick="filterManager.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-actions">
|
|
<button class="clear-filters-btn" onclick="filterManager.clearFilters()">
|
|
Clear All Filters
|
|
</button>
|
|
<button class="apply-filters-btn" onclick="filterManager.applyFilters()">
|
|
Apply Filters
|
|
</button>
|
|
</div>
|
|
</div> |