From e5f54df09511cf32cc673724f6bf5472470b3103 Mon Sep 17 00:00:00 2001
From: PaddiM8 <paddim8@pm.me>
Date: Mon, 22 Feb 2021 21:07:57 +0100
Subject: [PATCH] kalk_web: Fill in value on touch

---
 kalk_web/package.json              |  2 +-
 kalk_web/src/KalkCalculator.svelte | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/kalk_web/package.json b/kalk_web/package.json
index 34af146..f54e9c9 100644
--- a/kalk_web/package.json
+++ b/kalk_web/package.json
@@ -61,4 +61,4 @@
 	"browserslist": [
 		"defaults"
 	]
-}
\ No newline at end of file
+}
diff --git a/kalk_web/src/KalkCalculator.svelte b/kalk_web/src/KalkCalculator.svelte
index 8526e21..408679c 100644
--- a/kalk_web/src/KalkCalculator.svelte
+++ b/kalk_web/src/KalkCalculator.svelte
@@ -144,6 +144,13 @@
         setCursorPos(target, cursorPos - offset);
     }
 
+    function handleTouchLine(event: Event) {
+        if (!inputElement.innerHTML) {
+            const target = event.currentTarget as HTMLElement;
+            inputElement.innerHTML = target.querySelector(".value").innerHTML;
+        }
+    }
+
     function handleButtonClick(event: Event) {
         const target = event.target as HTMLElement;
         target.blur();
@@ -321,11 +328,13 @@
     <section class="output" bind:this={outputElement}>
         <slot />
         {#each outputLines as line}
-            <console-line byuser={line[1]}>
+            <console-line byuser={line[1]} on:touchstart={handleTouchLine}>
                 {#if line[1]}
                     <span style="color: {promptcolor}">&gt;&gt;</span>
                 {/if}
-                {@html line[0]}
+                <span class="value">
+                    {@html line[0]}
+                </span>
             </console-line>
         {/each}
     </section>