diff options
Diffstat (limited to 'server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js')
-rw-r--r-- | server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js | 41 |
1 files changed, 23 insertions, 18 deletions
diff --git a/server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js b/server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js index 16f97bec6ef..5b5cfd29e47 100644 --- a/server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js +++ b/server/sonar-web/src/main/js/components/charts/treemap-breadcrumbs.js @@ -18,7 +18,6 @@ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import React from 'react'; - import QualifierIcon from '../shared/qualifier-icon'; export const TreemapBreadcrumbs = React.createClass({ @@ -30,35 +29,41 @@ export const TreemapBreadcrumbs = React.createClass({ }).isRequired).isRequired }, - handleItemClick(item, e) { + handleItemClick (item, e) { e.preventDefault(); this.props.onRectangleClick(item); }, - handleReset(e) { + handleReset (e) { e.preventDefault(); this.props.onReset(); }, - renderHome() { - return <span className="treemap-breadcrumbs-item"> - <a onClick={this.handleReset} className="icon-home" href="#"/> - </span>; + renderHome () { + return ( + <span className="treemap-breadcrumbs-item"> + <a onClick={this.handleReset} className="icon-home" href="#"/> + </span> + ); }, - renderBreadcrumbsItems(b) { - return <span key={b.key} className="treemap-breadcrumbs-item" title={b.name}> - <i className="icon-chevron-right"/> - <QualifierIcon qualifier={b.qualifier}/> - <a onClick={this.handleItemClick.bind(this, b)} href="#">{b.name}</a> - </span>; + renderBreadcrumbsItems (b) { + return ( + <span key={b.key} className="treemap-breadcrumbs-item" title={b.name}> + <i className="icon-chevron-right"/> + <QualifierIcon qualifier={b.qualifier}/> + <a onClick={this.handleItemClick.bind(this, b)} href="#">{b.name}</a> + </span> + ); }, - render() { + render () { const breadcrumbs = this.props.breadcrumbs.map(this.renderBreadcrumbsItems); - return <div className="treemap-breadcrumbs"> - {this.props.breadcrumbs.length ? this.renderHome() : null} - {breadcrumbs} - </div>; + return ( + <div className="treemap-breadcrumbs"> + {this.props.breadcrumbs.length ? this.renderHome() : null} + {breadcrumbs} + </div> + ); } }); |