Split bulk edit content into tabs

This commit is contained in:
jeremystretch 2021-07-20 15:16:41 -04:00
parent 3f4e3f5f84
commit e4c668c252

View File

@ -4,41 +4,62 @@
{% block title %}Editing {{ table.rows|length }} {{ obj_type_plural|bettertitle }}{% endblock %} {% block title %}Editing {{ table.rows|length }} {{ obj_type_plural|bettertitle }}{% endblock %}
{% block tabs %}
<ul class="nav nav-tabs mb-3 px-3">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="edit-form-tab" data-bs-toggle="tab" data-bs-target="#edit-form" type="button" role="tab" aria-controls="edit-form" aria-selected="true">
Bulk Edit
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="object-list-tab" data-bs-toggle="tab" data-bs-target="#object-list" type="button" role="tab" aria-controls="object-list" aria-selected="false">
Selected Objects
{% badge table.rows|length %}
</button>
</li>
</ul>
{% endblock %}
{% block content %} {% block content %}
<form action="" method="post" class="form form-horizontal"> <div class="tab-content">
{% csrf_token %}
{% if request.POST.return_url %} {# Edit form #}
<input type="hidden" name="return_url" value="{{ request.POST.return_url }}" /> <div class="tab-pane show active" id="edit-form" role="tabpanel" aria-labelledby="edit-form-tab">
{% endif %} <form action="" method="post" class="form form-horizontal">
{% for field in form.hidden_fields %} {% csrf_token %}
{{ field }} {% if request.POST.return_url %}
{% endfor %} <input type="hidden" name="return_url" value="{{ request.POST.return_url }}" />
{% endif %}
{% for field in form.hidden_fields %}
{{ field }}
{% endfor %}
<div class="row mb-3"> <div class="row">
<div class="col col-md-8"> <div class="col col-md-12 col-lg-10 offset-lg-1">
{% include 'inc/table.html' %} {% for field in form.visible_fields %}
</div> {% if field.name in form.nullable_fields %}
<div class="col col-md-4"> {% render_field field bulk_nullable=True %}
<div class="card"> {% else %}
<h5 class="card-header">{% block form_title %}Attributes{% endblock %}</h5> {% render_field field %}
<div class="card-body small"> {% endif %}
{% for field in form.visible_fields %} {% endfor %}
{% if field.name in form.nullable_fields %}
{% render_field field bulk_nullable=True %}
{% else %} <div class="text-end">
{% render_field field %} <a href="{{ return_url }}" class="btn btn-sm btn-outline-danger">Cancel</a>
{% endif %} <button type="submit" name="_apply" class="btn btn-sm btn-primary">Apply</button>
{% endfor %}
</div>
<div class="card-footer text-end">
<a href="{{ return_url }}" class="btn btn-sm btn-outline-danger">Cancel</a>
<button type="submit" name="_apply" class="btn btn-sm btn-primary">Apply</button>
</div>
</div> </div>
</div>
</div> </div>
</form>
</div> </div>
</form> {# Selected objects list #}
{% endblock content %} <div class="tab-pane" id="object-list" role="tabpanel" aria-labelledby="object-list-tab">
{% include 'inc/table.html' %}
</div>
</div>
{% endblock %}