aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src/main/js/apps/projects/visualizations/Visualizations.js
blob: 661a67d0b21220c63a7caf35b5258210bdef58d0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/*
 * SonarQube
 * Copyright (C) 2009-2017 SonarSource SA
 * mailto:info AT sonarsource DOT com
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * 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 Risk from './Risk';
import Reliability from './Reliability';
import Security from './Security';
import Maintainability from './Maintainability';
import Coverage from './Coverage';
import Duplications from './Duplications';
import { localizeSorting } from '../utils';
import { translate, translateWithParameters } from '../../../helpers/l10n';

export default class Visualizations extends React.PureComponent {
  /*:: props: {
    displayOrganizations: boolean,
    projects?: Array<*>,
    sort?: string,
    total?: number,
    visualization: string
  };
*/

  renderVisualization(projects /*: Array<*> */) {
    const visualizationToComponent = {
      risk: Risk,
      reliability: Reliability,
      security: Security,
      maintainability: Maintainability,
      coverage: Coverage,
      duplications: Duplications
    };
    const Component = visualizationToComponent[this.props.visualization];

    return Component
      ? <Component displayOrganizations={this.props.displayOrganizations} projects={projects} />
      : null;
  }

  renderFooter() {
    const { projects, total, sort } = this.props;

    const limitReached = projects != null && total != null && projects.length < total;

    return (
      <footer className="projects-visualizations-footer">
        <p>
          {translate('projects.visualization', this.props.visualization, 'description')}
        </p>
        {limitReached &&
          <p className="note spacer-top">
            {translateWithParameters(
              'projects.limited_set_of_projects',
              // $FlowFixMe
              projects.length,
              localizeSorting(sort)
            )}
          </p>}
      </footer>
    );
  }

  render() {
    const { projects } = this.props;

    return (
      <div className="boxed-group projects-visualizations">
        <div className="projects-visualization">
          {projects != null && this.renderVisualization(projects)}
        </div>
        {this.renderFooter()}
      </div>
    );
  }
}