mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-05-13 16:47:38 -03:00
df1410535e
The main Refresh button and Quick Refresh dropdown item both called refreshModels(false). Split button dropdowns should only contain alternative actions (Hick's Law). Dropdown now has only Rebuild Cache (fullRebuild=true). Removed from 2 templates, 2 JS files, 1 test fixture, and 10 locale files.
196 lines
10 KiB
HTML
196 lines
10 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}{{ t('recipes.title') }}{% endblock %}
|
|
{% block page_id %}recipes{% endblock %}
|
|
|
|
{% block page_css %}
|
|
<link rel="stylesheet" href="/loras_static/css/components/card.css?v={{ version }}">
|
|
<link rel="stylesheet" href="/loras_static/css/components/recipe-modal.css?v={{ version }}">
|
|
<link rel="stylesheet" href="/loras_static/css/components/import-modal.css?v={{ version }}">
|
|
<link rel="stylesheet" href="/loras_static/css/components/batch-import-modal.css?v={{ version }}">
|
|
{% endblock %}
|
|
|
|
{% block additional_components %}
|
|
{% include 'components/import_modal.html' %}
|
|
{% include 'components/batch_import_modal.html' %}
|
|
{% include 'components/recipe_modal.html' %}
|
|
|
|
<div id="recipeContextMenu" class="context-menu" style="display: none;">
|
|
<!-- <div class="context-menu-item" data-action="details"><i class="fas fa-info-circle"></i> View Details</div> -->
|
|
<div class="context-menu-item" data-action="share"><i class="fas fa-share-alt"></i> {{
|
|
t('loras.contextMenu.shareRecipe') }}</div>
|
|
<div class="context-menu-item" data-action="copy"><i class="fas fa-copy"></i> {{
|
|
t('loras.contextMenu.copyRecipeSyntax') }}</div>
|
|
<div class="context-menu-item" data-action="sendappend"><i class="fas fa-paper-plane"></i> {{
|
|
t('loras.contextMenu.sendToWorkflowAppend') }}</div>
|
|
<div class="context-menu-item" data-action="sendreplace"><i class="fas fa-exchange-alt"></i> {{
|
|
t('loras.contextMenu.sendToWorkflowReplace') }}</div>
|
|
<div class="context-menu-item" data-action="viewloras"><i class="fas fa-layer-group"></i> {{
|
|
t('loras.contextMenu.viewAllLoras') }}</div>
|
|
<div class="context-menu-item download-missing-item" data-action="download-missing"><i class="fas fa-download"></i>
|
|
{{ t('loras.contextMenu.downloadMissingLoras') }}</div>
|
|
<div class="context-menu-item" data-action="set-nsfw">
|
|
<i class="fas fa-exclamation-triangle"></i> {{ t('loras.contextMenu.setContentRating') }}
|
|
</div>
|
|
<div class="context-menu-item" data-action="repair">
|
|
<i class="fas fa-tools"></i> {{ t('loras.contextMenu.repairMetadata') }}
|
|
</div>
|
|
<div class="context-menu-separator"></div>
|
|
<div class="context-menu-item" data-action="move"><i class="fas fa-folder-open"></i> {{
|
|
t('loras.contextMenu.moveToFolder') }}</div>
|
|
<div class="context-menu-item delete-item" data-action="delete"><i class="fas fa-trash"></i> {{
|
|
t('loras.contextMenu.deleteRecipe') }}</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block init_title %}{{ t('initialization.recipes.title') }}{% endblock %}
|
|
{% block init_message %}{{ t('initialization.recipes.message') }}{% endblock %}
|
|
{% block init_check_url %}/api/recipes?page=1&page_size=1{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Recipe controls -->
|
|
<div class="controls">
|
|
<div class="actions">
|
|
<div class="action-buttons">
|
|
<div class="control-group">
|
|
<select id="sortSelect" title="{{ t('recipes.controls.sort.title') }}">
|
|
<optgroup label="{{ t('recipes.controls.sort.name') }}">
|
|
<option value="name:asc">{{ t('recipes.controls.sort.nameAsc') }}</option>
|
|
<option value="name:desc">{{ t('recipes.controls.sort.nameDesc') }}</option>
|
|
</optgroup>
|
|
<optgroup label="{{ t('recipes.controls.sort.date') }}">
|
|
<option value="date:desc">{{ t('recipes.controls.sort.dateDesc') }}</option>
|
|
<option value="date:asc">{{ t('recipes.controls.sort.dateAsc') }}</option>
|
|
</optgroup>
|
|
<optgroup label="{{ t('recipes.controls.sort.lorasCount') }}">
|
|
<option value="loras_count:desc">{{ t('recipes.controls.sort.lorasCountDesc') }}</option>
|
|
<option value="loras_count:asc">{{ t('recipes.controls.sort.lorasCountAsc') }}</option>
|
|
</optgroup>
|
|
</select>
|
|
</div>
|
|
<div title="{{ t('recipes.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="full-rebuild" title="{{ t('recipes.controls.refresh.fullTooltip', default='Rebuild cache - full rescan of all recipe files') }}">
|
|
<i class="fas fa-tools"></i> <span>{{ t('loras.controls.refresh.full', default='Rebuild Cache') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div title="{{ t('recipes.controls.import.title') }}" class="control-group">
|
|
<button onclick="importManager.showImportModal()"><i class="fas fa-file-import"></i> {{
|
|
t('recipes.controls.import.action') }}</button>
|
|
</div>
|
|
<div title="{{ t('recipes.batchImport.title') }}" class="control-group">
|
|
<button onclick="batchImportManager.showModal()"><i class="fas fa-layer-group"></i> {{
|
|
t('recipes.batchImport.action') }}</button>
|
|
</div>
|
|
<div class="control-group" title="{{ t('loras.controls.bulk.title') }}">
|
|
<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>
|
|
<!-- Add duplicate detection button -->
|
|
<div title="{{ t('loras.controls.duplicates.title') }}" class="control-group">
|
|
<button onclick="recipeManager.findDuplicateRecipes()"><i class="fas fa-clone"></i> {{
|
|
t('loras.controls.duplicates.action') }}</button>
|
|
</div>
|
|
<div class="control-group">
|
|
<button id="favoriteFilterBtn" data-action="toggle-favorites" class="favorite-filter"
|
|
title="{{ t('recipes.controls.favorites.title') }}">
|
|
<i class="fas fa-star"></i> <span>{{ t('recipes.controls.favorites.action') }}</span>
|
|
</button>
|
|
</div>
|
|
<!-- Custom filter indicator button (hidden by default) -->
|
|
<div id="customFilterIndicator" class="control-group hidden">
|
|
<div class="filter-active">
|
|
<i class="fas fa-filter"></i> <span id="customFilterText">{{ t('recipes.controls.filteredByLora')
|
|
}}</span>
|
|
<i class="fas fa-times-circle clear-filter"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="controls-right">
|
|
<div class="control-group doctor-control-group">
|
|
<button id="doctorTriggerBtn" class="doctor-trigger" title="{{ t('doctor.buttonTitle', default='Run diagnostics and common fixes') }}">
|
|
<i class="fas fa-stethoscope"></i>
|
|
<span>{{ t('doctor.title', default='Doctor') }}</span>
|
|
<span id="doctorStatusBadge" class="doctor-status-badge hidden" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
<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>
|
|
|
|
<!-- Duplicates banner (hidden by default) -->
|
|
<div id="duplicatesBanner" class="duplicates-banner" style="display: none;">
|
|
<div class="banner-content">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
<span id="duplicatesCount">{{ t('recipes.duplicates.found', count=0) }}</span>
|
|
<div class="banner-actions">
|
|
<button class="btn-select-latest" onclick="recipeManager.selectLatestDuplicates()">
|
|
{{ t('recipes.duplicates.keepLatest') }}
|
|
</button>
|
|
<button class="btn-delete-selected disabled" onclick="recipeManager.deleteSelectedDuplicates()">
|
|
{{ t('recipes.duplicates.deleteSelected') }} (<span id="duplicatesSelectedCount">0</span>)
|
|
</button>
|
|
<button class="btn-exit" onclick="recipeManager.exitDuplicateMode()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% include 'components/folder_sidebar.html' %}
|
|
|
|
<!-- Recipe grid -->
|
|
<div class="card-grid" id="recipeGrid">
|
|
<!-- Remove the server-side conditional rendering and placeholder -->
|
|
<!-- Virtual scrolling will handle the display logic on the client side -->
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block overlay %}
|
|
<div class="bulk-mode-overlay"></div>
|
|
{% endblock %}
|
|
|
|
{% block main_script %}
|
|
<script type="module" src="/loras_static/js/recipes.js?v={{ version }}"></script>
|
|
{% endblock %} |