feat: add filter preset system

Add ability to save and manage filter presets for quick access to commonly used filter combinations.

Features:
- Save current active filters as named presets
- Apply presets with one click (shows active state with checkmark)
- Toggle presets on/off like regular filters
- Delete presets
- Presets stored in browser localStorage per page
- Default "WAN Models" preset for LoRA page
- Visual feedback: active preset highlighted, filter tags show blue outlines
- Inline "+ Add" button flows with preset tags

UI/UX improvements:
- Preset tags use same compact style as filter tags
- Active preset deactivates when filters manually changed
- Missing tags from presets automatically added to tag list
- Clear filters properly resets preset state
This commit is contained in:
diodiogod
2026-01-28 17:37:47 -03:00
parent edbcca9bbd
commit bad0a8c5df
4 changed files with 376 additions and 2 deletions

View File

@@ -135,6 +135,15 @@
<i class="fas fa-times"></i>
</button>
</div>
<!-- Presets Section -->
<div class="filter-section presets-section">
<h4>{{ t('header.filter.presets') }}</h4>
<div class="filter-presets" id="filterPresets">
<div class="no-presets">{{ t('header.filter.noPresets') }}</div>
</div>
</div>
<div class="filter-section">
<h4>{{ t('header.filter.baseModel') }}</h4>
<div class="filter-tags" id="baseModelTags">