Add page for individual service details

web/app/src/components/Settings.vue

@@ -25,14 +25,14 @@ export default {
     setRefreshInterval(seconds) {
       let that = this;
       this.refreshIntervalHandler = setInterval(function() {
-        that.refreshStatuses();
+        that.refreshData();
       }, seconds * 1000);
     },
-    refreshStatuses() {
-      this.$emit('refreshStatuses');
+    refreshData() {
+      this.$emit('refreshData');
     },
     handleChangeRefreshInterval() {
-      this.refreshStatuses();
+      this.refreshData();
       clearInterval(this.refreshIntervalHandler);
       this.setRefreshInterval(this.$refs.refreshInterval.value);
     }
@@ -40,6 +40,9 @@ export default {
   created() {
     this.setRefreshInterval(this.refreshInterval);
   },
+  unmounted() {
+    clearInterval(this.refreshIntervalHandler);
+  },
   data() {
     return {
       refreshInterval: 30,