version bump, prettierr.json update (sorry), ran it against index.html
Former-commit-id: 9916ee891738a56cb827e67f9fbe0cffab27fc60
This commit is contained in:
tim h
parent
617d8ee25c
commit
f9427fc681
2 changed files with 100 additions and 66 deletions
|
|
@ -3,7 +3,7 @@
|
||||||
"bracketSameLine": true,
|
"bracketSameLine": true,
|
||||||
"bracketSpacing": false,
|
"bracketSpacing": false,
|
||||||
"embeddedLanguageFormatting": "auto",
|
"embeddedLanguageFormatting": "auto",
|
||||||
"htmlWhitespaceSensitivity": "css",
|
"htmlWhitespaceSensitivity": "ignore",
|
||||||
"insertPragma": false,
|
"insertPragma": false,
|
||||||
"jsxSingleQuote": false,
|
"jsxSingleQuote": false,
|
||||||
"printWidth": 80,
|
"printWidth": 80,
|
||||||
|
|
@ -16,4 +16,4 @@
|
||||||
"trailingComma": "es5",
|
"trailingComma": "es5",
|
||||||
"useTabs": true,
|
"useTabs": true,
|
||||||
"vueIndentScriptAndStyle": false
|
"vueIndentScriptAndStyle": false
|
||||||
}
|
}
|
||||||
|
|
|
||||||
130
index.html
130
index.html
|
|
@ -26,19 +26,24 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="info" class="menu-container" style="min-width: 200px">
|
<div id="info" class="menu-container" style="min-width: 200px">
|
||||||
<label for="host">Host</label>
|
<label for="host">Host</label>
|
||||||
<input id="host" value="http://127.0.0.1:7860" /><br />
|
<input id="host" value="http://127.0.0.1:7860" />
|
||||||
|
<br />
|
||||||
|
|
||||||
<!-- Prompts section -->
|
<!-- Prompts section -->
|
||||||
<button type="button" class="collapsible">Prompts</button>
|
<button type="button" class="collapsible">Prompts</button>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<label for="prompt">Prompt:</label> <br />
|
<label for="prompt">Prompt:</label>
|
||||||
|
<br />
|
||||||
<textarea id="prompt">
|
<textarea id="prompt">
|
||||||
oceanographic study, underwater wildlife, award winning</textarea
|
oceanographic study, underwater wildlife, award winning</textarea
|
||||||
><br />
|
>
|
||||||
<label for="negPrompt">Negative prompt:</label> <br />
|
<br />
|
||||||
|
<label for="negPrompt">Negative prompt:</label>
|
||||||
|
<br />
|
||||||
<textarea id="negPrompt">
|
<textarea id="negPrompt">
|
||||||
people, person, humans, human, divers, diver, glitch, error, text, watermark, bad quality, blurry</textarea
|
people, person, humans, human, divers, diver, glitch, error, text, watermark, bad quality, blurry</textarea
|
||||||
><br />
|
>
|
||||||
|
<br />
|
||||||
<hr />
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
<!-- SD section -->
|
<!-- SD section -->
|
||||||
|
|
@ -47,12 +52,13 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
</button>
|
</button>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<label for="models">Model:</label>
|
<label for="models">Model:</label>
|
||||||
<select id="models" onchange="changeModel()"></select
|
<select id="models" onchange="changeModel()"></select>
|
||||||
><br />
|
<br />
|
||||||
<label for="samplerSelect">Sampler:</label>
|
<label for="samplerSelect">Sampler:</label>
|
||||||
<select id="samplerSelect" onchange="changeSampler()"></select
|
<select id="samplerSelect" onchange="changeSampler()"></select>
|
||||||
><br />
|
<br />
|
||||||
<label for="seed">Seed (-1 for random):</label> <br />
|
<label for="seed">Seed (-1 for random):</label>
|
||||||
|
<br />
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
id="seed"
|
id="seed"
|
||||||
|
|
@ -60,13 +66,19 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
min="1"
|
min="1"
|
||||||
max="9999999999"
|
max="9999999999"
|
||||||
value="-1"
|
value="-1"
|
||||||
step="1" /><br />
|
step="1" />
|
||||||
<label for="steps">Steps: <input type="number" id="stepsTxt" /></label
|
<br />
|
||||||
><br />
|
<label for="steps">
|
||||||
<input type="range" id="steps" name="steps" min="1" max="50" /><br />
|
Steps:
|
||||||
<label for="cfgScale"
|
<input type="number" id="stepsTxt" />
|
||||||
>CFG scale: <input type="number" id="cfgScaleTxt"
|
</label>
|
||||||
/></label>
|
<br />
|
||||||
|
<input type="range" id="steps" name="steps" min="1" max="50" />
|
||||||
|
<br />
|
||||||
|
<label for="cfgScale">
|
||||||
|
CFG scale:
|
||||||
|
<input type="number" id="cfgScaleTxt" />
|
||||||
|
</label>
|
||||||
<br />
|
<br />
|
||||||
<input
|
<input
|
||||||
type="range"
|
type="range"
|
||||||
|
|
@ -74,44 +86,52 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
name="cfgScale"
|
name="cfgScale"
|
||||||
min="-1"
|
min="-1"
|
||||||
max="25"
|
max="25"
|
||||||
step="0.5" /><br />
|
step="0.5" />
|
||||||
<label for="batchSize"
|
<br />
|
||||||
>Batch size: <input type="number" id="batchSizeText" /></label
|
<label for="batchSize">
|
||||||
><br />
|
Batch size:
|
||||||
|
<input type="number" id="batchSizeText" />
|
||||||
|
</label>
|
||||||
|
<br />
|
||||||
<input
|
<input
|
||||||
type="range"
|
type="range"
|
||||||
id="batchSize"
|
id="batchSize"
|
||||||
name="batchSize"
|
name="batchSize"
|
||||||
min="1"
|
min="1"
|
||||||
max="8"
|
max="8"
|
||||||
step="1" /><br />
|
step="1" />
|
||||||
<label for="batchCount"
|
<br />
|
||||||
>Batch count: <input type="number" id="batchCountText" /></label
|
<label for="batchCount">
|
||||||
><br />
|
Batch count:
|
||||||
|
<input type="number" id="batchCountText" />
|
||||||
|
</label>
|
||||||
|
<br />
|
||||||
<input
|
<input
|
||||||
type="range"
|
type="range"
|
||||||
id="batchCount"
|
id="batchCount"
|
||||||
name="batchCount"
|
name="batchCount"
|
||||||
min="1"
|
min="1"
|
||||||
max="8"
|
max="8"
|
||||||
step="1" /><br />
|
step="1" />
|
||||||
|
<br />
|
||||||
<hr />
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
<!-- Unsectioned -->
|
<!-- Unsectioned -->
|
||||||
<label for="scaleFactor"
|
<label for="scaleFactor">
|
||||||
>Scale factor: <input type="number" id="scaleFactorTxt" /></label
|
Scale factor:
|
||||||
><br />
|
<input type="number" id="scaleFactorTxt" />
|
||||||
|
</label>
|
||||||
|
<br />
|
||||||
<input
|
<input
|
||||||
type="range"
|
type="range"
|
||||||
id="scaleFactor"
|
id="scaleFactor"
|
||||||
name="scaleFactor"
|
name="scaleFactor"
|
||||||
min="1"
|
min="1"
|
||||||
max="16" /><br />
|
max="16" />
|
||||||
|
<br />
|
||||||
<label for="cbxHRFix">Auto txt2img HRfix?</label>
|
<label for="cbxHRFix">Auto txt2img HRfix?</label>
|
||||||
<input
|
<input type="checkbox" id="cbxHRFix" onchange="changeHiResFix()" />
|
||||||
type="checkbox"
|
<br />
|
||||||
id="cbxHRFix"
|
|
||||||
onchange="changeHiResFix()" /><br />
|
|
||||||
<label for="overMaskPx">Overmask px (0 to disable):</label>
|
<label for="overMaskPx">Overmask px (0 to disable):</label>
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
|
|
@ -120,9 +140,11 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
min="0"
|
min="0"
|
||||||
max="128"
|
max="128"
|
||||||
value="16"
|
value="16"
|
||||||
step="1" /><br />
|
step="1" />
|
||||||
|
<br />
|
||||||
<label for="maskBlur">Mask blur:</label>
|
<label for="maskBlur">Mask blur:</label>
|
||||||
<span id="maskBlurText"></span><br />
|
<span id="maskBlurText"></span>
|
||||||
|
<br />
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
id="maskBlur"
|
id="maskBlur"
|
||||||
|
|
@ -131,19 +153,23 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
max="256"
|
max="256"
|
||||||
value="0"
|
value="0"
|
||||||
step="1"
|
step="1"
|
||||||
onchange="changeMaskBlur()" /><br />
|
onchange="changeMaskBlur()" />
|
||||||
|
<br />
|
||||||
<!-- Save/load image section -->
|
<!-- Save/load image section -->
|
||||||
<button type="button" class="collapsible">Save/Load/New image</button>
|
<button type="button" class="collapsible">Save/Load/New image</button>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<label for="preloadImage">Load image:</label>
|
<label for="preloadImage">Load image:</label>
|
||||||
<input type="file" id="preloadImage" onchange="preloadImage()"
|
<input type="file" id="preloadImage" onchange="preloadImage()"
|
||||||
accept="image/*" / style="width: 200px;"><br />
|
accept="image/*" / style="width: 200px;">
|
||||||
<button onclick="downloadCanvas()">Save canvas</button><br />
|
<br />
|
||||||
|
<button onclick="downloadCanvas()">Save canvas</button>
|
||||||
|
<br />
|
||||||
<label for="upscalers">Choose upscaler</label>
|
<label for="upscalers">Choose upscaler</label>
|
||||||
<select id="upscalers"></select>
|
<select id="upscalers"></select>
|
||||||
<button onclick="upscaleAndDownload()">
|
<button onclick="upscaleAndDownload()">
|
||||||
Upscale (might take a sec)</button
|
Upscale (might take a sec)
|
||||||
><br />
|
</button>
|
||||||
|
<br />
|
||||||
|
|
||||||
<button onclick="newImage()">Clear canvas</button>
|
<button onclick="newImage()">Clear canvas</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -166,10 +192,16 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
<span id="snapX"></span>
|
<span id="snapX"></span>
|
||||||
<br />
|
<br />
|
||||||
<label for="snapY">snapY:</label>
|
<label for="snapY">snapY:</label>
|
||||||
<span id="snapY"></span><br />
|
<span id="snapY"></span>
|
||||||
|
<br />
|
||||||
<label for="heldButton">Mouse button:</label>
|
<label for="heldButton">Mouse button:</label>
|
||||||
<span id="heldButton"></span><br />
|
<span id="heldButton"></span>
|
||||||
<span id="version">Alpha release v0.0.6.6</span>
|
<br />
|
||||||
|
<span id="version">
|
||||||
|
<a href="https://github.com/zero01101/openOutpaint" target="_blank">
|
||||||
|
Alpha release v0.0.7
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
<br />
|
<br />
|
||||||
<hr />
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -298,15 +330,17 @@ people, person, humans, human, divers, diver, glitch, error, text, watermark, ba
|
||||||
class="overMaskCanvasMonitor"
|
class="overMaskCanvasMonitor"
|
||||||
width="512"
|
width="512"
|
||||||
height="512">
|
height="512">
|
||||||
<p>lol ur browser sucks</p> </canvas
|
<p>lol ur browser sucks</p>
|
||||||
><br />
|
</canvas>
|
||||||
|
<br />
|
||||||
<canvas
|
<canvas
|
||||||
id="initImgCanvasMonitor"
|
id="initImgCanvasMonitor"
|
||||||
class="initImgCanvasMonitor"
|
class="initImgCanvasMonitor"
|
||||||
width="512"
|
width="512"
|
||||||
height="512">
|
height="512">
|
||||||
<p>lol ur browser sucks</p> </canvas
|
<p>lol ur browser sucks</p>
|
||||||
><br />
|
</canvas>
|
||||||
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue