refresh the data periodically

Author: dhewg

src/assets/javascripts/app.js

@@ -204,13 +204,13 @@ Vue.component('relative-time', {
 
 var vm = new Vue({
   created: function() {
-    this.refreshStats()
-      .then(this.refreshFeeds.bind(this))
-      .then(this.refreshItems.bind(this, false))
-
-    api.feeds.list_errors().then(function(errors) {
-      vm.feed_errors = errors
-    })
+    this.refreshAll()
+    this.interval = setInterval(function() {
+        this.refreshAll()
+    }.bind(this), 300000)  // every 5 minutes
+  },
+  destroyed: function() {
+    clearInterval(this.interval)
   },
   data: function() {
     var s = app.settings
@@ -252,6 +252,7 @@ var vm = new Vue({
       'refreshRate': s.refresh_rate,
       'authenticated': app.authenticated,
       'feed_errors': {},
+      'interval': null,
     }
   },
   computed: {
@@ -396,6 +397,15 @@ var vm = new Vue({
         })
       })
     },
+    refreshAll: function() {
+      this.refreshStats()
+        .then(this.refreshFeeds.bind(this))
+        .then(this.refreshItems.bind(this, false))
+
+      api.feeds.list_errors().then(function(errors) {
+        vm.feed_errors = errors
+      })
+    },
     getItemsQuery: function() {
       var query = {}
       if (this.feedSelected) {