frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remember category open/close state across reloads.

Browse Source
This commit is contained in:
Bruno Feurer
2022-08-28 16:42:08 +02:00
parent dc16376152
commit bcb1163d59
1 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/node_modules/@node-red/editor-client/src/js/ui/palette.js vendored
View File

@@ -65,12 +65,14 @@ RED.palette = (function() {
catDiv.addClass("red-ui-palette-closed"); catDiv.addClass("red-ui-palette-closed");
$("#red-ui-palette-base-category-"+category).slideUp(); $("#red-ui-palette-base-category-"+category).slideUp();
$("#red-ui-palette-header-"+category+" i").removeClass("expanded"); $("#red-ui-palette-header-"+category+" i").removeClass("expanded");
rememberCategoryState(category, false)
}, },
open: function() { open: function() {
catDiv.addClass("red-ui-palette-open"); catDiv.addClass("red-ui-palette-open");
catDiv.removeClass("red-ui-palette-closed"); catDiv.removeClass("red-ui-palette-closed");
$("#red-ui-palette-base-category-"+category).slideDown(); $("#red-ui-palette-base-category-"+category).slideDown();
$("#red-ui-palette-header-"+category+" i").addClass("expanded"); $("#red-ui-palette-header-"+category+" i").addClass("expanded");
rememberCategoryState(category, true)
}, },
toggle: function() { toggle: function() {
if (catDiv.hasClass("red-ui-palette-open")) { if (catDiv.hasClass("red-ui-palette-open")) {
@@ -85,6 +87,22 @@ RED.palette = (function() {
categoryContainers[category].toggle(); categoryContainers[category].toggle();
}); });
} }
function rememberCategoryState(cat, open) {
const stateStr = localStorage.getItem('closedCategories');
if (!stateStr && open) return;
const state = stateStr ? JSON.parse(stateStr) : [];
const idx = state.indexOf(cat);
if (open && idx >= 0)
state.splice(idx, 1);
else if (!open && idx < 0)
state.push(cat);
else
return;
if (state.length <= 0)
localStorage.removeItem('closedCategories');
else
localStorage.setItem('closedCategories', JSON.stringify(state));
}
function setLabel(type, el,label, info) { function setLabel(type, el,label, info) {
var nodeWidth = 82; var nodeWidth = 82;
@@ -407,7 +425,12 @@ RED.palette = (function() {
var categoryNode = $("#red-ui-palette-container-"+rootCategory); var categoryNode = $("#red-ui-palette-container-"+rootCategory);
if (categoryNode.find(".red-ui-palette-node").length === 1) { if (categoryNode.find(".red-ui-palette-node").length === 1) {
const closedCategoriesStr = localStorage.getItem('closedCategories');
const closedCategories = closedCategoriesStr ? JSON.parse(closedCategoriesStr) : [];
if (closedCategories.indexOf(rootCategory) < 0)
categoryContainers[rootCategory].open(); categoryContainers[rootCategory].open();
else
categoryContainers[rootCategory].close();
} }
} }
@@ -640,8 +663,6 @@ RED.palette = (function() {
} }
}); });
RED.popover.tooltip(paletteCollapseAll,RED._('palette.actions.collapse-all')); RED.popover.tooltip(paletteCollapseAll,RED._('palette.actions.collapse-all'));
// collapse at startup
setTimeout(() => { paletteCollapseAll.trigger('click') }, 0);
var paletteExpandAll = $('<button type="button" class="red-ui-footer-button"><i class="fa fa-angle-double-down"></i></button>').appendTo(paletteFooterButtons); var paletteExpandAll = $('<button type="button" class="red-ui-footer-button"><i class="fa fa-angle-double-down"></i></button>').appendTo(paletteFooterButtons);
paletteExpandAll.on("click", function(e) { paletteExpandAll.on("click", function(e) {