Merge branch 'dev/timeline-input-button' of https://github.com/billangli/aw-webui into dev/timeline-input-button

Author: billangli

src/views/Bucket.vue

@@ -52,12 +52,7 @@ export default {
       return this.$store.getters['buckets/getBucket'](this.id) || {};
     },
   },
-  watch: {
-    daterange: async function () {
-      await this.getEvents(this.id);
-    },
-  },
-  mounted: async function () {
+  mounted: async function() {
     await this.$store.dispatch('buckets/ensureBuckets');
     await this.getEvents(this.id);
     await this.getEventCount(this.id);

src/views/Timeline.vue

@@ -34,16 +34,13 @@ export default {
       return _.sumBy(this.buckets, 'events.length');
     },
   },
-  watch: {
-    daterange() {
-      this.getBuckets();
-    },
-  },
-  mounted: function () {
-    this.getBuckets();
+  mounted: function() {
+    this.daterange = [moment().subtract(this.timeintervalDefaultDuration, "seconds"), moment()],
+    this.getBuckets(this.daterange);
   },
   methods: {
-    getBuckets: async function () {
+    getBuckets: async function(daterange) {
+      this.daterange = daterange;
       this.buckets = await this.$store.dispatch('buckets/getBucketsWithEvents', {
         start: this.daterange[0].format(),
         end: this.daterange[1].format(),