inner = <i className="spinner"/>;
break;
case STATUSES.SUCCESS:
- inner = <i className="icon-test-status-ok"/>;
+ inner = <span className="badge badge-success">{window.t('background_task.status.SUCCESS')}</span>;
break;
case STATUSES.FAILED:
- inner = <i className="icon-test-status-error"/>;
+ inner = <span className="badge badge-danger">{window.t('background_task.status.FAILED')}</span>;
break;
case STATUSES.CANCELED:
- inner = <i className="icon-test-status-skipped"/>;
+ inner = <span className="badge badge-muted">{window.t('background_task.status.CANCELED')}</span>;
break;
default:
inner = '';
export default React.createClass({
render() {
let metaList = [],
- // FIXME check right permission
- canSeeBackgroundTasks = this.props.conf.showSettings,
+ canSeeBackgroundTasks = this.props.conf.showBackgroundTasks,
backgroundTasksUrl = `${baseUrl}/project/background_tasks?id=${encodeURIComponent(this.props.component.key)}`;
if (this.props.isInProgress) {
window.t('component_navigation.status.failed');
metaList.push(
<li key="isFailed" data-toggle="tooltip" title={tooltip}>
- <i className="icon-test-status-error"/> <span className="text-danger">{window.t('background_task.status.FAILED')}</span>
+ <span className="badge badge-danger">{window.t('background_task.status.FAILED')}</span>
</li>
);
}