wangbo/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2026-01-30 00:00:26 +08:00
Code Issues Actions 20 Packages Projects Releases Wiki Activity

Update WorkflowCollection.js

Browse Source
This commit is contained in:
JAlB- 2023-04-11 18:59:51 +03:00 committed by GitHub
parent 1bd328a538
commit 0ece0a5b7d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/scripts/WorkflowCollection.js
View File

@ -246,6 +246,13 @@ class OPE{
} }
} }
class NCITEM{
constructor(TARGET, NODEID){
this.id = NODEID;
this.frame = $Add('div', TARGET, {className: 'button', style : {minHeight: '100px'} } );
}
}
class NCP{ class NCP{
constructor(TARGET){ constructor(TARGET){
this.mainFrame = $Add('div', TARGET, {className : 'FullWindow'}); this.mainFrame = $Add('div', TARGET, {className : 'FullWindow'});
@ -256,11 +263,36 @@ class NCP{
$Add('div', this.mainFrame, {style : {height : '25px'} } ); $Add('div', this.mainFrame, {style : {height : '25px'} } );
this.workflow = $Add('div', this.mainFrame, {id : 'NCPWorkflow'} ); this.workflow = $Add('div', this.mainFrame, {id : 'NCPWorkflow'} );
this.addPanel = $Add('div', this.mainFrame, {id : 'addDiv', style : {textAlign : 'center', display : 'none'}} ); this.addPanel = $Add('div', this.mainFrame, {id : 'addDiv', style : {textAlign : 'center', position : 'absolute', left : 0, top : '50px', display : 'none'}} );
this.addDivButton = $Add('span', this.addPanel, {innerHTML : '+', className : 'button'}); //this.addDivButton = $Add('span', this.addPanel, {innerHTML : '+', className : 'button', onclick : ()=>{this.addNCClick()}});
this.editModeButton = $Add('div', this.mainFrame, {innerHTML : 'Edit', className : 'button', style : {position : 'absolute', left : 0, top: '25px'}, onclick : ()=>{this.editSwitch();} } ); this.editModeButton = $Add('div', this.mainFrame, {innerHTML : 'Edit', className : 'button', style : {position : 'absolute', left : 0, top: '25px'}, onclick : ()=>{this.editSwitch();} } );
this.NCItems = [];
this.selectors = [];
}
addNCClick(EVENT){
//log(app.graph._nodes_by_id);
//log(EVENT.target);
let nodeid = EVENT.target.getAttribute('nodeid');
//log(nodeid);
this.NCItems.push(new NCITEM(this.workflow));
}
loadSelectors(){
let nodes = app.graph._nodes_by_id;
let j = 0;
for (let i in nodes){
this.selectors.push($Add('div', this.addPanel, {innerHTML : `<b style="pointer-events:none">id:</b>${nodes[i].id} <b style="pointer-events:none">title:</b>${nodes[i].title}`, className: 'button', onclick : (e)=>{this.addNCClick(e)}}));
this.selectors[j].setAttribute('nodeid', i);
j++;
}
}
clearSelectors(){
for (let i = 0; i < this.selectors.length; i++){
this.selectors[i].remove();
}
this.selectos = [];
} }
slide(){ slide(){
if (this.opened){ if (this.opened){
@ -278,10 +310,12 @@ class NCP{
this.editMode = !this.editMode; this.editMode = !this.editMode;
this.editModeButton.style.background = OPE_VARIABLES.bgMain; this.editModeButton.style.background = OPE_VARIABLES.bgMain;
this.addPanel.style.display = 'none'; this.addPanel.style.display = 'none';
this.clearSelectors()
}else{ }else{
this.editMode = !this.editMode; this.editMode = !this.editMode;
this.editModeButton.style.background = WC_VARIABLES.selectedColor; this.editModeButton.style.background = WC_VARIABLES.selectedColor;
this.addPanel.style.display = ''; this.addPanel.style.display = '';
this.loadSelectors();
} }
} }
} }