From 2c71aa3039b173b800f0463c2d426b7a69a6fa20 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Thu, 9 Oct 2014 14:32:14 +0200
Subject: [PATCH] SONAR-5606 Timeline chart does not behave correctly when
 measures don't have the same history

---
 .../sonar/plugins/core/widgets/timeline.html.erb   |  3 ++-
 server/sonar-web/src/main/js/widgets/timeline.js   | 14 ++++++++++++++
 server/sonar-web/src/main/less/style.less          |  6 +++---
 .../main/resources/org/sonar/l10n/core.properties  |  1 +
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/plugins/sonar-core-plugin/src/main/resources/org/sonar/plugins/core/widgets/timeline.html.erb b/plugins/sonar-core-plugin/src/main/resources/org/sonar/plugins/core/widgets/timeline.html.erb
index 5cc449a0fe8..6e5c662f104 100644
--- a/plugins/sonar-core-plugin/src/main/resources/org/sonar/plugins/core/widgets/timeline.html.erb
+++ b/plugins/sonar-core-plugin/src/main/resources/org/sonar/plugins/core/widgets/timeline.html.erb
@@ -167,7 +167,7 @@
 <%   else %>
   <% timeline = 'timeline' + widget.id.to_s %>
 
-  <div id="timeline-chart-<%= widget.id -%>" style="height: <%= chartHeight -%>px;"></div>
+  <div id="timeline-chart-<%= widget.id -%>"></div>
   <script>
     function d(y, m, d, h, min, s) {
       return new Date(y, m, d, h, min, s);
@@ -182,6 +182,7 @@
       .snapshots(snapshots)
       .metrics(metrics)
       .events(events);
+    <%= timeline -%>.limitedHistoricalData = '<%= message('widget.timeline.limited_histortical_data') -%>';
     <%= timeline -%>.render();
 
     autoResize(200, function() {
diff --git a/server/sonar-web/src/main/js/widgets/timeline.js b/server/sonar-web/src/main/js/widgets/timeline.js
index 23ab743cd23..3718852e1bd 100644
--- a/server/sonar-web/src/main/js/widgets/timeline.js
+++ b/server/sonar-web/src/main/js/widgets/timeline.js
@@ -153,6 +153,9 @@ window.SonarWidgets = window.SonarWidgets == null ? {} : window.SonarWidgets;
         .ticks(5);
 
 
+    this.showLimitHistoryMessage();
+
+
     // Configure lines and points
     this.lines = [];
     this.glines = [];
@@ -281,6 +284,17 @@ window.SonarWidgets = window.SonarWidgets == null ? {} : window.SonarWidgets;
   };
 
 
+  window.SonarWidgets.Timeline.prototype.showLimitHistoryMessage = function () {
+    var minEvent = d3.min(this.events(), function (d) {
+          return d.d;
+        }),
+        minData = this.time.domain()[0];
+    if (minEvent < minData) {
+      var maxResultsReachedLabel = this.container.append('div').text(this.limitedHistoricalData);
+      maxResultsReachedLabel.classed('max-results-reached-message', true);
+    }
+  };
+
 
   window.SonarWidgets.Timeline.prototype.update = function() {
     var widget = this,
diff --git a/server/sonar-web/src/main/less/style.less b/server/sonar-web/src/main/less/style.less
index 2d73427824a..d8638486ccb 100644
--- a/server/sonar-web/src/main/less/style.less
+++ b/server/sonar-web/src/main/less/style.less
@@ -2800,17 +2800,17 @@ div.rule-title {
   }
 }
 
-.sonar-d3 .max-results-reached-message {
+.max-results-reached-message {
   font-size: 12px;
 }
 
-.sonar-d3 div.max-results-reached-message {
+div.max-results-reached-message {
   margin-top: 10px;
   color: #777;
   text-align: center;
 }
 
-.sonar-d3 text.max-results-reached-message {
+text.max-results-reached-message {
   fill: #777;
 }
 
diff --git a/sonar-core/src/main/resources/org/sonar/l10n/core.properties b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
index ccb8accde99..5c7a8ea6563 100644
--- a/sonar-core/src/main/resources/org/sonar/l10n/core.properties
+++ b/sonar-core/src/main/resources/org/sonar/l10n/core.properties
@@ -1106,6 +1106,7 @@ widget.timeline.property.metric2.name=Metric 2
 widget.timeline.property.metric3.name=Metric 3
 widget.timeline.property.hideEvents.name=Hide events
 widget.timeline.property.chartHeight.name=Chart Height
+widget.timeline.limited_histortical_data=Current timeline is reduced to a shorter period because of limited historical data for one of the metric.
 
 widget.bubble_chart.name=Project File Bubble Chart
 widget.bubble_chart.description=Display a component's source files in a Bubble chart. Both axes and bubble size are configurable.
-- 
2.39.5