Merge pull request #1577 from coreos-inc/heatmap-future

Change future entries in heat map to be empty

static/css/directives/ui/heatmap.css

@@ -15,3 +15,9 @@
     font-size: 12px;
     text-transform: uppercase;
 }
+
+.heatmap-element .cal-heatmap-container svg .highlight {
+    fill: white;
+    stroke: #eee;
+    stroke-dasharray: 2;
+}

static/js/directives/ui/heatmap.js

@@ -26,6 +26,11 @@ angular.module('quay').directive('heatmap', function () {
 
         if (!cal) {
           var start = moment().add($scope.startCount * 1, $scope.startDomain).toDate();
+          var highlight = [];
+          for (i = 0; i < 31; ++i) {
+            var d = moment().add('day', i).toDate();
+            highlight.push(d);
+          }
 
           cal = new CalHeatMap();
           cal.init({
@@ -40,6 +45,7 @@ angular.module('quay').directive('heatmap', function () {
             displayLegend: false,
             tooltip: true,
             weekStartOnMonday: false,
+            highlight: highlight,
             legendColors: {
               empty: "#f4f4f4",
               min: "#c9e9fb",