c6fc1a4795
Enhance app initialization; set secret key from environment variable for better security practices Update work_log model import; change User import path for improved module structure Refactor routes; add new inventory item creation route and enhance settings handling with JSON form state Improve ComboBoxWidget; add handleComboAdd function for better option management and integrate with render_combobox macro Revamp settings template; implement form state management and improve modal functionality for room creation Add error template; create a new error handling page for better user feedback
39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
{% import "fragments/_icon_fragment.html" as icons %}
|
|
|
|
{% macro render_combobox(id, options, label=none, placeholder=none, onAdd=none, onRemove=none, onEdit=none) %}
|
|
{% if label %}
|
|
<label for="{{ id }}-input" class="form-label">{{ label }}</label>
|
|
{% endif %}
|
|
<div class="combo-box-widget" id="{{ id }}-container">
|
|
<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, 'icon-state') }}
|
|
</button>
|
|
<button type="button" class="btn btn-danger rounded-bottom-0" id="{{ id }}-remove" disabled>
|
|
{{ icons.render_icon('dash-lg', 16) }}
|
|
</button>
|
|
</div>
|
|
<select class="form-select border-top-0 rounded-top-0" id="{{ id }}-list" name="{{ id }}" size="10" multiple>
|
|
{% for option in options %}
|
|
<option value="{{ option.id }}">{{ option.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
ComboBoxWidget.initComboBox("{{ id }}", {
|
|
onAdd: function(newItem, list, createOption) {
|
|
{% if onAdd %}
|
|
{{ onAdd | safe }}
|
|
{% else %}
|
|
ComboBoxWidget.handleComboAdd('{{ id }}-input', '{{ id }}-list', '{{ id }}s', '{{ label or id }}');
|
|
{% endif %}
|
|
},
|
|
{% if onRemove %}onRemove: function(option) { {{ onRemove | safe }} },{% endif %}
|
|
{% if onEdit %}onEdit: function(option) { {{ onEdit | safe }} }{% endif %}
|
|
});
|
|
});
|
|
</script>
|
|
{% endmacro %}
|