From ba3f94d15f9e5158b7411d0f1688a497664e44f1 Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Mon, 13 Sep 2021 18:59:30 +0800
Subject: [PATCH] change function

---
 src/App.svelte     | 14 +++++++-------
 src/Myinput.svelte |  7 +++++--
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 0749902..746aa10 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,6 +1,6 @@
 <script context="module">
-  export function WSpush(arg) {
-    console.log(arg);
+  export function WSpush(ws, topic, value) {
+    console.log(ws, topic, value);
   }
 </script>
 
@@ -15,7 +15,7 @@
   import Myinput from "./Myinput.svelte";
 
   onMount(async () => {
-    WSpush("mounted");
+    console.log("mounted");
   });
 
   const syntaxHighlight = (json) => {
@@ -45,7 +45,7 @@
       page: "",
       order: "1",
       descr: "Boiler temperature",
-      topic: "/prefix/00000-00000/temp1",
+      topic: "/prefix/00000-00001/temp1",
     },
     {
       widget: "input",
@@ -54,7 +54,7 @@
       page: "",
       order: "1",
       descr: "Room temperature",
-      topic: "/prefix/00000-00000/temp2",
+      topic: "/prefix/00000-00002/temp2",
     },
     {
       widget: "input",
@@ -63,7 +63,7 @@
       page: "",
       order: "1",
       descr: "Body temperature",
-      topic: "/prefix/00000-00000/temp3",
+      topic: "/prefix/00000-00003/temp3",
     },
   ];
 </script>
@@ -113,7 +113,7 @@
         <Card title="Dashboard">
           {#each wigets as widget, i}
             {#if widget.widget === "input"}
-              <Myinput title={widget.descr} bind:value={widget.status} />
+              <Myinput ws={"ws"} topic={widget.topic} title={widget.descr} bind:value={widget.status} />
             {/if}
           {/each}
         </Card>
diff --git a/src/Myinput.svelte b/src/Myinput.svelte
index 14d9040..e50ddda 100644
--- a/src/Myinput.svelte
+++ b/src/Myinput.svelte
@@ -5,6 +5,8 @@
 <script>
   export let title;
   export let value;
+  export let topic;
+  export let ws;
 </script>
 
 <div class="container">
@@ -14,10 +16,11 @@
       <label class="descr-gray-left">{title}</label>
     </div>
     <div class="md:w-3/3">
-      <input bind:value on:change={WSpush(value)} class="input-indigo" type="text" />
+      <!-- on:change={WSpush(ws, topic, value)} -->
+      <input bind:value class="input-indigo" type="text" />
     </div>
     <div class="md:w-3/3">
-      <button on:click={WSpush(value)} class="btn-indigo" type="button">Set</button>
+      <button on:click={WSpush(ws, topic, value)} class="btn-indigo" type="button">Set</button>
     </div>
   </div>
 </div>