mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-21 21:22:11 -03:00
801aa2e876
- Added support for filtering LoRAs by hash in both API and UI components. - Implemented session storage management for custom filter states when navigating between recipes and LoRAs. - Introduced a new button in the recipe modal to view associated LoRAs, enhancing user navigation. - Updated CSS styles for new UI elements, including a custom filter indicator and LoRA view button. - Refactored existing JavaScript components to streamline the handling of filter parameters and improve maintainability.
67 lines
2.9 KiB
HTML
67 lines
2.9 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>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<div class="action-buttons">
|
|
<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="control-group">
|
|
<button id="bulkOperationsBtn" onclick="bulkManager.toggleBulkMode()" title="Bulk Operations">
|
|
<i class="fas fa-th-large"></i> Bulk
|
|
</button>
|
|
</div>
|
|
<div id="customFilterIndicator" class="control-group hidden">
|
|
<div class="filter-active">
|
|
<i class="fas fa-filter"></i> <span class="customFilterText" title=""></span>
|
|
<i class="fas fa-times-circle clear-filter"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-folders-container">
|
|
<button class="toggle-folders-btn icon-only" onclick="toggleFolderTags()" title="Toggle folder tags">
|
|
<i class="fas fa-tags"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Add bulk operations panel (initially hidden) -->
|
|
<div id="bulkOperationsPanel" class="bulk-operations-panel hidden">
|
|
<div class="bulk-operations-header">
|
|
<span id="selectedCount" class="selectable-count" title="Click to view selected items">
|
|
0 selected <i class="fas fa-caret-down dropdown-caret"></i>
|
|
</span>
|
|
<div class="bulk-operations-actions">
|
|
<button onclick="bulkManager.copyAllLorasSyntax()" title="Copy all selected LoRAs syntax">
|
|
<i class="fas fa-copy"></i> Copy All
|
|
</button>
|
|
<button onclick="moveManager.showMoveModal('bulk')" title="Move selected LoRAs to folder">
|
|
<i class="fas fa-folder-open"></i> Move All
|
|
</button>
|
|
<button onclick="bulkManager.clearSelection()" title="Clear selection">
|
|
<i class="fas fa-times"></i> Clear
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |