zuul
/
zuul
Code Issues Proposed changes

Merge "Add estimated time remaining tooltip to UI"

This commit is contained in:
Zuul 2020-01-25 01:43:59 +00:00 committed by Gerrit Code Review
parent dfcfdc360f 09b4b8a5b3
commit b29923d024
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/containers/status/ChangePanel.jsx
View File

@ -16,6 +16,7 @@ import * as React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import * as moment from 'moment'
class ChangePanel extends React.Component {
@ -191,14 +192,19 @@ class ChangePanel extends React.Component {
// Show animation in preparation phase
let className
let progressWidth = progressPercent
let title = ''
if (Number.isNaN(progressPercent)) {
progressWidth = 100
progressPercent = 0
className = 'progress-bar-striped progress-bar-animated'
}
if (remainingTime !== null) {
title = 'estimated time remaining ' + moment.duration(remainingTime, 'milliseconds').humanize()
}
return (
<div className='progress zuul-job-result'>
<div className='progress zuul-job-result'
title={title}>
<div className={'progress-bar ' + className}
role='progressbar'
aria-valuenow={progressPercent}