wip

core/frontend/src/components/common/StatusTextWatcher.vue

@@ -0,0 +1,34 @@
+<template>
+  <v-textarea :value="messages.join('\n')" readonly />
+</template>
+
+<script lang="ts">
+import mavlink2rest from '@/libs/MAVLink2Rest'
+import Listener from '@/libs/MAVLink2Rest/Listener'
+
+export default {
+  name: 'StatusTextWatcher',
+  data() {
+    return {
+      messages: [] as string[],
+      listener: undefined as undefined | Listener,
+    }
+  },
+
+  mounted() {
+    this.listener = mavlink2rest.startListening('STATUSTEXT').setCallback((receivedMessage) => {
+      const text = receivedMessage.message.text.join('')
+      if (this.messages && this.messages[this.messages.length - 1] === text) {
+        return
+      }
+      this.messages.push(text)
+    })
+  },
+  beforeDestroy() {
+    if (this.listener) {
+      this.listener.discard()
+    }
+  },
+}
+
+</script>