From 10b22b521e7d97432a9b5551ebddaa6de8651ad4 Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Wed, 26 Aug 2020 00:14:50 +0200
Subject: [PATCH] add textarea

---
 HKCheckCompletion.js | 12 ++++++------
 index.html           | 22 +++++++++++++++++++---
 style.css            | 10 ++++++++++
 3 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/HKCheckCompletion.js b/HKCheckCompletion.js
index 46b5bcd..b5dc375 100644
--- a/HKCheckCompletion.js
+++ b/HKCheckCompletion.js
@@ -6,8 +6,8 @@ const SYMBOL_TRUE = "✅ ";
 
 // ---------------- Variables ----------------- //
 
-var isCompleted = "Completed";
-var isNotCompleted = "Not Completed";
+var isCompleted = "";
+var isNotCompleted = "";
 var currentData = DATA_UNKNOWN;
 var completionSymbol = SYMBOL_FALSE;
 
@@ -19,8 +19,8 @@ var divEnd = [
     "</div>"
 ].join("\n");
 
-var strongStart = "<strong>"
-var strongEnd = "</strong>"
+var strongStart = "";
+var strongEnd = "";
 
 // ---------------- Hollow Knight Data Constant Objects ----------------- //
 
@@ -235,7 +235,7 @@ function HKCheckCompletion(jsonObject) {
         if (i === "completionPercentage") {
             if (HKPlayerData.completionPercentage >= 112) currentDataTrue(HKPlayerData.completionPercentage);
             else currentDataFalse(HKPlayerData.completionPercentage);
-            fillHTML(DIV_ID.intro, "Hollow Knight Completion", " %");
+            fillHTML(DIV_ID.intro, "Hollow Knight Completion: ", " %");
         }
 
         // ---------------- Bosses (Base Game) --------------------- //
@@ -329,7 +329,7 @@ function HKCheckCompletion(jsonObject) {
 }
 
 function fillHTML(divId = "", textPrefix = "Unknown Completion Element: ", textSuffix = "") {
-    document.getElementById(divId).innerHTML += divStart + completionSymbol + strongStart + textPrefix + ": " + strongEnd + currentData + textSuffix + divEnd;
+    document.getElementById(divId).innerHTML += divStart + completionSymbol + strongStart + textPrefix + "" + strongEnd + currentData + textSuffix + divEnd;
 }
 
 function currentDataTrue(textData = isCompleted) {
diff --git a/index.html b/index.html
index b6d7a0b..e9fb5de 100644
--- a/index.html
+++ b/index.html
@@ -42,14 +42,28 @@
         - Single Pale Ore locations?
         - Read JSON file from text input
     -->
-    
-    <h1>Hollow Knight Completion % Check</h1>
+
+<div id="content">
+
+    <h1 id="h1-title">Hollow Knight Completion % Check</h1>
 
     <p class="smalltext">Check what you have left for completion.</p>
 
     <div style="margin-bottom: 20px;"></div>
 
-    <button id="startbutton" onclick="HKCheckCompletion( jsonObj );">Run Script</button>
+    <div>
+        <textarea name="save-area" id="save-area"></textarea>
+    </div>
+
+    <div>
+        <button id="save-area-read" onclick="HKReadTextArea();">Analyze</button>
+    </div>
+
+    <div style="margin-bottom: 20px;"></div>
+
+    <div>
+        <button id="startbutton" onclick="HKCheckCompletion( jsonObj );">Run Script</button>
+    </div>
 
     <div style="margin-bottom: 20px;"></div>
 
@@ -101,5 +115,7 @@
     <h2>Godmaster Content Pack:</h2>
     <div id="hk-godmaster"></div>
 
+</div> <!-- end content -->
+
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 8ee3153..4a15564 100644
--- a/style.css
+++ b/style.css
@@ -4,9 +4,19 @@ html {
 body {
     font-family: Arial, Helvetica, sans-serif;
 }
+#content {
+    width: max-content;
+}
 h1 {
     margin: 0.6rem 0;
 }
+#h1-title {
+    ;
+}
+#save-area {
+    width: 100%;
+    height: calc(0.1 * 100vh);
+}
 h2 {
     margin: 0.6rem 0;
 }