alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-08-22 05:21:26 -03:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): split settings modal into section templates with shared macros

Browse Source
This commit is contained in:
Will Miao
2026-08-21 09:14:52 +08:00
parent bbe0acac5c
commit cb4fd3a0e6
6 changed files with 1019 additions and 1483 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/components/modals/settings/_macros.html
+69
View File
@@ -0,0 +1,69 @@
{# Shared building blocks for the settings modal sections. #}
{# Usage: {% import 'components/modals/settings/_macros.html' as sm with context %} #}
{# `with context` is required so macros can call the `t()` translation function. #}
{% macro setting_toggle(id, key, label, help='') %}
<div class="setting-item">
<div class="setting-row">
<div class="setting-info">
<label for="{{ id }}">
{{ t(label) }}
{% if help %}<i class="fas fa-info-circle info-icon" data-tooltip="{{ t(help) }}"></i>{% endif %}
</label>
</div>
<div class="setting-control">
<label class="toggle-switch">
<input type="checkbox" id="{{ id }}" onchange="settingsManager.saveToggleSetting('{{ id }}', '{{ key }}')">
<span class="toggle-slider"></span>
</label>
</div>
</div>
</div>
{% endmacro %}
{% macro setting_select(id, key, label, options, help='') %}
<div class="setting-item">
<div class="setting-row">
<div class="setting-info">
<label for="{{ id }}">
{{ t(label) }}
{% if help %}<i class="fas fa-info-circle info-icon" data-tooltip="{{ t(help) }}"></i>{% endif %}
</label>
</div>
<div class="setting-control select-control">
<select id="{{ id }}" onchange="settingsManager.saveSelectSetting('{{ id }}', '{{ key }}')">
{% for value, option_label in options %}
<option value="{{ value }}">{{ t(option_label) }}</option>
{% endfor %}
</select>
</div>
</div>
</div>
{% endmacro %}
{% macro setting_input(id, key, label, placeholder, help='') %}
<div class="setting-item">
<div class="setting-row">
<div class="setting-info">
<label for="{{ id }}">
{{ t(label) }}
{% if help %}<i class="fas fa-info-circle info-icon" data-tooltip="{{ t(help) }}"></i>{% endif %}
</label>
</div>
<div class="setting-control">
<div class="text-input-wrapper">
<input type="text" id="{{ id }}"
placeholder="{{ t(placeholder) }}"
onblur="settingsManager.saveInputSetting('{{ id }}', '{{ key }}')"
onkeydown="if(event.key === 'Enter') { this.blur(); }" />
</div>
</div>
</div>
</div>
{% endmacro %}
{% macro subsection_header(title) %}
<div class="settings-subsection-header">
<h4>{{ t(title) }}</h4>
</div>
{% endmacro %}