iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-27 07:22:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
Dmitry Borisenko
2022-09-27 01:24:37 +02:00
parent e4cac5e048
commit 84dfcd10d3
2 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/widgets/Anydata.svelte
View File

@@ -2,6 +2,26 @@
export let widget;
export let value;
value = value;
$: widget.status, blink();
let prevStatus;
let green = false;
function blink() {
if (widget.status) {
if (widget.status != prevStatus) {
setTimeout(stopBlink, 4000);
green = true;
}
prevStatus = widget.status;
}
}
function stopBlink() {
green = false;
}
</script>
<div class="crd-itm-psn">
@@ -11,8 +31,8 @@
</div>
<div class="flex justify-end w-1/3">
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="wgt-adt-stl">{!widget.status ? "" : widget.status}</label>
<label class="wgt-adt-stl {green ? 'text-green-500 animate-pulse' : ''}">{!widget.status ? "" : widget.status}</label>
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="wgt-adt-stl">&nbsp;{!widget.after ? "" : widget.after}</label>
<label class="wgt-adt-stl {green ? 'text-green-500 animate-pulse' : ''}">&nbsp;{!widget.after ? "" : widget.after}</label>
</div>
</div>