SONAR-8393 display size rating on project page

diff --git a/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js b/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
index 8717d86e587f9c62f239d81ba94da8ecf245e63b..e1c09abf5729be6c28a488c12f36c4071dde79b9 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
+++ b/server/sonar-web/src/main/js/apps/overview/meta/MetaSize.js
@@ -22,6 +22,7 @@ import { DrilldownLink } from '../../../components/shared/drilldown-link';
 import LanguageDistribution from '../../../components/charts/LanguageDistribution';
 import { formatMeasure } from '../../../helpers/measures';
 import { getMetricName } from '../helpers/metrics';
+import SizeRating from '../../../components/ui/SizeRating';
 
 export default class MetaSize extends React.Component {
   static propTypes = {
@@ -42,6 +43,9 @@ export default class MetaSize extends React.Component {
     return (
         <div id="overview-size" className="overview-meta-card">
           <div id="overview-ncloc" className="overview-meta-size-ncloc">
+            <span className="spacer-right">
+              <SizeRating value={ncloc.value}/>
+            </span>
             <DrilldownLink component={this.props.component.key} metric="ncloc">
               {formatMeasure(ncloc.value, 'SHORT_INT')}
             </DrilldownLink>

diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 7bf16ff19415608788ff913dc474e6e27cf12865..ad20bb215a195abac5778177be31a30b76cb258c 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -319,8 +319,8 @@
 }
 
 .overview-meta-size-ncloc a {
-  line-height: 1;
-  font-size: 24px;
+  line-height: 24px;
+  font-size: 18px;
   font-weight: 300;
 }
 

diff --git a/server/sonar-web/src/main/js/components/ui/SizeRating.js b/server/sonar-web/src/main/js/components/ui/SizeRating.js
index 1e7a904460189ded238130fb6b22ec4f66a450e8..1a142a85c23db4c82c826d3d019b5ea74bd36b04 100644 (file)
--- a/server/sonar-web/src/main/js/components/ui/SizeRating.js
+++ b/server/sonar-web/src/main/js/components/ui/SizeRating.js
@@ -17,16 +17,17 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
+// @flow
 import React from 'react';
 import classNames from 'classnames';
 import inRange from 'lodash/inRange';
 import './SizeRating.css';
 
 export default class SizeRating extends React.Component {
-  static propTypes = {
-    value: React.PropTypes.oneOfType([React.PropTypes.number, React.PropTypes.string]),
-    small: React.PropTypes.bool,
-    muted: React.PropTypes.bool
+  props: {
+    value: number,
+    small?: boolean,
+    muted?: boolean
   };
 
   static defaultProps = {