work on player

assets/js/app.js

@@ -0,0 +1,18 @@
+import Vue from 'vue';
+import Buefy from 'buefy';
+
+Vue.use(Buefy);
+
+export var app = null;
+
+function loadApp() {
+    app = new Vue({
+      el: '#app',
+      delimiters: [ '[[', ']]' ],
+    })
+}
+
+
+window.addEventListener('load', loadApp);
+
+

assets/js/index.js

@@ -1,18 +1,4 @@
-import Vue from 'vue';
-import Buefy from 'buefy';
-
-Vue.use(Buefy);
-
-var app = null;
-
-function loadApp() {
-    app = new Vue({
-      el: '#app',
-      delimiters: [ '[[', ']]' ],
-    })
-}
-
-
-window.addEventListener('load', loadApp);
+import app from './app';
+import LiveInfo from './liveInfo';
 
 

assets/js/liveInfo.js

@@ -0,0 +1,37 @@
+
+export default class {
+    constructor(url, timeout) {
+        this.url = url;
+        this.timeout = timeout;
+        this.promise = null;
+        this.items = [];
+    }
+
+    drop() {
+        this.promise = null;
+    }
+
+    fetch() {
+        const promise = fetch(this.url).then(response =>
+            response.ok ? response.json()
+                        : Promise.reject(response)
+        ).then(data => {
+            this.items = data;
+            return this.items
+        })
+
+        this.promise = promise;
+        return promise;
+    }
+
+    refresh() {
+        const promise = this.fetch();
+        promise.then(data => {
+            if(promise != this.promise)
+                return [];
+
+            window.setTimeout(() => this.refresh(), this.timeout*1000)
+        })
+        return promise
+    }
+}