feat(#64) added multiple aggregate levels

.gitignore

@@ -1,3 +1,4 @@
 /node_modules
 npm-debug.log
 coverage
+.vscode

gulpfile.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var gulp = require("gulp");
+var mocha = require("gulp-mocha");
+
+gulp.task("test-debug", function () {
+  gulp.src(["test/**/*.spec.js"])
+    .pipe(mocha());
+});

lib/constants.js

@@ -0,0 +1,52 @@
+"use strict";
+
+// these define the time levels that data will be aggregated into
+// each number is in milliseconds
+
+// since these are used as object keys, they are strings
+
+// For example, 5000 = 5s and means that one of the aggregate levels
+// will be at 5s increments of time
+
+// 300000 = 30s and the corresponding zoom will show 30s aggregates
+var AGGREGATE_TIME_LEVELS = [
+  "5000",
+  "10000",
+  "15000",
+  "30000",
+  "60000",
+  "300000",
+  "600000",
+  "900000",
+  "1800000",
+  "3600000"
+];
+
+// this array object is used to reduce ms to its highest human-readable form
+// see lib/providers/metrics-provider.js::getTimeIndexLabel
+var TIME_SCALES = [
+  {
+    units: "ms",
+    divisor: 1
+  }, {
+    units: "s",
+    divisor: 1000
+  }, {
+    units: "m",
+    divisor: 60
+  }, {
+    units: "h",
+    divisor: 60
+  }, {
+    units: "d",
+    divisor: 24
+  }, {
+    units: "y",
+    divisor: 365.24
+  }
+];
+
+module.exports = {
+  AGGREGATE_TIME_LEVELS: AGGREGATE_TIME_LEVELS,
+  TIME_SCALES: TIME_SCALES
+};

lib/dashboard.js

@@ -75,6 +75,12 @@ Dashboard.prototype._configureKeys = function () {
   this.screen.key(["q", "C-c"], function () {
     process.exit(0); // eslint-disable-line no-process-exit
   });
+
+  this.screen.key(["up", "down"], _.throttle(function (ch, key) {
+    var zoom = key.name === "down" ? -1 : 1;
+    this.screen.emit("zoomGraphs", zoom);
+    this._showLayout(this.currentLayout, true);
+  }.bind(this), THROTTLE_TIMEOUT));
 };
 
 Dashboard.prototype.onEvent = function (event) {
@@ -94,8 +100,8 @@ var VIEW_MAP = {
   eventLoop: EventLoopView
 };
 
-Dashboard.prototype._showLayout = function (id) {
-  if (this.currentLayout === id) {
+Dashboard.prototype._showLayout = function (id, forced) {
+  if (this.currentLayout === id && !forced) {
     return;
   }
   _.each(this.views, function (view) {