External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-13 02:50:02 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add label to identify isolated instance group JobDetail screen

Browse Source 
Add label to identify isolated instance group JobDetail screen as per
mock up.

See: https://tower-mockups.testing.ansible.com/patternfly/jobs/jobs-detail/
This commit is contained in:
nixocio 2020-08-23 14:36:25 -04:00
parent 2a824fc1d5
commit 447bde95e3
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
View File

@ -3,7 +3,7 @@ import React, { useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
import { Button, Chip } from '@patternfly/react-core';
import { Button, Chip, Label } from '@patternfly/react-core';
import styled from 'styled-components';
import AlertModal from '../../../components/AlertModal';
@ -121,6 +121,22 @@ function JobDetail({ job, i18n }) {
}
};
const isIsolatedInstanceGroup = item => {
if (item.is_isolated) {
return (
<>
<Link to={`/instance_groups/${item.id}`}>{item.name}</Link>
<span css="margin-left: 12px">
<Label aria-label={i18n._(t`isolated instance`)}>
{i18n._(t`Isolated`)}
</Label>
</span>
</>
);
}
return <Link to={`/instance_groups/${item.id}`}>{item.name}</Link>;
};
return (
<CardBody>
<DetailList>
@ -211,11 +227,7 @@ function JobDetail({ job, i18n }) {
{instanceGroup && (
<Detail
label={i18n._(t`Instance Group`)}
value={
<Link to={`/instance_groups/${instanceGroup.id}`}>
{instanceGroup.name}
</Link>
}
value={isIsolatedInstanceGroup(instanceGroup)}
/>
)}
{typeof job.job_slice_number === 'number' &&