Refactor icon rendering; update render_icon macro to accept extra_class parameter and adjust button icons in combobox for better state management

This commit is contained in:
Yaro Kasear 2025-06-20 09:10:14 -05:00
parent 30d3cd7c45
commit d3a9b6dbd5
6 changed files with 13 additions and 21 deletions

View file

@ -8,7 +8,7 @@
<div class="input-group">
<input type="text" class="form-control rounded-bottom-0" id="{{ id }}-input"{% if placeholder %} placeholder="{{ placeholder }}"{% endif %}>
<button type="button" class="btn btn-primary rounded-bottom-0" id="{{ id }}-add" disabled>
{{ icons.render_icon('plus-lg', 16) }}
{{ icons.render_icon('plus-lg', 16, 'icon-state') }}
</button>
<button type="button" class="btn btn-danger rounded-bottom-0" id="{{ id }}-remove" disabled>
{{ icons.render_icon('dash-lg', 16) }}

View file

@ -1,4 +1,4 @@
{% macro render_icon(icon, size=24) %}
<i class="bi bi-{{ icon }}" style="font-size: {{ size }}px;"></i>
{% macro render_icon(icon, size=24, extra_class='') %}
<i class="bi bi-{{ icon }} {{ extra_class }}" style="font-size: {{ size }}px;"></i>
{% endmacro %}

View file

@ -72,10 +72,3 @@
</div>
</form>
{% endblock %}
{% block script %}
const icons = {
add: `{{ icons.render_icon('plus', 16)|safe }}`,
edit: `{{ icons.render_icon('pencil', 16)|safe }}`,
};
{% endblock %}