- added cached version of details to faster loading

webSource/index.js

@@ -20,9 +20,11 @@ import comp_serverList from "./serverList.vue";
 import comp_serverDetails from "./serverDetails.vue";
 import comp_server from "./server.vue";
 import comp_serveredit from "./serveredit.vue";
+import comp_servergraph from "./servergraph.vue";
 
 Vue.component('server', comp_server);
 Vue.component('serveredit', comp_serveredit);
+Vue.component('servergraph', comp_servergraph);
 
 var routes = [
   { path: "/", component:  comp_serverList },
@@ -54,6 +56,15 @@ $(function () {
           self.types = JSON.parse(types.response);
         }
       };
+      var serverCache = new XMLHttpRequest();
+      serverCache.open('GET', '/api/details/cached');
+      serverCache.send(null);
+      serverCache.onreadystatechange = function () {
+        if (serverCache.readyState == XMLHttpRequest.DONE &&
+          serverCache.status === 200) {
+          self.$root.servers = JSON.parse(serverCache.response);
+        }
+      };
     }
   });//.$mount("#statsApp");
 });

webSource/serverList.vue

@@ -25,6 +25,11 @@ export default {
     this.servers = this.$root.servers;
     this.update();
   },
+  watch: {
+    "$root.servers": function (val, old) {
+      this.servers = val;
+    }
+  },
   data: function () {
     return {
       servers: [],