Browse Source

Litegraph node search improvements.

See: https://github.com/comfyanonymous/litegraph.js/pull/5
pull/2695/head
comfyanonymous 10 months ago
parent
commit
6565c9ad4d
  1. 13
      web/lib/litegraph.core.js
  2. 13
      web/lib/litegraph.css

13
web/lib/litegraph.core.js

@ -11910,7 +11910,7 @@ LGraphNode.prototype.executeAction = function(action)
var ctor = LiteGraph.registered_node_types[ type ]; var ctor = LiteGraph.registered_node_types[ type ];
if(filter && ctor.filter != filter ) if(filter && ctor.filter != filter )
return false; return false;
if ((!options.show_all_if_empty || str) && type.toLowerCase().indexOf(str) === -1) if ((!options.show_all_if_empty || str) && type.toLowerCase().indexOf(str) === -1 && (!ctor.title || ctor.title.toLowerCase().indexOf(str) === -1))
return false; return false;
// filter by slot IN, OUT types // filter by slot IN, OUT types
@ -11964,7 +11964,18 @@ LGraphNode.prototype.executeAction = function(action)
if (!first) { if (!first) {
first = type; first = type;
} }
const nodeType = LiteGraph.registered_node_types[type];
if (nodeType?.title) {
help.innerText = nodeType?.title;
const typeEl = document.createElement("span");
typeEl.className = "litegraph lite-search-item-type";
typeEl.textContent = type;
help.append(typeEl);
} else {
help.innerText = type; help.innerText = type;
}
help.dataset["type"] = escape(type); help.dataset["type"] = escape(type);
help.className = "litegraph lite-search-item"; help.className = "litegraph lite-search-item";
if (className) { if (className) {

13
web/lib/litegraph.css

@ -184,6 +184,7 @@
color: white; color: white;
padding-left: 10px; padding-left: 10px;
margin-right: 5px; margin-right: 5px;
max-width: 300px;
} }
.litegraph.litesearchbox .name { .litegraph.litesearchbox .name {
@ -227,6 +228,18 @@
color: black; color: black;
} }
.litegraph.lite-search-item-type {
display: inline-block;
background: rgba(0,0,0,0.2);
margin-left: 5px;
font-size: 14px;
padding: 2px 5px;
position: relative;
top: -2px;
opacity: 0.8;
border-radius: 4px;
}
/* DIALOGs ******/ /* DIALOGs ******/
.litegraph .dialog { .litegraph .dialog {

Loading…
Cancel
Save