2
0
mirror of https://github.com/inventree/InvenTree.git synced 2025-04-29 20:16:44 +00:00

Bootstrappy collapse

This commit is contained in:
Oliver 2021-11-30 19:45:37 +11:00
parent b34b3c6d85
commit a2d912d374

View File

@ -146,8 +146,7 @@
</div> </div>
{% include "spacer.html" %} {% include "spacer.html" %}
<button type='button' class='btn btn-outline-secondary'> <button type='button' class='btn btn-outline-secondary' data-bs-toggle='collapse' href='#collapse-part-details' role='button' id='toggle-details-button'>
<span class='fas fa-info-circle'></span>
{% trans "Show Part Details" %} {% trans "Show Part Details" %}
</button> </button>
</div> </div>
@ -255,7 +254,7 @@
{% block details_below %} {% block details_below %}
<!-- Part Details --> <!-- Part Details -->
<div class='xcollapse' id='collapse-part-details'> <div class='collapse' id='collapse-part-details'>
<div class='row flex-wrap'> <div class='row flex-wrap'>
<div class='col-sm-6'> <div class='col-sm-6'>
<!-- Details Table --> <!-- Details Table -->
@ -563,4 +562,12 @@
}); });
{% endif %} {% endif %}
$('#collapse-part-details').on('show.bs.collapse', function() {
$('#toggle-details-button').html('{% trans "Hide Part Details" %}');
});
$('#collapse-part-details').on('hide.bs.collapse', function() {
$('#toggle-details-button').html('{% trans "Show Part Details" %}');
});
{% endblock %} {% endblock %}