iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-26 15:02:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

change function

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-09-13 18:59:30 +08:00
parent cb7fad76f4
commit ba3f94d15f
2 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.svelte
View File

@@ -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>

7
src/Myinput.svelte
View File

@@ -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>