-
-
-
-
- 
+
+
+ Enable
- Low VRAM
- Guess Mode
-
-
+ Control Net Settings Slot 0
+
+
+
-
-
+
+
+
-
+
+
+
+
+
+
-
+
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
+ Enable
+ Low VRAM
+ Guess Mode
+
-
-
- Weight:
- 1.0
-
-
- Guidance strength:
- 1.0
-
+
+
+
+ Weight:
+ 1.0
+
+
+ Guidance strength:
+ 1.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Enable
+ Low VRAM
+ Guess Mode
+
+
+ Control Net Settings Slot 1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Weight:
+ 1.0
+
+
+ Guidance strength:
+ 1.0
+
+
+
+ controlnet_settings_
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enable
+ Low VRAM
+ Guess Mode
+
+
-
+ Control Net Settings Slot 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Weight:
+ 1.0
+
+
+ Guidance strength:
+ 1.0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.js b/index.js
index 05e3778..58077d1 100644
--- a/index.js
+++ b/index.js
@@ -234,7 +234,7 @@ Array.from(document.querySelectorAll('.sp-tab')).forEach((theTab) => {
}
}
})
-//REFACTOR: move to html_manip.js (?)
+//REFACTOR: move to events.js
document.getElementById('sp-viewer-tab').addEventListener('click', async () => {
if (
g_generation_session.isActive() &&
@@ -245,12 +245,12 @@ document.getElementById('sp-viewer-tab').addEventListener('click', async () => {
g_sd_mode = html_manip.getMode()
}
})
-//REFACTOR: move to html_manip.js (?)
+//REFACTOR: move to events.js
document.getElementById('sp-viewer-tab').addEventListener('click', async () => {
moveElementToAnotherTab('batchNumberUi', 'batchNumberViewerTabContainer')
await displayUpdate()
})
-//REFACTOR: move to html_manip.js (?)
+//REFACTOR: move to events.js
document
.getElementById('sp-stable-diffusion-ui-tab')
.addEventListener('click', () => {
@@ -416,7 +416,7 @@ async function refreshUI() {
console.log('inpainting_mask_weight: ', inpainting_mask_weight)
html_manip.autoFillInInpaintMaskWeight(inpainting_mask_weight)
- await control_net.initializeControlNetTab()
+ await control_net.initializeControlNetTab(g_controlnet_max_models)
} catch (e) {
console.warn(e)
}
@@ -712,11 +712,13 @@ let g_old_slider_width = 512
let g_old_slider_height = 512
let g_sd_config_obj
let g_hi_res_upscaler_models
+let g_controlnet_max_models
;(async function () {
let temp_config = new sd_config.SdConfig()
await temp_config.getConfig()
g_hi_res_upscaler_models = temp_config.getUpscalerModels()
g_sd_config_obj = temp_config
+ g_controlnet_max_models = temp_config.getControlNetMaxModelsNum()
for (let model of g_hi_res_upscaler_models) {
//update the hi res upscaler models menu
@@ -764,6 +766,7 @@ let g_viewer_manager = new viewer.ViewerManager()
//********** End: global variables */
//***********Start: init function calls */
+//REFACTOR: keep in index.js
async function initPlugin() {
//*) load plugin settings
//*) load horde settings
@@ -780,7 +783,7 @@ async function initPlugin() {
await refreshPromptMenue()
//init ControlNet Tab
- await control_net.initializeControlNetTab()
+ await control_net.initializeControlNetTab(g_controlnet_max_models)
}
initPlugin()
// refreshModels() // get the models when the plugin loads
@@ -794,6 +797,7 @@ initPlugin()
//***********End: init function calls */
//add click event on radio button mode, so that when a button is clicked it change g_sd_mode globally
+//REFACTOR: move to events.js
rbModeElements = document.getElementsByClassName('rbMode')
for (let rbModeElement of rbModeElements) {
rbModeElement.addEventListener('click', async (evt) => {
@@ -809,6 +813,7 @@ for (let rbModeElement of rbModeElements) {
}
//swaps g_sd_mode when clicking on extras tab and swaps it back to previous value when clicking on main tab
+//REFACTOR: move to events.js
document
.getElementById('sp-extras-tab')
.addEventListener('click', async (evt) => {
@@ -822,7 +827,7 @@ document
console.warn(e)
}
})
-
+//REFACTOR: move to events.js
document
.getElementById('sp-stable-diffusion-ui-tab')
.addEventListener('click', async (evt) => {
@@ -836,7 +841,7 @@ document
console.warn(e)
}
})
-
+//REFACTOR: move to psapi.js
async function createTempInpaintMaskLayer() {
if (!g_b_mask_layer_exist) {
//make new layer "Mask -- Paint White to Mask -- temporary"
@@ -859,7 +864,7 @@ async function createTempInpaintMaskLayer() {
)
}
}
-
+//REFACTOR: move to psapi.js
async function deleteTempInpaintMaskLayer() {
console.log(
'g_inpaint_mask_layer_history_id: ',
@@ -875,6 +880,7 @@ async function deleteTempInpaintMaskLayer() {
g_b_mask_layer_exist = false
}
}
+//REFACTOR: move to ui.js
async function postModeSelection() {
//
try {
@@ -891,7 +897,7 @@ async function postModeSelection() {
}
}
rbMaskContentElements = document.getElementsByClassName('rbMaskContent')
-
+//REFACTOR: move to events.js
for (let rbMaskContentElement of rbMaskContentElements) {
rbMaskContentElement.addEventListener('click', async (evt) => {
// g_inpainting_fill = evt.target.value
@@ -900,7 +906,7 @@ for (let rbMaskContentElement of rbMaskContentElements) {
}
btnSquareClass = document.getElementsByClassName('btnSquare')
-
+//REFACTOR: move to events.js
for (let btnSquareButton of btnSquareClass) {
btnSquareButton.addEventListener('click', async (evt) => {
// document.activeElement.blur()
@@ -915,7 +921,7 @@ for (let btnSquareButton of btnSquareClass) {
}
btnRefreshModelsClass = document.getElementsByClassName('btnRefreshModels')
-
+//REFACTOR: move to events.js
for (let btnRefreshModel of btnRefreshModelsClass) {
btnRefreshModel.addEventListener('click', async (evt) => {
// document.activeElement.blur()
@@ -928,7 +934,7 @@ for (let btnRefreshModel of btnRefreshModelsClass) {
}, 500)
})
}
-
+//REFACTOR: move to events.js
document.addEventListener('mouseenter', async (event) => {
try {
//only check if the generation mode has not changed( e.g a session.mode === img2img and the current selection is "img2img" ).
@@ -1029,6 +1035,7 @@ document.addEventListener('mouseenter', async (event) => {
// });
// show the interface that need to be shown and hide the interface that need to be hidden
+//REFACTOR: move to ui.js
async function displayUpdate() {
try {
if (g_sd_mode == 'txt2img') {
@@ -1191,7 +1198,7 @@ async function displayUpdate() {
// document.getElementById('layers').innerHTML = `
//
- ${sortedNames.map(name => `
- ${name} `).join('')}