From a5d9bbb1e60e1f81913b7ca23c19e1c68644115c Mon Sep 17 00:00:00 2001
From: Keith Grant <keithjgrant@redhat.com>
Date: Fri, 18 Oct 2019 10:08:59 -0700
Subject: [PATCH 1/2] add status icon to job list

---
 awx/ui_next/src/screens/Job/JobList/JobListItem.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx b/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
index 0a63a67a48..8a14b61833 100644
--- a/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
+++ b/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
+import styled from 'styled-components';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
 import {
@@ -14,10 +15,15 @@ import DataListCheck from '@components/DataListCheck';
 import LaunchButton from '@components/LaunchButton';
 import ListActionButton from '@components/ListActionButton';
 import VerticalSeparator from '@components/VerticalSeparator';
+import { StatusIcon } from '@components/Sparkline';
 import { toTitleCase } from '@util/strings';
 import { formatDateString } from '@util/dates';
 import { JOB_TYPE_URL_SEGMENTS } from '../../../constants';
 
+const PaddedIcon = styled(StatusIcon)`
+  margin-right: 20px;
+`;
+
 class JobListItem extends Component {
   render() {
     const { i18n, job, isSelected, onSelect } = this.props;
@@ -38,6 +44,7 @@ class JobListItem extends Component {
             dataListCells={[
               <DataListCell key="divider">
                 <VerticalSeparator />
+                {job.status && <PaddedIcon status={job.status} />}
                 <span>
                   <Link
                     to={`/jobs/${JOB_TYPE_URL_SEGMENTS[job.type]}/${job.id}`}

From 8b23c6e19a20e93f136aaa7c419d76b437ebb11b Mon Sep 17 00:00:00 2001
From: Keith Grant <keithjgrant@redhat.com>
Date: Fri, 18 Oct 2019 10:44:39 -0700
Subject: [PATCH 2/2] add job id to jobs list

---
 awx/ui_next/src/screens/Job/JobList/JobListItem.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx b/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
index 8a14b61833..215c50429a 100644
--- a/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
+++ b/awx/ui_next/src/screens/Job/JobList/JobListItem.jsx
@@ -49,7 +49,9 @@ class JobListItem extends Component {
                   <Link
                     to={`/jobs/${JOB_TYPE_URL_SEGMENTS[job.type]}/${job.id}`}
                   >
-                    <b>{job.name}</b>
+                    <b>
+                      {job.id} &mdash; {job.name}
+                    </b>
                   </Link>
                 </span>
               </DataListCell>,