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
127
128
|
// Copyright 2019 Red Hat, Inc
//
// Licensed under the Apache License, Version 2.0 (the "License"); you may
// not use this file except in compliance with the License. You may obtain
// a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations
// under the License.
import * as React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import { Panel } from 'react-bootstrap'
import * as moment from 'moment'
import 'moment-duration-format'
class Buildset extends React.Component {
static propTypes = {
buildset: PropTypes.object,
tenant: PropTypes.object,
}
render () {
const { buildset } = this.props
const rows = []
const myColumns = [
'change', 'project', 'branch', 'pipeline', 'result', 'message', 'event_id'
]
const buildRows = []
const buildColumns = [
'job', 'result', 'voting', 'duration'
]
myColumns.forEach(column => {
let label = column
let value = buildset[column]
if (column === 'change') {
value = (
<a href={buildset.ref_url}>
{buildset.change},{buildset.patchset}
</a>
)
}
if (column === 'event_id') {
label = 'event id'
}
if (value) {
rows.push({key: label, value: value})
}
})
buildset.builds.forEach(build => {
const row = []
buildColumns.forEach(column => {
if (column === 'job') {
row.push(build.job_name)
} else if (column === 'duration') {
row.push(moment.duration(build.duration, 'seconds')
.format('h [hr] m [min] s [sec]'))
} else if (column === 'voting') {
row.push(build.voting ? 'true' : 'false')
} else if (column === 'result') {
row.push(<Link
to={this.props.tenant.linkPrefix + '/build/' + build.uuid}>
{build.result}
</Link>)
} else {
row.push(build[column])
}
})
buildRows.push(row)
})
return (
<React.Fragment>
<Panel>
<Panel.Heading>Buildset result {buildset.uuid}</Panel.Heading>
<Panel.Body>
<table className="table table-striped table-bordered">
<tbody>
{rows.map(item => (
<tr key={item.key}>
<td>{item.key}</td>
<td>{item.value}</td>
</tr>
))}
</tbody>
</table>
</Panel.Body>
</Panel>
<Panel>
<Panel.Heading>Builds</Panel.Heading>
<Panel.Body>
<table className="table table-striped table-bordered">
<thead>
<tr>
{buildColumns.map(item => (
<td key={item}>{item}</td>
))}
</tr>
</thead>
<tbody>
{buildset.builds.map((item, idx) => (
<tr key={idx} className={item.result === 'SUCCESS' ? 'success': 'warning'}>
{buildRows[idx].map((item, idx) => (
<td key={idx}>{item}</td>
))}
</tr>
))}
</tbody>
</table>
</Panel.Body>
</Panel>
</React.Fragment>
)
}
}
export default connect(state => ({tenant: state.tenant}))(Buildset)
|
