Skip to content

Commit d6077f3

Browse files
ConcedoConcedo
Concedo
authored and
Concedo
committed
settings refactor completed
1 parent 68ae8cb commit d6077f3

File tree

1 file changed

+59
-87
lines changed

1 file changed

+59
-87
lines changed

‎index.html

+59-87
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,7 @@
141141
border:0px solid #ccc;
142142
border-radius: 4px;
143143
width: 100%;
144+
padding: 2px;
144145
}
145146
.settinglabel.miniinput:focus {
146147
color:#555;
@@ -208,7 +209,7 @@
208209

209210
.settingsbody
210211
{
211-
height: calc(80vh - 100px);
212+
height: calc(82vh - 100px);
212213
overflow-y: auto;
213214
overflow-x: hidden;
214215
}
@@ -7376,7 +7377,6 @@
73767377
document.getElementById("quickstartcontainer").classList.contains("hidden") &&
73777378
document.getElementById("zoomedimgcontainer").classList.contains("hidden") &&
73787379
document.getElementById("groupselectcontainer").classList.contains("hidden") &&
7379-
document.getElementById("imagestylecontainer").classList.contains("hidden") &&
73807380
document.getElementById("addimgcontainer").classList.contains("hidden") &&
73817381
document.getElementById("pasteimgcontainer").classList.contains("hidden") &&
73827382
document.getElementById("choosesharecontainer").classList.contains("hidden") &&
@@ -7398,7 +7398,6 @@
73987398
document.getElementById("quickstartcontainer").classList.add("hidden");
73997399
document.getElementById("zoomedimgcontainer").classList.add("hidden");
74007400
document.getElementById("groupselectcontainer").classList.add("hidden");
7401-
document.getElementById("imagestylecontainer").classList.add("hidden");
74027401
document.getElementById("addimgcontainer").classList.add("hidden");
74037402
document.getElementById("pasteimgcontainer").classList.add("hidden");
74047403
document.getElementById("choosesharecontainer").classList.add("hidden");
@@ -7461,15 +7460,6 @@
74617460
window.open('./sdui','_blank');
74627461
}
74637462

