diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js index 0e7367ebf..3772f83d9 100755 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js @@ -170,7 +170,9 @@ RED.palette = (function() { metaData = typeInfo.set.module+" : "; } metaData += type; - $('').appendTo(popOverContent) + var safeType = type.replace(/'/g,"\\'"); + $('').appendTo(popOverContent) + $('').appendTo(popOverContent) $('

',{style:"font-size: 0.8em"}).text(metaData).appendTo(popOverContent); } } catch(err) { diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js index f0c6e631a..5ba6e5dfe 100644 --- a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js +++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info-outliner.js @@ -119,34 +119,17 @@ RED.sidebar.info.outliner = (function() { return div; } - function getSubflowLabel(n) { - - var div = $('

',{class:"red-ui-info-outline-item"}); - RED.utils.createNodeIcon(n).appendTo(div); - var contentDiv = $('
',{class:"red-ui-search-result-description"}).appendTo(div); - var labelText = getNodeLabelText(n); - var label = $('
',{class:"red-ui-search-result-node-label red-ui-info-outline-item-label"}).appendTo(contentDiv); - if (labelText) { - label.text(labelText) - } else { - label.html(" ") - } - - addControls(n, div); - - return div; - - - // var div = $('
',{class:"red-ui-info-outline-item red-ui-info-outline-item-flow"}); - // var contentDiv = $('
',{class:"red-ui-search-result-description red-ui-info-outline-item-label"}).appendTo(div); - // contentDiv.text(n.name || n.id); - // addControls(n, div); - // return div; - } - function addControls(n,div) { var controls = $('
',{class:"red-ui-info-outline-item-controls red-ui-info-outline-item-hover-controls"}).appendTo(div); + if (n.type === "subflow") { + var subflowInstanceBadge = $('').text(n.instances.length).appendTo(controls).on("click",function(evt) { + evt.preventDefault(); + evt.stopPropagation(); + RED.search.show("type:subflow:"+n.id); + }) + // RED.popover.tooltip(userCountBadge,function() { return RED._('editor.nodesUse',{count:n.users.length})}); + } if (n._def.category === "config" && n.type !== "group") { var userCountBadge = $('').text(n.users.length).appendTo(controls).on("click",function(evt) { evt.preventDefault(); @@ -486,6 +469,13 @@ RED.sidebar.info.outliner = (function() { existingObject.treeList.remove(); delete objects[n.id] + if (/^subflow:/.test(n.type)) { + var sfType = n.type.substring(8); + if (objects[sfType]) { + objects[sfType].element.find(".red-ui-info-outline-item-control-users").text(RED.nodes.subflow(sfType).instances.length); + } + } + // If this is a group being removed, it may have an empty item if (empties[n.id]) { delete empties[n.id]; @@ -587,6 +577,12 @@ RED.sidebar.info.outliner = (function() { configNodeTypes[parent].types[n.type].treeList.addChild(objects[n.id]); } objects[n.id].element.toggleClass("red-ui-info-outline-item-disabled", !!n.d) + if (/^subflow:/.test(n.type)) { + var sfType = n.type.substring(8); + if (objects[sfType]) { + objects[sfType].element.find(".red-ui-info-outline-item-control-users").text(RED.nodes.subflow(sfType).instances.length); + } + } updateSearch(); }