KenSchae
/
ComfyUI-Manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

layout update

pull/221/head
Dr.Lt.Data 12 months ago
parent
1eb1affd25
commit
720974b118
7 changed files with 38 additions and 12 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      __init__.py
  2. 4
      js/a1111-alter-downloader.js
  3. 24
      js/comfyui-manager.js
  4. 2
      js/common.js
  5. 6
      js/custom-nodes-downloader.js
  6. 6
      js/model-downloader.js
  7. 6
      js/snapshot.js

2
__init__.py
Unescape View File

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

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

@ -502,7 +502,7 @@ export class AlternativesInstaller extends ComfyDialog {
createHeaderControls() {
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.onkeydown = (event) => {
if (event.key === 'Enter') {
@ -516,6 +516,7 @@ export class AlternativesInstaller extends ComfyDialog {
};
let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search";
search_button.onclick = () => {
self.search_keyword = self.search_box.value;
@ -539,6 +540,7 @@ export class AlternativesInstaller extends ComfyDialog {
async createBottomControls() {
var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block";

24
js/comfyui-manager.js vendored
Unescape View File

@ -13,7 +13,7 @@ var docStyle = document.createElement('style');
docStyle.innerHTML = `
#cm-manager-dialog {
width: 1000px;
height: 360px;
height: 410px;
box-sizing: content-box;
z-index: 10000;
}
@ -136,9 +136,27 @@ const style = `
.cm-button {
width: 310px;
height: 27px;
height: 30px;
position: relative;
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 {
@ -336,7 +354,7 @@ async function updateAll(update_check_checkbox, manager_dialog) {
return false;
}
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');
rebootButton.onclick = function() {

2
js/common.js
Unescape View File

@ -65,7 +65,7 @@ export async function install_checked_custom_node(grid_rows, target_i, caller, m
}
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
Unescape View File

@ -669,7 +669,7 @@ export class CustomNodesInstaller extends ComfyDialog {
createHeaderControls() {
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.onkeydown = (event) => {
if (event.key === 'Enter') {
@ -684,6 +684,7 @@ export class CustomNodesInstaller extends ComfyDialog {
let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search";
search_button.onclick = () => {
self.search_keyword = self.search_box.value;
@ -714,7 +715,8 @@ export class CustomNodesInstaller extends ComfyDialog {
}
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.onclick = () => { this.close(); }
close_button.style.display = "inline-block";

6
js/model-downloader.js
Unescape View File

@ -64,7 +64,7 @@ export class ModelInstaller extends ComfyDialog {
createControls() {
return [
$el("button", {
$el("button.cm-small-button", {
type: "button",
textContent: "Close",
onclick: () => { this.close(); }
@ -326,7 +326,7 @@ export class ModelInstaller extends ComfyDialog {
createHeaderControls() {
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.onkeydown = (event) => {
if (event.key === 'Enter') {
@ -340,6 +340,7 @@ export class ModelInstaller extends ComfyDialog {
};
let search_button = document.createElement("button");
search_button.className = "cm-small-button";
search_button.innerHTML = "Search";
search_button.onclick = () => {
self.search_keyword = self.search_box.value;
@ -363,6 +364,7 @@ export class ModelInstaller extends ComfyDialog {
async createBottomControls() {
var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block";

6
js/snapshot.js
Unescape View File

@ -23,7 +23,7 @@ async function restore_snapshot(target) {
}
finally {
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() {
return [
$el("button", {
$el("button.cm-small-button", {
type: "button",
textContent: "Close",
onclick: () => { this.close(); }
@ -258,11 +258,13 @@ export class SnapshotManager extends ComfyDialog {
async createBottomControls() {
var close_button = document.createElement("button");
close_button.className = "cm-small-button";
close_button.innerHTML = "Close";
close_button.onclick = () => { this.close(); }
close_button.style.display = "inline-block";
var save_button = document.createElement("button");
save_button.className = "cm-small-button";
save_button.innerHTML = "Save snapshot";
save_button.onclick = () => { save_current_snapshot(); }
save_button.style.display = "inline-block";

Write Preview
Loading…
Cancel
Save