7464-
function selectImgStyle()
7465-
{
7466-
document.getElementById("imagestylecontainer").classList.remove("hidden");
7467-
}
7468-
function confirmImgStyle()
7469-
{
7470-
document.getElementById("imagestylecontainer").classList.add("hidden");
7471-
}
7472-
74737463
var pendinggrammar = "";
74747464
function selectGrammar()
74757465
{
@@ -16934,7 +16924,7 @@
1693416924

1693516925
<div class="popupcontainer flex hidden" id="settingscontainer">
1693616926
<div class="popupbg flex"></div>
16937-
<div class="nspopup flexsize" style="margin-top: 7vh; background-color:#102840">
16927+
<div class="nspopup flexsize" style="margin-top: 6vh; background-color:#102840">
1693816928
<div class="popuptitlebar">
1693916929
<div class="popuptitletext">Settings</div>
1694016930
</div>
@@ -17332,7 +17322,7 @@
1733217322
<div class="settinglabel">
1733317323
<div class="justifyleft settingsmall" title="">EOS Token Ban <span class="helpicon">?<span
1733417324
class="helptext">Allow the End-Of-Stream (EOS) token and potentially other restricted special tokens to be generated.</span></span></div>
17335-
<select style="padding:1px; height:auto; width: 34px; appearance: none; font-size: 7pt; margin:0px 0px 0px auto;" class="form-control" id="eos_ban_mode">
17325+
<select style="padding:1px; height:auto; margin:0px 0px 0px auto;" class="form-control" id="eos_ban_mode">
1733617326
<option value="0">Auto</option>
1733717327
<option value="1">Unban</option>
1733817328
<option value="2">Ban</option>
@@ -17395,9 +17385,6 @@
1739517385
<input type="checkbox" id="save_images" style="margin:0px 0 0;">
1739617386
</div>
1739717387
</td>
17398-
<td class="settingsmall">
17399-
<button type="button" class="btn btn-primary" onclick="selectImgStyle()" style="font-size:11px; padding: 0px 4px; margin: 0px 1px 0px 1px;">Setup<br>🎨</button>
17400-
</td>
1740117388
</tr>
1740217389
</table>
1740317390
</div>
@@ -17445,12 +17432,62 @@
1744517432
</select>
1744617433
</div>
1744717434
</div>
17435+
17436+
<div class="settingitem wide">
17437+
<div style="font-size:12px;">
17438+
<div class="settingsdesctxt">Style tags to use for generating images:<br>(E.g. Sketch, Realistic, Anime, 3D Render, Drawing)<br></div>
17439+
<input class="settinglabel miniinput" type="text" placeholder="Default Style" value="" id="imagestyleinput">
17440+
<div class="aidgpopuplistheader anotelabel">Negative Prompt<br></div>
17441+
<input class="settinglabel miniinput" type="text" placeholder="Default Negative Prompt. Put &quot;none&quot; to skip" value="" id="negpromptinput">
17442+
17443+
<div class="inlinelabel">
17444+
<div class="justifyleft" style="padding:4px">Number of Steps: </div>
17445+
<input type="text" inputmode="decimal" id="img_steps" style="width:60px">
17446+
</div>
17447+
<div class="inlinelabel">
17448+
<div class="justifyleft" style="padding:4px">Cfg. Scale: </div>
17449+
<input type="text" inputmode="decimal" id="img_cfgscale" style="width:60px">
17450+
</div>
17451+
<div class="inlinelabel">
17452+
<div class="justifyleft" style="padding:4px">Sampler: </div>
17453+
<select style="padding:1px; font-size:12px; height:20px; width: 100px;" class="form-control" id="img_sampler">
17454+
<option value="Euler a">Euler A</option>
17455+
<option value="Euler">Euler</option>
17456+
<option value="Heun">Heun</option>
17457+
<option value="DPM2">DPM2</option>
17458+
<option value="LCM">LCM</option>
17459+
<option value="DPM++ 2M">DPM++ 2M</option>
17460+
</select>
17461+
</div>
17462+
<div class="inlinelabel">
17463+
<div class="justifyleft" style="padding:4px">Aspect Ratio <span class="helpicon">?
17464+
<span class="helptext">Square is recommended. Changing aspect ratio will affect the resolution used to generate. This may impact quality or memory usage.</span>
17465+
</span>: </div>
17466+
<select style="padding:1px; font-size:12px; height:20px; width: 100px;" class="form-control" id="img_aspect">
17467+
<option value="0">Square</option>
17468+
<option value="1">Portrait</option>
17469+
<option value="2">Landscape</option>
17470+
</select>
17471+
</div>
17472+
<div class="inlinelabel">
17473+
<div class="justifyleft" style="padding:4px">Img2Img Strength <span class="helpicon">?
17474+
<span class="helptext">Higher values lead to a more different image.</span>
17475+
</span>: </div>
17476+
<input type="text" inputmode="decimal" id="img_img2imgstr" style="width:60px">
17477+
</div>
17478+
<div class="inlinelabel">
17479+
<div class="justifyleft" style="padding:4px">Save Higher-Res <span class="helpicon">?
17480+
<span class="helptext">This option will result in larger save files which may be slower. Changing this setting only applies to NEW images.</span>
17481+
</span>: </div>
17482+
<input type="checkbox" id="img_allowhd" style="margin:0px 0 0;">
17483+
</div>
17484+
</div>
17485+
</div>
1744817486
</div>
1744917487

1745017488
<!--advanced settings menu top-->
1745117489
<div id="settingsmenuadvanced" class="settingsmenu hidden" onchange="setting_tweaked()">
1745217490

17453-
1745417491
<div class="settingitem">
1745517492
<div class="settinglabel">
1745617493
<div class="justifyleft settingsmall" id="tokenstreaminglabel" title="">Token Streaming <span class="helpicon">?<span
@@ -17510,7 +17547,6 @@
1751017547
</div>
1751117548
</div>
1751217549

17513-
1751417550
<div class="settingitem">
1751517551
<div class="settinglabel">
1751617552
<div class="justifyleft settingsmall">Autosave Session <span class="helpicon">?<span
@@ -17563,15 +17599,11 @@
1756317599
<button type="button" class="btn btn-primary bg_green" style="padding:2px 2px;margin:0px 0px 0px auto;font-size:10px;" onclick="load_bgimg_button()">Set</button>
1756417600
<button type="button" class="btn btn-primary bg_red" style="padding:2px 2px;margin:0px 0px 0px 1px;font-size:10px;" onclick="clear_bg_img()">Clear</button>
1756517601
</div>
17566-
<button id="resetallsettings" type="button" class="btn btn-primary bg_red" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="reset_all_settings()">Reset ALL Settings</button>
1756717602
</div>
1756817603

17569-
17570-
17571-
17572-
17573-
17574-
17604+
<div class="settingitem wide">
17605+
<button id="resetallsettings" type="button" class="btn btn-primary bg_red" style="padding:2px 3px;margin-top:2px;font-size:11px;" onclick="reset_all_settings()">Reset ALL Settings</button>
17606+
</div>
1757517607

1757617608
</div>
1757717609

@@ -17860,66 +17892,6 @@
1786017892
</div>
1786117893
</div>
1786217894

17863-
<div class="popupcontainer flex hidden" id="imagestylecontainer">
17864-
<div class="popupbg flex"></div>
17865-
<div class="nspopup flexsizesmall higher">
17866-
<div class="popuptitlebar">
17867-
<div class="popuptitletext">Image Generation Settings</div>
17868-
</div>
17869-
<div class="aidgpopuplistheader anotelabel">Style tags to use for generating images:<br>(E.g. Sketch, Realistic, Anime, 3D Render, Drawing)<br></div>
17870-
<input class="form-control" type="text" placeholder="Default Style" value="" id="imagestyleinput">
17871-
<div class="aidgpopuplistheader anotelabel">Negative Prompt<br></div>
17872-
<input class="form-control" type="text" placeholder="Default Negative Prompt. Put &quot;none&quot; to skip" value="" id="negpromptinput">
17873-
17874-
<div class="inlinelabel">
17875-
<div class="justifyleft" style="padding:4px">Number of Steps: </div>
17876-
<input type="text" inputmode="decimal" id="img_steps" style="width:60px">
17877-
</div>
17878-
<div class="inlinelabel">
17879-
<div class="justifyleft" style="padding:4px">Cfg. Scale: </div>
17880-
<input type="text" inputmode="decimal" id="img_cfgscale" style="width:60px">
17881-
</div>
17882-
<div class="inlinelabel">
17883-
<div class="justifyleft" style="padding:4px">Sampler: </div>
17884-
<select style="padding:1px; height:23px; width: 100px;" class="form-control" id="img_sampler">
17885-
<option value="Euler a">Euler A</option>
17886-
<option value="Euler">Euler</option>
17887-
<option value="Heun">Heun</option>
17888-
<option value="DPM2">DPM2</option>
17889-
<option value="LCM">LCM</option>
17890-
<option value="DPM++ 2M">DPM++ 2M</option>
17891-
</select>
17892-
</div>
17893-
<div class="inlinelabel">
17894-
<div class="justifyleft" style="padding:4px">Aspect Ratio <span class="helpicon">?
17895-
<span class="helptext">Square is recommended. Changing aspect ratio will affect the resolution used to generate. This may impact quality or memory usage.</span>
17896-
</span>: </div>
17897-
<select style="padding:1px; height:23px; width: 100px;" class="form-control" id="img_aspect">
17898-
<option value="0">Square</option>
17899-
<option value="1">Portrait</option>
17900-
<option value="2">Landscape</option>
17901-
</select>
17902-
</div>
17903-
<div class="inlinelabel">
17904-
<div class="justifyleft" style="padding:4px">Img2Img Strength <span class="helpicon">?
17905-
<span class="helptext">Higher values lead to a more different image.</span>
17906-
</span>: </div>
17907-
<input type="text" inputmode="decimal" id="img_img2imgstr" style="width:60px">
17908-
</div>
17909-
<div class="inlinelabel">
17910-
<div class="justifyleft" style="padding:4px">Save Higher-Res <span class="helpicon">?
17911-
<span class="helptext">This option will result in larger save files which may be slower. Changing this setting only applies to NEW images.</span>
17912-
</span>: </div>
17913-
<input type="checkbox" id="img_allowhd" style="margin:0px 0 0;">
17914-
</div>
17915-
17916-
17917-
<div class="popupfooter">
17918-
<button type="button" class="btn btn-primary" onclick="confirmImgStyle()">Ok</button>
17919-
</div>
17920-
</div>
17921-
</div>
17922-
1792317895
<div class="popupcontainer flex hidden" id="addimgcontainer">
1792417896
<div class="popupbg flex"></div>
1792517897
<div class="nspopup fixsize">
@@ -17939,7 +17911,7 @@
1793917911
<button type="button" class="btn btn-primary bg_green" onclick="add_img_btn_paste()">Paste from Clipboard</button>
1794017912
</div>
1794117913
<div class="aidgpopuplistheader anotelabel">
17942-
<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();selectImgStyle();">Customize Settings</button>
17914+
<button type="button" class="btn btn-primary" onclick="hide_popups();display_settings();display_settings_tab(2);">Customize Settings</button>
1794317915
</div>
1794417916
<div class="aidgpopuplistheader anotelabel hidden" id="btn_open_stableui">
1794517917
<button type="button" class="btn btn-primary bg_purple" onclick="go_to_stableui()">Go To StableUI</button>

0 commit comments

Comments
 (0)