From 8818a355f624262d4e3a49086adefa6f372c5898 Mon Sep 17 00:00:00 2001
From: tim h <zero01101@gmail.com>
Date: Tue, 6 Dec 2022 21:12:10 -0600
Subject: [PATCH] upscale amount

probably should've put this in testing first but it's pretty bulletproof so far
---
 index.html  |  1 +
 js/index.js | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ab6c932..a980a2b 100644
--- a/index.html
+++ b/index.html
@@ -124,6 +124,7 @@
 					<button onclick="downloadCanvas()">Save canvas</button>
 					<br />
 					<label for="upscalers">Choose upscaler</label>
+					<div id="upscaleX"></div>
 					<select id="upscalers" class="wideSelect"></select>
 					<button onclick="upscaleAndDownload()">
 						Upscale (might take a sec)
diff --git a/js/index.js b/js/index.js
index 8144408..83e282d 100644
--- a/js/index.js
+++ b/js/index.js
@@ -477,6 +477,16 @@ makeSlider(
 	1,
 	2
 );
+makeSlider(
+	"Upscale X",
+	document.getElementById("upscaleX"),
+	"upscale_x",
+	1.0,
+	4.0,
+	0.1,
+	2.0,
+	0.1
+);
 
 makeSlider("Steps", document.getElementById("steps"), "steps", 1, 70, 5, 30, 1);
 
@@ -784,7 +794,9 @@ async function upscaleAndDownload() {
 	// Future improvements: some upscalers take a while to upscale, so we should show a loading bar or something, also a slider for the upscale amount
 
 	// get cropped canvas, send it to upscaler, download result
-	var upscale_factor = 2; // TODO: make this a user input 1.x - 4.0 or something
+	var upscale_factor = localStorage.getItem("upscale_x")
+		? localStorage.getItem("upscale_x")
+		: 2;
 	var upscaler = document.getElementById("upscalers").value;
 	var croppedCanvas = cropCanvas(
 		uil.getVisible({
@@ -826,7 +838,9 @@ async function upscaleAndDownload() {
 						.replace(":", " ") +
 					" openOutpaint image upscaler_" +
 					upscaler +
-					".png";
+					"_x" +
+					upscale_factor;
+				(".png");
 				link.href = "data:image/png;base64," + data["image"];
 				link.click();
 			});