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:
parent
30d3cd7c45
commit
d3a9b6dbd5
6 changed files with 13 additions and 21 deletions
|
@ -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) }}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
Loading…
Add table
Add a link
Reference in a new issue