streamer as separate application; working streamer monitor interface

2019-09-21 17:14:40 +02:00
parent 4e61ec1520
commit d3f39c5ade
39 changed files with 1347 additions and 148 deletions
--- a/assets/streamer/index.js
+++ b/assets/streamer/index.js
@ -0,0 +1,56 @@
+import Vue from 'vue';
+import Button from 'buefy/dist/components/button';
+
+Vue.use(Button)
+
+import {setAppConfig} from 'public/app';
+import Model from 'public/model';
+import Sound from 'public/sound';
+import {Streamer, Queue} from './controllers';
+
+window.aircox.appConfig = {
+    data() {
+        return {
+            // current streamer
+            streamer: null,
+            // all streamers
+            streamers: [],
+            // fetch interval id
+            fetchInterval: null,
+
+            Sound: Sound,
+        }
+    },
+
+    computed: {
+        apiUrl() {
+            return this.$el && this.$el.dataset.apiUrl;
+        },
+
+        sources() {
+            var sources = this.streamer ? this.streamer.sources : [];
+            return sources.filter(s => s.data)
+        },
+    },
+
+    methods: {
+        fetchStreamers() {
+            Streamer.fetchAll(this.apiUrl, null)
+                .then(streamers => {
+                    Vue.set(this, 'streamers', streamers);
+                    Vue.set(this, 'streamer', streamers ? streamers[0] : null);
+                })
+        },
+    },
+
+    mounted() {
+        this.fetchStreamers();
+        this.fetchInterval = setInterval(() => this.streamer && this.streamer.fetch(), 5000)
+    },
+
+    destroyed() {
+        if(this.fetchInterval !== null)
+            clearInterval(this.fetchInterval)
+    }
+}
+