127 lines
4.0 KiB
JavaScript
127 lines
4.0 KiB
JavaScript
// Copyright 2018 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 { Fragment } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Panel } from 'react-bootstrap'
|
|
import {
|
|
Icon,
|
|
ListView,
|
|
} from 'patternfly-react'
|
|
|
|
|
|
class BuildOutput extends React.Component {
|
|
static propTypes = {
|
|
output: PropTypes.object,
|
|
}
|
|
|
|
renderHosts (hosts) {
|
|
return (
|
|
<ListView>
|
|
{Object.entries(hosts).map(([host, values]) => (
|
|
<ListView.Item
|
|
key={host}
|
|
heading={host}
|
|
additionalInfo={[
|
|
<ListView.InfoItem key="ok" title="Task OK">
|
|
<Icon type='pf' name='info' />
|
|
<strong>{values.ok}</strong>
|
|
</ListView.InfoItem>,
|
|
<ListView.InfoItem key="changed" title="Task changed">
|
|
<Icon type='pf' name='ok' />
|
|
<strong>{values.changed}</strong>
|
|
</ListView.InfoItem>,
|
|
<ListView.InfoItem key="fail" title="Task failure">
|
|
<Icon type='pf' name='error-circle-o' />
|
|
<strong>{values.failures}</strong>
|
|
</ListView.InfoItem>
|
|
]}
|
|
/>
|
|
))}
|
|
</ListView>
|
|
)
|
|
}
|
|
|
|
renderFailedTask (host, task) {
|
|
const max_lines = 42
|
|
return (
|
|
<Panel key={host + task.zuul_log_id}>
|
|
<Panel.Heading>{host}: {task.name}</Panel.Heading>
|
|
<Panel.Body>
|
|
{task.invocation && task.invocation.module_args &&
|
|
task.invocation.module_args._raw_params && (
|
|
<strong key="cmd">
|
|
{task.invocation.module_args._raw_params} <br />
|
|
</strong>
|
|
)}
|
|
{task.msg && (
|
|
<pre key="msg">{task.msg}</pre>
|
|
)}
|
|
{task.exception && (
|
|
<pre key="exc" style={{ color: 'red' }}>{task.exception}</pre>
|
|
)}
|
|
{task.stdout_lines && task.stdout_lines.length > 0 && (
|
|
<Fragment>
|
|
{task.stdout_lines.length > max_lines && (
|
|
<details className={`${'foldable'} ${'stdout'}`}><summary></summary>
|
|
<pre key="stdout" title="stdout">
|
|
{task.stdout_lines.slice(0, -max_lines).join('\n')}
|
|
</pre>
|
|
</details>)}
|
|
<pre key="stdout" title="stdout">
|
|
{task.stdout_lines.slice(-max_lines).join('\n')}
|
|
</pre>
|
|
</Fragment>
|
|
)}
|
|
{task.stderr_lines && task.stderr_lines.length > 0 && (
|
|
<Fragment>
|
|
{task.stderr_lines.length > max_lines && (
|
|
<details className={`${'foldable'} ${'stderr'}`}><summary></summary>
|
|
<pre key="stderr" title="stderr">
|
|
{task.stderr_lines.slice(0, -max_lines).join('\n')}
|
|
</pre>
|
|
</details>
|
|
)}
|
|
<pre key="stderr" title="stderr">
|
|
{task.stderr_lines.slice(-max_lines).join('\n')}
|
|
</pre>
|
|
</Fragment>
|
|
)}
|
|
</Panel.Body>
|
|
</Panel>
|
|
)
|
|
}
|
|
|
|
render () {
|
|
const { output } = this.props
|
|
return (
|
|
<React.Fragment>
|
|
<div key="tasks">
|
|
{Object.entries(output)
|
|
.filter(([, values]) => values.failed.length > 0)
|
|
.map(([host, values]) => (values.failed.map(failed => (
|
|
this.renderFailedTask(host, failed)))))}
|
|
</div>
|
|
<div key="hosts">
|
|
{this.renderHosts(output)}
|
|
</div>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
}
|
|
|
|
|
|
export default BuildOutput
|