wangbo/ComfyUI-Manager
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI-Manager.git synced 2025-12-17 02:12:58 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

layout update

Browse Source
This commit is contained in:
Dr.Lt.Data 2023-12-07 20:49:28 +09:00
parent 1eb1affd25
commit 720974b118
7 changed files with 38 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
__init__.py
View File

@ -17,7 +17,7 @@ import http.client
import re import re
import signal import signal
version = "V1.6.5" version = "V1.7"
print(f"### Loading: ComfyUI-Manager ({version})") print(f"### Loading: ComfyUI-Manager ({version})")

4
js/a1111-alter-downloader.js
View File

@ -502,7 +502,7 @@ export class AlternativesInstaller extends ComfyDialog {
createHeaderControls() { createHeaderControls() {
let self = this; let self = this;
this.search_box = $el('input', {type:'text', id:'manager-alternode-search-box', placeholder:'input search keyword', value:this.search_keyword}, []); this.search_box = $el('input.cm-search-filter', {type:'text', id:'manager-alternode-search-box', placeholder:'input search keyword', value:this.search_keyword}, []);
this.search_box.style.height = "25px"; this.search_box.style.height = "25px";
this.search_box.onkeydown = (event) => { this.search_box.onkeydown = (event) => {
if (event.key === 'Enter') { if (event.key === 'Enter') {
@ -516,6 +516,7 @@ export class AlternativesInstaller extends ComfyDialog {
}; };
let search_button = document.createElement("button"); let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search"; search_button.innerHTML = "Search";
search_button.onclick = () => { search_button.onclick = () => {
self.search_keyword = self.search_box.value; self.search_keyword = self.search_box.value;
@ -539,6 +540,7 @@ export class AlternativesInstaller extends ComfyDialog {
async createBottomControls() { async createBottomControls() {
var close_button = document.createElement("button"); var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close"; close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); } close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block"; close_button.style.display = "inline-block";

24
js/comfyui-manager.js
View File

@ -13,7 +13,7 @@ var docStyle = document.createElement('style');
docStyle.innerHTML = ` docStyle.innerHTML = `
#cm-manager-dialog { #cm-manager-dialog {
width: 1000px; width: 1000px;
height: 360px; height: 410px;
box-sizing: content-box; box-sizing: content-box;
z-index: 10000; z-index: 10000;
} }
@ -136,9 +136,27 @@ const style = `
.cm-button { .cm-button {
width: 310px; width: 310px;
height: 27px; height: 30px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
font-size: 17px !important;
}
.cm-small-button {
width: 120px;
height: 30px;
position: relative;
overflow: hidden;
box-sizing: border-box;
font-size: 17px !important;
}
.cm-search-filter {
width: 200px;
height: 30px !important;
position: relative;
overflow: hidden;
box-sizing: border-box;
} }
#cm-close-button { #cm-close-button {
@ -336,7 +354,7 @@ async function updateAll(update_check_checkbox, manager_dialog) {
return false; return false;
} }
if(response1.status == 201 || response2.status == 201) { if(response1.status == 201 || response2.status == 201) {
app.ui.dialog.show("ComfyUI and all extensions have been updated to the latest version.<BR>To apply the updated custom node, please <button id='cm-reboot-button'><font size='3px'>RESTART</font></button> ComfyUI. And refresh browser."); app.ui.dialog.show("ComfyUI and all extensions have been updated to the latest version.<BR>To apply the updated custom node, please <button id='cm-small-button' class='cm-restart-button'>RESTART</button> ComfyUI. And refresh browser.");
const rebootButton = document.getElementById('cm-reboot-button'); const rebootButton = document.getElementById('cm-reboot-button');
rebootButton.onclick = function() { rebootButton.onclick = function() {

2
js/common.js
View File

@ -65,7 +65,7 @@ export async function install_checked_custom_node(grid_rows, target_i, caller, m
} }
await caller.invalidateControl(); await caller.invalidateControl();
caller.updateMessage("<BR>To apply the installed/updated/disabled/enabled custom node, please <button id='cm-reboot-button'><font size='3px'>RESTART</font></button> ComfyUI. And refresh browser.", 'cm-reboot-button'); caller.updateMessage("<BR>To apply the installed/updated/disabled/enabled custom node, please <button id='cm-reboot-button' class='cm-small-button'>RESTART</button> ComfyUI. And refresh browser.", 'cm-reboot-button');
} }
}; };

6
js/custom-nodes-downloader.js
View File

@ -669,7 +669,7 @@ export class CustomNodesInstaller extends ComfyDialog {
createHeaderControls() { createHeaderControls() {
let self = this; let self = this;
this.search_box = $el('input', {type:'text', id:'manager-customnode-search-box', placeholder:'input search keyword', value:this.search_keyword}, []); this.search_box = $el('input.cm-search-filter', {type:'text', id:'manager-customnode-search-box', placeholder:'input search keyword', value:this.search_keyword}, []);
this.search_box.style.height = "25px"; this.search_box.style.height = "25px";
this.search_box.onkeydown = (event) => { this.search_box.onkeydown = (event) => {
if (event.key === 'Enter') { if (event.key === 'Enter') {
@ -684,6 +684,7 @@ export class CustomNodesInstaller extends ComfyDialog {
let search_button = document.createElement("button"); let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search"; search_button.innerHTML = "Search";
search_button.onclick = () => { search_button.onclick = () => {
self.search_keyword = self.search_box.value; self.search_keyword = self.search_box.value;
@ -714,7 +715,8 @@ export class CustomNodesInstaller extends ComfyDialog {
} }
async createBottomControls() { async createBottomControls() {
let close_button = document.createElement("button"); var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close"; close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); } close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block"; close_button.style.display = "inline-block";

6
js/model-downloader.js
View File

@ -64,7 +64,7 @@ export class ModelInstaller extends ComfyDialog {
createControls() { createControls() {
return [ return [
$el("button", { $el("button.cm-small-button", {
type: "button", type: "button",
textContent: "Close", textContent: "Close",
onclick: () => { this.close(); } onclick: () => { this.close(); }
@ -326,7 +326,7 @@ export class ModelInstaller extends ComfyDialog {
createHeaderControls() { createHeaderControls() {
let self = this; let self = this;
this.search_box = $el('input', {type:'text', id:'manager-model-search-box', placeholder:'input search keyword', value:this.search_keyword}, []); this.search_box = $el('input.cm-search-filter', {type:'text', id:'manager-model-search-box', placeholder:'input search keyword', value:this.search_keyword}, []);
this.search_box.style.height = "25px"; this.search_box.style.height = "25px";
this.search_box.onkeydown = (event) => { this.search_box.onkeydown = (event) => {
if (event.key === 'Enter') { if (event.key === 'Enter') {
@ -340,6 +340,7 @@ export class ModelInstaller extends ComfyDialog {
}; };
let search_button = document.createElement("button"); let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search"; search_button.innerHTML = "Search";
search_button.onclick = () => { search_button.onclick = () => {
self.search_keyword = self.search_box.value; self.search_keyword = self.search_box.value;
@ -363,6 +364,7 @@ export class ModelInstaller extends ComfyDialog {
async createBottomControls() { async createBottomControls() {
var close_button = document.createElement("button"); var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close"; close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); } close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block"; close_button.style.display = "inline-block";

6
js/snapshot.js
View File

@ -23,7 +23,7 @@ async function restore_snapshot(target) {
} }
finally { finally {
await SnapshotManager.instance.invalidateControl(); await SnapshotManager.instance.invalidateControl();
SnapshotManager.instance.updateMessage("<BR>To apply the snapshot, please <button id='cm-reboot-button'><font size='3px'>RESTART</font></button> ComfyUI. And refresh browser.", 'cm-reboot-button'); SnapshotManager.instance.updateMessage("<BR>To apply the snapshot, please <button id='cm-reboot-button' class='cm-small-button'>RESTART</button> ComfyUI. And refresh browser.", 'cm-reboot-button');
} }
} }
} }
@ -102,7 +102,7 @@ export class SnapshotManager extends ComfyDialog {
createControls() { createControls() {
return [ return [
$el("button", { $el("button.cm-small-button", {
type: "button", type: "button",
textContent: "Close", textContent: "Close",
onclick: () => { this.close(); } onclick: () => { this.close(); }
@ -258,11 +258,13 @@ export class SnapshotManager extends ComfyDialog {
async createBottomControls() { async createBottomControls() {
var close_button = document.createElement("button"); var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close"; close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); } close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block"; close_button.style.display = "inline-block";
var save_button = document.createElement("button"); var save_button = document.createElement("button");
save_button.className = "cm-small-button";
save_button.innerHTML = "Save snapshot"; save_button.innerHTML = "Save snapshot";
save_button.onclick = () => { save_current_snapshot(); } save_button.onclick = () => { save_current_snapshot(); }
save_button.style.display = "inline-block"; save_button.style.display = "inline-block";