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
|
/*
* 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.
*/
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Helmet from 'react-helmet';
import ListHeader from './ListHeader';
import List from './List';
import ScreenPositionHelper from '../../../components/common/ScreenPositionHelper';
import { fetchQualityGates } from '../../../api/quality-gates';
import { translate } from '../../../helpers/l10n';
import { getQualityGateUrl } from '../../../helpers/urls';
import '../styles.css';
export default class QualityGatesApp extends Component {
static contextTypes = {
router: PropTypes.object.isRequired
};
state = {};
componentDidMount() {
this.fetchQualityGates();
const footer = document.getElementById('footer');
if (footer) {
footer.classList.add('page-footer-with-sidebar');
}
}
componentWillUnmount() {
const footer = document.getElementById('footer');
if (footer) {
footer.classList.remove('page-footer-with-sidebar');
}
}
fetchQualityGates = () =>
fetchQualityGates().then(({ actions, qualitygates: qualityGates }) => {
const { organization, updateStore } = this.props;
updateStore({ actions, qualityGates });
if (qualityGates && qualityGates.length === 1 && !actions.create) {
this.context.router.replace(
getQualityGateUrl(qualityGates[0].id, organization && organization.key)
);
}
});
handleAdd = qualityGate => {
const { addQualityGate, organization } = this.props;
const { router } = this.context;
addQualityGate(qualityGate);
router.push(getQualityGateUrl(qualityGate.id, organization && organization.key));
};
render() {
const { children, qualityGates, actions, organization } = this.props;
const defaultTitle = translate('quality_gates.page');
return (
<div id="quality-gates-page" className="layout-page">
<Helmet defaultTitle={defaultTitle} titleTemplate={'%s - ' + defaultTitle} />
<ScreenPositionHelper className="layout-page-side-outer">
{({ top }) => (
<div className="layout-page-side" style={{ top }}>
<div className="layout-page-side-inner">
<div className="layout-page-filters">
<ListHeader canCreate={actions && actions.create} onAdd={this.handleAdd} />
{qualityGates && <List organization={organization} qualityGates={qualityGates} />}
</div>
</div>
</div>
)}
</ScreenPositionHelper>
{qualityGates != null &&
React.Children.map(children, child => React.cloneElement(child, { organization }))}
</div>
);
}
}
|
