xinyun/ComfyUI-Manager
1
0
Fork 0
mirror of https://git.datalinker.icu/ltdrdata/ComfyUI-Manager synced 2025-12-16 01:25:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

adding class name on manager button for user.css usage

Browse Source
This commit is contained in:
flipnism 2023-09-03 14:45:07 +07:00
parent ce0ba4ca4f
commit edb9f23220
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
js/comfyui-manager.js
View File

@ -600,6 +600,7 @@ class CustomNodesInstaller extends ComfyDialog {
data1.innerHTML = i+1; data1.innerHTML = i+1;
var data2 = document.createElement('td'); var data2 = document.createElement('td');
data2.style.maxWidth = "100px"; data2.style.maxWidth = "100px";
data2.className = "cm-node-author"
data2.textContent = ` ${data.author}`; data2.textContent = ` ${data.author}`;
data2.style.whiteSpace = "nowrap"; data2.style.whiteSpace = "nowrap";
data2.style.overflow = "hidden"; data2.style.overflow = "hidden";
@ -607,13 +608,16 @@ class CustomNodesInstaller extends ComfyDialog {
var data3 = document.createElement('td'); var data3 = document.createElement('td');
data3.style.maxWidth = "200px"; data3.style.maxWidth = "200px";
data3.style.wordWrap = "break-word"; data3.style.wordWrap = "break-word";
data3.className = "cm-node-name"
data3.innerHTML = `&nbsp;<a href=${data.reference} target="_blank"><font color="skyblue"><b>${data.title}</b></font></a>`; data3.innerHTML = `&nbsp;<a href=${data.reference} target="_blank"><font color="skyblue"><b>${data.title}</b></font></a>`;
var data4 = document.createElement('td'); var data4 = document.createElement('td');
data4.innerHTML = data.description; data4.innerHTML = data.description;
data4.className = "cm-node-desc"
var data5 = document.createElement('td'); var data5 = document.createElement('td');
data5.style.textAlign = "center"; data5.style.textAlign = "center";
var installBtn = document.createElement('button'); var installBtn = document.createElement('button');
installBtn.className = "cm-btn-install";
var installBtn2 = null; var installBtn2 = null;
var installBtn3 = null; var installBtn3 = null;
@ -623,6 +627,7 @@ class CustomNodesInstaller extends ComfyDialog {
case 'Disabled': case 'Disabled':
installBtn3 = document.createElement('button'); installBtn3 = document.createElement('button');
installBtn3.innerHTML = 'Enable'; installBtn3.innerHTML = 'Enable';
installBtn3.className = "cm-btn-enable";
installBtn3.style.backgroundColor = 'blue'; installBtn3.style.backgroundColor = 'blue';
installBtn3.style.color = 'white'; installBtn3.style.color = 'white';
this.install_buttons.push(installBtn3); this.install_buttons.push(installBtn3);
@ -633,12 +638,14 @@ class CustomNodesInstaller extends ComfyDialog {
case 'Update': case 'Update':
installBtn2 = document.createElement('button'); installBtn2 = document.createElement('button');
installBtn2.innerHTML = 'Update'; installBtn2.innerHTML = 'Update';
installBtn2.className = "cm-btn-update";
installBtn2.style.backgroundColor = 'blue'; installBtn2.style.backgroundColor = 'blue';
installBtn2.style.color = 'white'; installBtn2.style.color = 'white';
this.install_buttons.push(installBtn2); this.install_buttons.push(installBtn2);
installBtn3 = document.createElement('button'); installBtn3 = document.createElement('button');
installBtn3.innerHTML = 'Disable'; installBtn3.innerHTML = 'Disable';
installBtn3.className = "cm-btn-disable";
installBtn3.style.backgroundColor = 'MediumSlateBlue'; installBtn3.style.backgroundColor = 'MediumSlateBlue';
installBtn3.style.color = 'white'; installBtn3.style.color = 'white';
this.install_buttons.push(installBtn3); this.install_buttons.push(installBtn3);
@ -649,6 +656,7 @@ class CustomNodesInstaller extends ComfyDialog {
case 'True': case 'True':
installBtn3 = document.createElement('button'); installBtn3 = document.createElement('button');
installBtn3.innerHTML = 'Disable'; installBtn3.innerHTML = 'Disable';
installBtn3.className = "cm-btn-disable";
installBtn3.style.backgroundColor = 'MediumSlateBlue'; installBtn3.style.backgroundColor = 'MediumSlateBlue';
installBtn3.style.color = 'white'; installBtn3.style.color = 'white';
this.install_buttons.push(installBtn3); this.install_buttons.push(installBtn3);
@ -1550,11 +1558,14 @@ class ModelInstaller extends ComfyDialog {
var data3 = document.createElement('td'); var data3 = document.createElement('td');
data3.innerHTML = `&nbsp;${data.base}`; data3.innerHTML = `&nbsp;${data.base}`;
var data4 = document.createElement('td'); var data4 = document.createElement('td');
data4.className = "cm-node-name";
data4.innerHTML = `&nbsp;<a href=${data.reference} target="_blank"><font color="skyblue"><b>${data.name}</b></font></a>`; data4.innerHTML = `&nbsp;<a href=${data.reference} target="_blank"><font color="skyblue"><b>${data.name}</b></font></a>`;
var data5 = document.createElement('td'); var data5 = document.createElement('td');
data5.className = "cm-node-filename";
data5.innerHTML = `&nbsp;${data.filename}`; data5.innerHTML = `&nbsp;${data.filename}`;
data5.style.wordBreak = "break-all"; data5.style.wordBreak = "break-all";
var data6 = document.createElement('td'); var data6 = document.createElement('td');
data6.className = "cm-node-desc";
data6.innerHTML = data.description; data6.innerHTML = data.description;
data6.style.wordBreak = "break-all"; data6.style.wordBreak = "break-all";
var data_install = document.createElement('td'); var data_install = document.createElement('td');