servala/servala-portal
3
0
Fork 0
Code Issues 34 Pull requests 4 Projects 2 Releases 3 Packages 2 Activity Actions

Custom form configuration #268

Merged
tobru merged 34 commits from 165-form-configuration into main 2025-11-10 14:49:33 +00:00
Conversation 7 Commits 34 Files changed 27 +4 -11
2 changed files with 4 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit f3e14b4c85 - Show all commits

8
src/servala/frontend/templates/includes/tabbed_fieldset_form.html
View file

@ -45,10 +45,10 @@
<button class="nav-link {% if forloop.first %}active{% endif %}{% if fieldset.has_mandatory %} has-mandatory{% endif %}"
id="{{ fieldset.title|slugify }}-tab"
data-bs-toggle="tab"
data-bs-target="#{{ fieldset.title|slugify }}"
data-bs-target="#custom-{{ fieldset.title|slugify }}"
type="button"
role="tab"
aria-controls="{{ fieldset.title|slugify }}"
aria-controls="custom-{{ fieldset.title|slugify }}"
aria-selected="{% if forloop.first %}true{% else %}false{% endif %}">
{{ fieldset.title }}
{% if fieldset.has_mandatory %}<span class="mandatory-indicator">*</span>{% endif %}
@ -60,9 +60,9 @@
<div class="tab-content" id="myTabContent">
{% for fieldset in form.get_fieldsets %}
<div class="tab-pane fade my-2 {% if fieldset.hidden %}d-none{% endif %}{% if forloop.first %}show active{% endif %}"
id="{{ fieldset.title|slugify }}"
id="custom-{{ fieldset.title|slugify }}"
role="tabpanel"
aria-labelledby="{{ fieldset.title|slugify }}-tab">
aria-labelledby="custom-{{ fieldset.title|slugify }}-tab">
{% for field in fieldset.fields %}
{% with field=form|get_field:field %}{{ field.as_field_group }}{% endwith %}
{% endfor %}

7
src/servala/static/js/bootstrap-tabs.js vendored
View file

@ -3,22 +3,15 @@
(function() {
'use strict';
console.log("Loading bootstrap tab setup")
const initBootstrapTabs = () => {
console.log("setting up bootstrap tabs")
const customTabList = document.querySelectorAll('#myTab button[data-bs-toggle="tab"]');
console.log("found custom tabs", customTabList)
customTabList.forEach(function(tabButton) {
new bootstrap.Tab(tabButton);
console.log("setting up custom tab", tabButton)
});
const expertTabList = document.querySelectorAll('#expertTab button[data-bs-toggle="tab"]');
console.log("found expert tabs", expertTabList)
expertTabList.forEach(function(tabButton) {
new bootstrap.Tab(tabButton);
console.log("setting up expert tab", tabButton)
});
}