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

Ensure palette filter reapplies and clear up unknown categories

Browse Source
This commit is contained in:
Nick O'Leary 2024-03-28 15:21:04 +00:00
parent 28e9ccd372
commit a6e8fbb54a
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -37,6 +37,8 @@ RED.palette = (function() {
let paletteState = { filter: "", collapsed: [] }; let paletteState = { filter: "", collapsed: [] };
let filterRefreshTimeout
function createCategory(originalCategory,rootCategory,category,ns) { function createCategory(originalCategory,rootCategory,category,ns) {
if ($("#red-ui-palette-base-category-"+rootCategory).length === 0) { if ($("#red-ui-palette-base-category-"+rootCategory).length === 0) {
createCategoryContainer(originalCategory,rootCategory, ns+":palette.label."+rootCategory); createCategoryContainer(originalCategory,rootCategory, ns+":palette.label."+rootCategory);
@ -460,6 +462,10 @@ RED.palette = (function() {
categoryContainers[rootCategory].close(true); categoryContainers[rootCategory].close(true);
} }
} }
clearTimeout(filterRefreshTimeout)
filterRefreshTimeout = setTimeout(() => {
refreshFilter()
}, 200)
} }
} }
@ -559,7 +565,8 @@ RED.palette = (function() {
paletteNode.css("backgroundColor", sf.color); paletteNode.css("backgroundColor", sf.color);
} }
function filterChange(val) { function refreshFilter() {
const val = $("#red-ui-palette-search input").val()
var re = new RegExp(val.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'),'i'); var re = new RegExp(val.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'),'i');
$("#red-ui-palette-container .red-ui-palette-node").each(function(i,el) { $("#red-ui-palette-container .red-ui-palette-node").each(function(i,el) {
var currentLabel = $(el).attr("data-palette-label"); var currentLabel = $(el).attr("data-palette-label");
@ -655,7 +662,7 @@ RED.palette = (function() {
$("#red-ui-palette-search input").searchBox({ $("#red-ui-palette-search input").searchBox({
delay: 100, delay: 100,
change: function() { change: function() {
filterChange($(this).val()); refreshFilter();
paletteState.filter = $(this).val(); paletteState.filter = $(this).val();
savePaletteState(); savePaletteState();
} }
@ -735,6 +742,11 @@ RED.palette = (function() {
} catch (error) { } catch (error) {
console.error("Unexpected error loading palette state from localStorage: ", error); console.error("Unexpected error loading palette state from localStorage: ", error);
} }
setTimeout(() => {
// Lazily tidy up any categories that haven't been reloaded
paletteState.collapsed = paletteState.collapsed.filter(category => !!categoryContainers[category])
savePaletteState()
}, 10000)
} }
function togglePalette(state) { function togglePalette(state) {