From: Stas Vilchik <vilchiks@gmail.com>
Date: Thu, 27 Oct 2016 13:44:53 +0000 (+0200)
Subject: display colorful ratings on leak period on measures page
X-Git-Tag: 6.2-RC1~249
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=a60fc53baf7d3f6e1aee6447f881b38be5ce2f5e;p=sonarqube.git

display colorful ratings on leak period on measures page
---

diff --git a/server/sonar-web/src/main/js/apps/component-measures/details/MeasureDetailsHeader.js b/server/sonar-web/src/main/js/apps/component-measures/details/MeasureDetailsHeader.js
index 07c90a9b306..dfa4e81a60b 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/details/MeasureDetailsHeader.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/details/MeasureDetailsHeader.js
@@ -23,7 +23,7 @@ import Measure from './../components/Measure';
 import LanguageDistribution from '../../../components/charts/LanguageDistribution';
 import LeakPeriodLegend from '../components/LeakPeriodLegend';
 import { ComplexityDistribution } from '../../../components/shared/complexity-distribution';
-import { isDiffMetric, formatLeak } from '../utils';
+import { isDiffMetric } from '../utils';
 import { TooltipsContainer } from '../../../components/mixins/tooltips-mixin';
 import { getLocalizedMetricName } from '../../../helpers/l10n';
 
@@ -45,7 +45,7 @@ export default function MeasureDetailsHeader ({ measure, metric, secondaryMeasur
 
             {isDiffMetric(metric) ? (
                 <div className="measure-details-value-leak">
-                  {formatLeak(measure.leak, metric)}
+                  <Measure measure={measure} metric={metric}/>
                 </div>
             ) : (
                 <div className="measure-details-value-absolute">
diff --git a/server/sonar-web/src/main/js/apps/component-measures/home/MeasureListValue.js b/server/sonar-web/src/main/js/apps/component-measures/home/MeasureListValue.js
index 3c61560f721..b7ef268f81c 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/home/MeasureListValue.js
+++ b/server/sonar-web/src/main/js/apps/component-measures/home/MeasureListValue.js
@@ -21,7 +21,6 @@ import React from 'react';
 
 import Measure from '../components/Measure';
 import { isDiffMetric } from '../utils';
-import { formatMeasure } from '../../../helpers/measures';
 
 const MeasureListValue = ({ measure }) => {
   const { metric } = measure;
@@ -29,7 +28,7 @@ const MeasureListValue = ({ measure }) => {
   if (isDiffMetric(metric)) {
     return (
         <div id={`measure-${measure.metric.key}-leak`} className="domain-measures-value domain-measures-leak">
-          {formatMeasure(measure.leak, measure.metric.type)}
+          <Measure measure={measure}/>
         </div>
     );
   }
diff --git a/server/sonar-web/src/main/js/apps/component-measures/styles.css b/server/sonar-web/src/main/js/apps/component-measures/styles.css
index de6130fc631..fe0a70df496 100644
--- a/server/sonar-web/src/main/js/apps/component-measures/styles.css
+++ b/server/sonar-web/src/main/js/apps/component-measures/styles.css
@@ -105,6 +105,7 @@
 
 .domain-measures .domain-measures-name {
   width: calc(100% - 160px);
+  line-height: 24px;
 }
 
 .domain-measures .domain-measures-name > span {