From 9a3e0f6e2922cf05e3f3fc912c45c91f5fff045e Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Sat, 24 Sep 2022 15:29:54 -0400
Subject: [PATCH] Upload without saving button

---
 static/koboldai.css   |  4 ++++
 static/koboldai.js    | 13 ++++++++++++-
 templates/popups.html | 18 ++++++++++++------
 3 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index 14917fca..baeeb034 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -532,6 +532,10 @@ border-top-right-radius: var(--tabs_rounding);
 	transform: translateY(22%);
 }
 
+#upload_without_save_button {
+	transform: translateY(22%);
+}
+
 .settings_button[story_gamesaved="true"] {
 	filter: brightness(40%);
 }
diff --git a/static/koboldai.js b/static/koboldai.js
index 311d361f..fb83143d 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -2183,7 +2183,18 @@ function upload_file(file_box) {
 	for (file of fileList) {
 		reader = new FileReader();
 		reader.onload = function (event) {
-			socket.emit("upload_file", {'filename': file.name, "data": event.target.result, 'upload_no_save': document.getElementById('upload_no_save').checked});
+			socket.emit("upload_file", {'filename': file.name, "data": event.target.result, 'upload_no_save': false});
+		};
+		reader.readAsArrayBuffer(file);
+	}
+}
+
+function upload_file_without_save(file_box) {
+	var fileList = file_box.files;
+	for (file of fileList) {
+		reader = new FileReader();
+		reader.onload = function (event) {
+			socket.emit("upload_file", {'filename': file.name, "data": event.target.result, 'upload_no_save': true});
 		};
 		reader.readAsArrayBuffer(file);
 	}
diff --git a/templates/popups.html b/templates/popups.html
index a882f591..83c2f011 100644
--- a/templates/popups.html
+++ b/templates/popups.html
@@ -11,16 +11,22 @@
 	</div>
 	<div style="display:flex;justify-content: space-between;">
 		<span>Drag file(s) above or click here to Upload File<input id="popup_upload_input" type=file onchange="upload_file(this)"></span>
-		<span>
+		<!---<span>
 			Upload file without saving to google: 
 			<input type=checkbox id="upload_no_save" class="setting_item_input"
 			       data-size="mini" data-onstyle="success" data-toggle="toggle">
+		</span>--->
+		<span>
+			<button class="settings_button" id="upload_without_save_button" onclick="document.getElementById('upload_without_save').click()">
+				<span class="material-icons-outlined cursor" title="Load from Local">browser_updated</span>
+				<span class="button_label">Load from Local</span>
+			</button>
+			<input class="hidden" type=file  id="upload_without_save" onchange="upload_file_without_save(this)">
+			<button id="import_story_button" class="settings_button hidden" onclick="document.getElementById('import_aidg_club_popup').classList.remove('hidden');">
+				<span class="material-icons-outlined cursor" title="Import Story">cloud_download</span>
+				<span class="button_label">Import Story</span>
+			</button>
 		</span>
-		<button id="import_story_button" class="settings_button hidden" onclick="document.getElementById('import_aidg_club_popup').classList.remove('hidden');">
-			<span class="material-icons-outlined cursor" title="Import Story">cloud_download</span>
-			<span class="button_label">Import Story</span>
-		</button>
-		
 	</div>
 	<div class="popup_load_cancel" id="popup_load_cancel">
 		<button class="btn popup_load_cancel_button action_button" id="popup_accept" disabled>Load</button>