nodes/JaredTherriault-ComfyUI-JNodes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update settings for new UI

Browse Source
This commit is contained in:
JaredTherriault
2024-10-06 11:53:28 -07:00
parent 2298eae101
commit cd21dda261
2 changed files with 51 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/js/common/ExtensionManager.js
+4 -4
View File
@@ -120,13 +120,13 @@ app.registerExtension({
recommendedButton.textContent = "Refresh the page!";
}
});
const labelWidget = $el("div", [
$el("label", { textContent: "Extension Management:" }),
const labelWidget = $el("label", { textContent: "Extension Management:" });
const settingWidget = $el("div", [
createExtensionManagerWidget(),
recommendedButton
]);
const settingWidget = createExtensionManagerWidget();
const tooltip = "Deselect any unwanted web extensions to disable them. Select them again to re-enable them. Refresh your browser to see changes. Be extremely careful which extensions you disable.";
addJNodesSetting(labelWidget, settingWidget, tooltip);
}
web/js/common/SettingsManager.js
+47 -38
View File
@@ -353,52 +353,61 @@ function createExpandableSettingsArea() {
});
}
export function addJNodesSetting(nameWidget, settingWidget, tooltip) {
if (!underButtonContent) {
createExpandableSettingsArea();
}
export function addJNodesSetting(nameWidget, settingWidget, tooltip, bUseExpandableArea = false) {
function sortTable() {
const rows = Array.from(underButtonContent.children);
// Sort the rows based on the text in the left cell
rows.sort((a, b) => {
const textA = a.children[0].textContent.trim().toLowerCase();
const textB = b.children[0].textContent.trim().toLowerCase();
return textA.localeCompare(textB);
if (!bUseExpandableArea){
app.ui.settings.addSetting({
id: `JNodes.SettingsContainer.${nameWidget.textContent.replace(" ","")}`,
name: nameWidget.textContent,
type: () => { return settingWidget}
});
} else {
if (!underButtonContent) {
createExpandableSettingsArea();
}
underButtonContent.innerHTML = "";
function sortTable() {
const rows = Array.from(underButtonContent.children);
// Update the table with the sorted rows
rows.forEach(row => underButtonContent.appendChild(row));
}
// Sort the rows based on the text in the left cell
rows.sort((a, b) => {
const textA = a.children[0].textContent.trim().toLowerCase();
const textB = b.children[0].textContent.trim().toLowerCase();
return textA.localeCompare(textB);
});
let title = tooltip ? tooltip.toString() : "";
nameWidget.title = nameWidget.title ? nameWidget.title : title;
settingWidget.title = settingWidget.title ? settingWidget.title : title;
underButtonContent.innerHTML = "";
underButtonContent.appendChild(
$el("tr", [
$el("td", {
style: {
verticalAlign: "middle",
}
}, [
nameWidget ? nameWidget : $el("div")
]),
$el("td", {
style: {
verticalAlign: "middle",
textAlign: "left",
}
}, [
settingWidget ? settingWidget : $el("div")
// Update the table with the sorted rows
rows.forEach(row => underButtonContent.appendChild(row));
}
let title = tooltip ? tooltip.toString() : "";
nameWidget.title = nameWidget.title ? nameWidget.title : title;
settingWidget.title = settingWidget.title ? settingWidget.title : title;
underButtonContent.appendChild(
$el("tr", [
$el("td", {
style: {
verticalAlign: "middle",
}
}, [
nameWidget ? nameWidget : $el("div")
]),
$el("td", {
style: {
verticalAlign: "middle",
textAlign: "left",
}
}, [
settingWidget ? settingWidget : $el("div")
])
])
])
);
);
sortTable();
sortTable();
}
}
export function createFlyoutHandle(handleText, handleClassSuffix = "", menuClassSuffix = "", parentRect = window) {