mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-22 05:32:12 -03:00
90 lines
3.8 KiB
HTML
90 lines
3.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="control-group">
|
|
<button id="bulkOperationsBtn" onclick="bulkManager.toggleBulkMode()" title="Bulk Operations">
|
|
<i class="fas fa-th-large"></i> Bulk
|
|
</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>
|
|
</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> |