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

test

Browse Source
This commit is contained in:
Dmitry Borisenko
2022-08-15 19:31:01 +02:00
parent 754f9d95f9
commit bb3e59e786
2 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/App.svelte
View File

@@ -511,12 +511,12 @@
topic = topic.substring(topic.lastIndexOf("/") + 1, topic.length); topic = topic.substring(topic.lastIndexOf("/") + 1, topic.length);
if (key === topic) { if (key === topic) {
console.log("[i]", "value " + topic + " updated"); console.log("[i]", "value " + topic + " updated");
if (devLayout[i].widget == "toggle") { //if (devLayout[i].widget == "toggle") {
if (value == "1") devLayout[i].status = 1; //if (value == "1") devLayout[i].status = 1;
if (value == "0") devLayout[i].status = 0; //if (value == "0") devLayout[i].status = 0;
} else { //} else {
devLayout[i].status = value; devLayout[i].status = value;
} //}
break; break;
} }
} }

28
src/widgets/Toggle.svelte
View File

@@ -1,10 +1,30 @@
<script> <script>
import App from "../App.svelte"; import App from "../App.svelte";
import { onMount } from "svelte";
onMount(async () => {
setDefaultValue();
});
export let widget; export let widget;
export let value;
value = value;
export let wsPush = (ws, topic, status) => {}; export let wsPush = (ws, topic, status) => {};
//let st = Boolean(widget.status);
let st = false;
function setDefaultValue() {
if (widget.status == "1") {
st = true;
} else if (widget.status == "0") {
st = false;
}
}
function changeValue() {
if (st) {
widget.status = "1";
} else {
widget.status = "0";
}
}
</script> </script>
<div class="crd-itm-psn"> <div class="crd-itm-psn">
@@ -15,7 +35,7 @@
<div class="flex justify-end w-1/3"> <div class="flex justify-end w-1/3">
<label for={widget.topic} class="items-center cursor-pointer"> <label for={widget.topic} class="items-center cursor-pointer">
<div class="relative"> <div class="relative">
<input bind:checked={widget.status} on:change={() => wsPush(widget.ws, widget.topic, widget.status ? 1 : 0)} id={widget.topic} type="checkbox" class="sr-only" /> <input bind:checked={st} on:change={() => (changeValue(), wsPush(widget.ws, widget.topic, widget.status))} id={widget.topic} type="checkbox" class="sr-only" />
<div class="block bg-gray-600 w-10 h-6 rounded-full" /> <div class="block bg-gray-600 w-10 h-6 rounded-full" />
<div class="dot {widget['send'] == true ? 'bg-red-400' : 'bg-white'} absolute left-1 top-1 w-4 h-4 rounded-full transition" /> <div class="dot {widget['send'] == true ? 'bg-red-400' : 'bg-white'} absolute left-1 top-1 w-4 h-4 rounded-full transition" />
</div> </div>