mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-21 21:22:11 -03:00
b10bcf7e78
Add a new filter option to show only models with available updates across all supported languages. This includes: - Adding "updates" filter translations in all locale files (de, en, es, fr, he, ja, ko) - Extending BaseModelApiClient to handle update_available_only query parameter - Implementing update filter button in PageControls component with event listeners - Adding corresponding CSS styles for active filter state The feature allows users to quickly identify and focus on models that have updates available, improving the update management workflow.
106 lines
5.7 KiB
HTML
106 lines
5.7 KiB
HTML
<div class="controls">
|
|
<div class="actions">
|
|
<div class="action-buttons">
|
|
<div title="{{ t('loras.controls.sort.title') }}" class="control-group">
|
|
<select id="sortSelect">
|
|
<optgroup label="{{ t('loras.controls.sort.name') }}">
|
|
<option value="name:asc">{{ t('loras.controls.sort.nameAsc') }}</option>
|
|
<option value="name:desc">{{ t('loras.controls.sort.nameDesc') }}</option>
|
|
</optgroup>
|
|
<optgroup label="{{ t('loras.controls.sort.date') }}">
|
|
<option value="date:desc">{{ t('loras.controls.sort.dateDesc') }}</option>
|
|
<option value="date:asc">{{ t('loras.controls.sort.dateAsc') }}</option>
|
|
</optgroup>
|
|
<optgroup label="{{ t('loras.controls.sort.size') }}">
|
|
<option value="size:desc">{{ t('loras.controls.sort.sizeDesc') }}</option>
|
|
<option value="size:asc">{{ t('loras.controls.sort.sizeAsc') }}</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div title="{{ t('loras.controls.refresh.title') }}" class="control-group dropdown-group">
|
|
<button data-action="refresh" class="dropdown-main"><i class="fas fa-sync"></i> <span>{{ t('common.actions.refresh') }}</span></button>
|
|
<button class="dropdown-toggle" aria-label="Show refresh options">
|
|
<i class="fas fa-caret-down"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-item" data-action="quick-refresh">
|
|
<i class="fas fa-bolt"></i> <span>{{ t('loras.controls.refresh.quick') }}</span>
|
|
</div>
|
|
<div class="dropdown-item" data-action="full-rebuild">
|
|
<i class="fas fa-tools"></i> <span>{{ t('loras.controls.refresh.full') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<button data-action="fetch" title="{{ t('loras.controls.fetch.title') }}"><i class="fas fa-download"></i> <span>{{ t('loras.controls.fetch.action') }}</span></button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button data-action="download" title="{{ t('loras.controls.download.title') }}">
|
|
<i class="fas fa-cloud-download-alt"></i> <span>{{ t('loras.controls.download.action') }}</span>
|
|
</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="bulkOperationsBtn" data-action="bulk" title="{{ t('loras.controls.bulk.title') }}">
|
|
<i class="fas fa-th-large"></i> <span><span>{{ t('loras.controls.bulk.action') }}</span> <div class="shortcut-key">B</div></span>
|
|
</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="findDuplicatesBtn" data-action="find-duplicates" title="{{ t('loras.controls.duplicates.title') }}">
|
|
<i class="fas fa-clone"></i> <span>{{ t('loras.controls.duplicates.action') }}</span>
|
|
<span id="duplicatesBadge" class="badge"></span>
|
|
</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="favoriteFilterBtn" data-action="toggle-favorites" class="favorite-filter" title="{{ t('loras.controls.favorites.title') }}">
|
|
<i class="fas fa-star"></i> <span>{{ t('loras.controls.favorites.action') }}</span>
|
|
</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="updateFilterBtn" data-action="toggle-updates" class="update-filter" title="{{ t('loras.controls.updates.title') }}">
|
|
<i class="fas fa-sync-alt"></i> <span>{{ t('loras.controls.updates.action') }}</span>
|
|
</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="controls-right">
|
|
<div class="keyboard-nav-hint tooltip">
|
|
<i class="fas fa-keyboard"></i>
|
|
<span class="tooltiptext">
|
|
<span>{{ t('keyboard.navigation') }}</span>
|
|
<table class="keyboard-shortcuts">
|
|
<tr>
|
|
<td><span class="key">Page Up</span></td>
|
|
<td>{{ t('keyboard.shortcuts.pageUp') }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="key">Page Down</span></td>
|
|
<td>{{ t('keyboard.shortcuts.pageDown') }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="key">Home</span></td>
|
|
<td>{{ t('keyboard.shortcuts.home') }}</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="key">End</span></td>
|
|
<td>{{ t('keyboard.shortcuts.end') }}</td>
|
|
</tr>
|
|
</table>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Breadcrumb Navigation -->
|
|
<div id="breadcrumbContainer" class="sidebar-breadcrumb-container">
|
|
<nav class="sidebar-breadcrumb-nav" id="sidebarBreadcrumbNav">
|
|
<!-- Breadcrumbs will be populated by JavaScript -->
|
|
</nav>
|
|
</div>
|
|
</div> |