add sidetree toggler function

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

View File

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

View File

@ -5,7 +5,9 @@
{% settings_value "PART_INTERNAL_PRICE" as show_internal_price %}
{% 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 %}
{% include "sidebar_item.html" with label="part-parameters" text=text icon="fa-th-list" %}
{% if part.is_template %}

View File

@ -74,7 +74,7 @@
<div class='main body wrapper container-fluid 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;'>
{% block sidetree %}
{% endblock %}

View File

@ -154,7 +154,7 @@ function enableSidetree(label) {
'core': {
'data': {
'url': '/api/part/category/tree/',
'data': function(node){return {'id': node.id }; }
'data': function(node) {return {'id': node.id}; }
}
}
}).bind('select_node.jstree', function(e, data) {
@ -168,16 +168,27 @@ function enableSidetree(label) {
var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded';
// We wish to "toggle" the state!
setSidebarState(label, state == 'expanded' ? 'collapsed' : 'expanded');
setSidetreeState(label, state == 'expanded' ? 'collapsed' : 'expanded');
});
// Set the initial state (default = expanded)
var state = localStorage.getItem(`inventree-tree-state-${label}`) || 'expanded';
// setSidebarState(label, state);
setSidetreeState(label, state);
// Finally, show the sidebar
$('#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);
}
}
/*