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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
|
/*
* SonarQube
* Copyright (C) 2009-2016 SonarSource SA
* mailto:contact 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.
*/
import React from 'react';
import Gate from './gate/gate';
import GeneralMain from './main/main';
import Meta from './meta';
import { StructureMain } from './domains/structure-domain';
import { DuplicationsMain } from './domains/duplications-domain';
import { CoverageMain } from './domains/coverage-domain';
import { DebtMain } from './domains/debt-domain';
import { getMetrics } from '../../api/metrics';
import { RouterMixin } from '../../components/router/router';
import { translate } from '../../helpers/l10n';
export const Overview = React.createClass({
mixins: [RouterMixin],
getInitialState () {
return { ready: false };
},
componentDidMount () {
this.requestMetrics();
},
requestMetrics () {
return getMetrics().then(metrics => this.setState({ ready: true, metrics }));
},
renderLoading () {
return <div className="text-center">
<i className="spinner spinner-margin"/>
</div>;
},
renderMain() {
return <div className="overview">
<div className="overview-main">
<Gate component={this.props.component} gate={this.props.gate}/>
<GeneralMain {...this.props} {...this.state} navigate={this.navigate}/>
</div>
<Meta component={this.props.component}/>
</div>;
},
renderSize () {
return <div className="overview">
<StructureMain {...this.props} {...this.state}/>
</div>;
},
renderDuplications () {
return <div className="overview">
<DuplicationsMain {...this.props} {...this.state}/>
</div>;
},
renderTests () {
return <div className="overview">
<CoverageMain {...this.props} {...this.state}/>
</div>;
},
renderIssues () {
return <div className="overview">
<DebtMain {...this.props} {...this.state}/>
</div>;
},
render () {
if (!this.state.ready) {
return this.renderLoading();
}
switch (this.state.route) {
case '':
return this.renderMain();
case '/structure':
return this.renderSize();
case '/duplications':
return this.renderDuplications();
case '/coverage':
return this.renderTests();
case '/debt':
return this.renderIssues();
default:
throw new Error('Unknown route: ' + this.state.route);
}
}
});
export const EmptyOverview = React.createClass({
render() {
return (
<div className="page">
<div className="alert alert-warning">
{translate('provisioning.no_analysis')}
</div>
<div className="big-spacer-top">
<h4>{translate('key')}</h4>
<code>{this.props.component.key}</code>
</div>
</div>
);
}
});
|
