From fe32a201e536a4a7b2207b6abdc6cecaa6f512c7 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Thu, 29 Sep 2022 14:26:36 +0200
Subject: [PATCH] =?UTF-8?q?=D1=83=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=B1=D0=B0=D0=B3=D0=B0=20=D0=B8=D0=BC?=
 =?UTF-8?q?=D0=BF=D0=BE=D1=80=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Config.svelte | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/pages/Config.svelte b/src/pages/Config.svelte
index 5bd23ed..2323f7c 100644
--- a/src/pages/Config.svelte
+++ b/src/pages/Config.svelte
@@ -99,20 +99,15 @@
     exportJson.scenario = scenarioJson;
   }
 
-  //let files;
+  let template = null;
+  let files = null;
 
-  function previewFile() {
-    const [file] = document.querySelector("input[type=file]").files;
-    const reader = new FileReader();
-
-    if (file) {
-      reader.readAsText(file);
-    }
-
-    reader.onload = function () {
-      let result = reader.result;
-      if (IsJsonParse(result)) {
-        let json = JSON.parse(result);
+  $: if (files) {
+    const fileText = files[0].text();
+    fileText.then((text) => {
+      template = text;
+      if (IsJsonParse(template)) {
+        let json = JSON.parse(template);
         configJson = [];
         scenarioJson = {};
         configJson = json.config;
@@ -121,7 +116,13 @@
         scenarioJson = scenarioJson;
         console.log(JSON.stringify(configJson));
       }
-    };
+    });
+    files = null;
+  }
+
+  function reset() {
+    files = null;
+    document.getElementById("formFile").value = "";
   }
 
   function IsJsonParse(str) {
@@ -216,8 +217,8 @@
         <button class="btn-lg" on:click={() => saveConfig()}>{"Сохранить"}</button>
         <button class="btn-lg" on:click={() => rebootEsp()}>{"Перезагрузить"}</button>
         <button class="btn-lg" on:click={() => (createExportFile(), download(syntaxHighlight(JSON.stringify(exportJson)), "export.json", "application/json"))}>{"Сохранить конфигурацию"}</button>
-        <label class="btn-lg">
-          <input on:change={() => previewFile()} accept="json" type="file" id="formFile" />
+        <label on:click={() => reset()} class="btn-lg">
+          <input bind:files accept="json" type="file" id="formFile" />
           {"Загрузить конфигурацию"}
         </label>
       </div>