Merge pull request #9933 from marshmalien/4977-expanded-job-list

Add expanded row content to job list

SUMMARY
#4977
Add the following details to expanded section:

Job Template
Workflow Job Template
Source Workflow Job
Project
Execution Environment


ISSUE TYPE


Feature Pull Request

COMPONENT NAME


UI

Reviewed-by: Kersom <None>
Reviewed-by: Tiago Góes <tiago.goes2009@gmail.com>

awx/ui_next/src/components/JobList/JobListItem.jsx

@@ -12,6 +12,7 @@ import StatusLabel from '../StatusLabel';
 import { DetailList, Detail, LaunchedByDetail } from '../DetailList';
 import ChipGroup from '../ChipGroup';
 import CredentialChip from '../CredentialChip';
+import ExecutionEnvironmentDetail from '../ExecutionEnvironmentDetail';
 import { formatDateString } from '../../util/dates';
 import { JOB_TYPE_URL_SEGMENTS } from '../../constants';
 
@@ -36,7 +37,16 @@ function JobListItem({
     workflow_job: i18n._(t`Workflow Job`),
   };
 
-  const { credentials, inventory, labels } = job.summary_fields;
+  const {
+    credentials,
+    execution_environment,
+    inventory,
+    job_template,
+    labels,
+    project,
+    source_workflow_job,
+    workflow_job_template,
+  } = job.summary_fields;
 
   return (
     <>
@@ -118,34 +128,39 @@ function JobListItem({
       </Tr>
       <Tr isExpanded={isExpanded} id={`expanded-job-row-${job.id}`}>
         <Td colSpan={2} />
-        <Td colSpan={showTypeColumn ? 5 : 4}>
+        <Td colSpan={showTypeColumn ? 6 : 5}>
           <ExpandableRowContent>
             <DetailList>
               <LaunchedByDetail job={job} i18n={i18n} />
-              {credentials && credentials.length > 0 && (
+              {job_template && (
                 <Detail
-                  fullWidth
+                  label={i18n._(t`Job Template`)}
-                  label={i18n._(t`Credentials`)}
                   value={
-                    <ChipGroup numChips={5} totalChips={credentials.length}>
+                    <Link to={`/templates/job_template/${job_template.id}`}>
-                      {credentials.map(c => (
+                      {job_template.name}
-                        <CredentialChip key={c.id} credential={c} isReadOnly />
+                    </Link>
-                      ))}
-                    </ChipGroup>
                   }
                 />
               )}
-              {labels && labels.count > 0 && (
+              {workflow_job_template && (
                 <Detail
-                  label={i18n._(t`Labels`)}
+                  label={i18n._(t`Workflow Job Template`)}
                   value={
-                    <ChipGroup numChips={5} totalChips={labels.results.length}>
+                    <Link
-                      {labels.results.map(l => (
+                      to={`/templates/workflow_job_template/${workflow_job_template.id}`}
-                        <Chip key={l.id} isReadOnly>
+                    >
-                          {l.name}
+                      {workflow_job_template.name}
-                        </Chip>
+                    </Link>
-                      ))}
+                  }
-                    </ChipGroup>
+                />
+              )}
+              {source_workflow_job && (
+                <Detail
+                  label={i18n._(t`Source Workflow Job`)}
+                  value={
+                    <Link to={`/jobs/workflow/${source_workflow_job.id}`}>
+                      {source_workflow_job.id} - {source_workflow_job.name}
+                    </Link>
                   }
                 />
               )}
@@ -165,7 +180,49 @@ function JobListItem({
                   }
                 />
               )}
-
+              {project && (
+                <Detail
+                  label={i18n._(t`Project`)}
+                  value={
+                    <Link to={`/projects/${project.id}/details`}>
+                      {project.name}
+                    </Link>
+                  }
+                  dataCy={`job-${job.id}-project`}
+                />
+              )}
+              <ExecutionEnvironmentDetail
+                virtualEnvironment={job.custom_virtualenv}
+                executionEnvironment={execution_environment}
+              />
+              {credentials && credentials.length > 0 && (
+                <Detail
+                  fullWidth
+                  label={i18n._(t`Credentials`)}
+                  value={
+                    <ChipGroup numChips={5} totalChips={credentials.length}>
+                      {credentials.map(c => (
+                        <CredentialChip key={c.id} credential={c} isReadOnly />
+                      ))}
+                    </ChipGroup>
+                  }
+                />
+              )}
+              {labels && labels.count > 0 && (
+                <Detail
+                  fullWidth
+                  label={i18n._(t`Labels`)}
+                  value={
+                    <ChipGroup numChips={5} totalChips={labels.results.length}>
+                      {labels.results.map(l => (
+                        <Chip key={l.id} isReadOnly>
+                          {l.name}
+                        </Chip>
+                      ))}
+                    </ChipGroup>
+                  }
+                />
+              )}
               {job.job_explanation && (
                 <Detail
                   fullWidth