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

add sidetree toggler function

Browse Source
This commit is contained in:
Matthias 2021-12-07 00:21:33 +01:00
parent b5ae9edc2e
commit f375ba96ae
No known key found for this signature in database
GPG Key ID: F50EF5741D33E076
4 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
InvenTree/part/templates/part/category_sidebar.html
View File

@ -4,6 +4,9 @@
{% settings_value 'PART_SHOW_IMPORT' as show_import %} {% settings_value 'PART_SHOW_IMPORT' as show_import %}
{% include "sidebar_toggle.html" with target="sidetree" %}
<a class="m-1"></a>
{% trans "Subcategories" as text %} {% trans "Subcategories" as text %}
{% include "sidebar_item.html" with label="subcategories" text=text icon="fa-sitemap" %} {% include "sidebar_item.html" with label="subcategories" text=text icon="fa-sitemap" %}
{% trans "Parts" as text %} {% trans "Parts" as text %}

4
InvenTree/part/templates/part/part_sidebar.html
View File

@ -5,7 +5,9 @@
{% settings_value "PART_INTERNAL_PRICE" as show_internal_price %} {% settings_value "PART_INTERNAL_PRICE" as show_internal_price %}
{% settings_value 'PART_SHOW_RELATED' as show_related %} {% settings_value 'PART_SHOW_RELATED' as show_related %}
{% include "sidebar_toggle.html" with target="#sidetree" %} {% include "sidebar_toggle.html" with target="sidetree" %}
<a class="m-1"></a>
{% trans "Parameters" as text %} {% trans "Parameters" as text %}
{% include "sidebar_item.html" with label="part-parameters" text=text icon="fa-th-list" %} {% include "sidebar_item.html" with label="part-parameters" text=text icon="fa-th-list" %}
{% if part.is_template %} {% if part.is_template %}

2
InvenTree/templates/base.html
View File

@ -74,7 +74,7 @@
<div class='main body wrapper container-fluid inventree-body'> <div class='main body wrapper container-fluid inventree-body'>
<div class='row flex-nowrap inventree-body'> <div class='row flex-nowrap inventree-body'>
<div class='col-auto px-1 sidetree-wrapper'> <div class='col-auto px-1 sidetree-wrapper' style='display: none;'>
<div id='sidetree' class='collapse collapse-horizontal show border-end' style='display: none;'> <div id='sidetree' class='collapse collapse-horizontal show border-end' style='display: none;'>
{% block sidetree %} {% block sidetree %}
{% endblock %} {% endblock %}

15
InvenTree/templates/js/dynamic/nav.js
View File

@ -168,16 +168,27 @@ function enableSidetree(label) {
var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded'; var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded';
// We wish to "toggle" the state! // We wish to "toggle" the state!
setSidebarState(label, state == 'expanded' ? 'collapsed' : 'expanded'); setSidetreeState(label, state == 'expanded' ? 'collapsed' : 'expanded');
}); });
// Set the initial state (default = expanded) // Set the initial state (default = expanded)
var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded'; var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded';
// setSidebarState(label, state); setSidetreeState(label, state);
// Finally, show the sidebar // Finally, show the sidebar
$('#sidetree').show(); $('#sidetree').show();
function setSidetreeState(label, state) {
if (state == 'collapsed') {
$('.sidetree-wrapper').hide(100);
$(`#sidetree-toggle-icon`).removeClass('fa-chevron-left').addClass('fa-chevron-right');
} else {
$('.sidetree-wrapper').show(100);
$(`#sidetree-toggle-icon`).removeClass('fa-chevron-right').addClass('fa-chevron-left');
}
localStorage.setItem(`inventree-tree-state-${label}`, state);
}
} }
/* /*