- Searching
+ Discovery
{#if !loadFoundDevices}
Searching for devices in network ...
+
{:else}
Found devices:
- {#each foundDevicesObj as item}
-
-
-
-
- {item.title}
+ {#each $connectedIds as id}
+
+ 
+ AGV device #{id}
{/each}
+
{/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ff9fcf7..26515b7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -26,6 +26,32 @@
import { localStorageStore } from '@skeletonlabs/skeleton';
const onboardingShow = localStorageStore('onboarding', true);
+ const devicesList = localStorageStore('devicesList', []);
+ const devicesStats = localStorageStore('devicesStats', []);
+ $devicesStats = [];
+
+ import mqtt from "mqtt";
+ let client = mqtt.connect("mqtt://sxl6.feba.me:9002", {"clientId": "app.craft.vin"});
+ const connectedIds = localStorageStore('connectedIds', []);
+ $connectedIds = [];
+
+ function onMessage(topic, message) {
+ let deviceId = topic.split("/")[1];
+ if ($devicesStats[deviceId]) {
+ topic = topic.split("/")[3];
+ message = message.toString();
+ $devicesStats[deviceId][topic] = message;
+ } else {
+ $devicesStats[deviceId] = {};
+ }
+ // console.log($devicesStats);
+ }
+
+ $: $devicesList.forEach(deviceId => {
+ client.subscribe("fts/" + deviceId + "/receive/#")
+ });
+ client.on("message", onMessage);
+
@@ -40,11 +66,11 @@
{/if}
- {#if $drawerStore.id === 'edit-device'}
+ {#if $drawerStore.id}
-
-
AGV device
+
+
AGV device #{$drawerStore.id}
List of stats